מדריך OC

מדריך הגדרות

זהות האתר, הלוגו וגובה שלו בהדר

מעלים לוגו, קובעים את גובהו בדסקטופ ובמובייל, ומוסיפים לוגו נפרד למצב ההדר השקוף ולפוטר.

המדריך הזה מעלה את הלוגו של החנות ומכוון את מקומו בהדר, בהדר השקוף ובפוטר. מיועד למי שמקים את האתר או מחליף מיתוג. כל ההגדרות כאן נמצאות במסך ההתאמה האישית. נדרשת הרשאת מנהל מערכת להעלאת קובץ SVG.

שלב א׳ — להעלות את הלוגו

  1. בתפריט הניהול פותחים “עיצוב ← התאמה אישית”.
  2. נכנסים למקטע “זהות האתר”.
  3. מעלים את קובץ הלוגו, וממלאים את שם האתר ואת שורת התיאור.
  4. לוחצים “פרסום”.

הלוגו נחתך למידות של עד 600 פיקסלים רוחב ו-250 גובה, אך היחס גמיש — אפשר להעלות לוגו רחב או גבוה מזה והתבנית תתאים את עצמה.

שים לב: שם האתר אינו רק תווית. אם לא הועלה לוגו כלל, ההדר מציג במקומו את שם האתר כטקסט מקושר. בנוסף, שם האתר הוא מה שהמשתנה %%sitename%% מחזיר בכל תבניות ה-SEO — שינוי שלו משנה את הכותרת של כל עמוד באתר.

שלב ב׳ — קובץ SVG

מנהל מערכת רשאי להעלות קובצי SVG לספריית המדיה, וזו הבחירה המומלצת ללוגו: הוא חד בכל רזולוציה וקל במשקל. שתי נקודות שכדאי להכיר:

  • ספריית המדיה מציגה תצוגה מקדימה אמיתית ל-SVG במקום אייקון קובץ ריק.
  • התבנית קוראת את מידות הלוגו מתוך הקובץ עצמו ומטביעה אותן בקוד, כדי שהעמוד לא יקפוץ ברגע שהלוגו נטען. זה נעשה פעם אחת ונשמר.

שלב ג׳ — גובה הלוגו בהדר

  1. באותו מסך התאמה אישית פותחים “Header ← הדר מרכזי”.
  2. “גובה לוגו — דסקטופ (px)” — ברירת מחדל 48, טווח 20 עד 120.
  3. “גובה לוגו — מובייל (px)” — ברירת מחדל 40, טווח 16 עד 100.
  4. מסתכלים בתצוגה המקדימה שמשמאל תוך כדי, ומפרסמים.

בראש המקטע כתוב במפורש “הלוגו מוגדר בזהות האתר; התפריטים במסך התפריטים” — כאן קובעים רק את הגודל, לא את הקובץ.

גובה נפרד לדסקטופ ולמובייל, עם תצוגה חיה.

שלב ד׳ — לוגו למצב ההדר השקוף

כשההדר מוגדר לשבת שקוף מעל תמונת גיבור, הלוגו הכהה הרגיל עלול להיעלם בתוכה. באותו מקטע “הדר מרכזי” יש שדה תמונה בשם “לוגו למצב השקוף”, עם ההסבר “בדרך כלל הגרסה הבהירה. מתחלף חזרה ללוגו הרגיל ברגע שהעמוד נגלל”.

  1. מעלים גרסה בהירה של הלוגו לשדה “לוגו למצב השקוף”.
  2. מפרסמים ובודקים: בראש עמוד עם הדר שקוף אמור להופיע הלוגו הבהיר, ואחרי גלילה קצרה הרגיל.

שים לב: הלוגו הבהיר נכנס לפעולה רק כשמצב ההדר השקוף מופעל. אם העליתם אותו ולא רואים שינוי, בדקו קודם שההדר באמת מוגדר שקוף באותו עמוד.

שלב ה׳ — הלוגו בפוטר

  1. במסך ההתאמה האישית פותחים את המקטע “Footer”.
  2. בשדה “לוגו” בוחרים מקור. ארבע האפשרויות מוצגות כרגע באנגלית: “Regular site logo” (הלוגו הרגיל), “Transparent-header logo (usually the light one)” (הגרסה הבהירה), “A custom logo (upload below)” (לוגו נפרד לפוטר), “No logo”.
  3. אם בחרתם לוגו נפרד, נפתח מתחת שדה העלאה ייעודי.
  4. מתחתיו יש שדה טקסט לשורת תיאור קצרה מתחת ללוגו.
  5. מפרסמים.

פוטר כהה בדרך כלל דורש את הגרסה הבהירה — זו הסיבה שהאפשרות השנייה קיימת.

הפוטר יכול להשתמש בלוגו הרגיל, בבהיר, בקובץ נפרד, או בלי לוגו.

קשור

  • settings-seo-titles
  • settings-seo-alt
  • settings-permalinks