מדריך › מתקדם

עיצוב גלובלי: צבעים, פונטים, פינות וצפיפות

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

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

לאן הולכים

1. בתפריט הצד לחצו ״עיצוב ← התאמה אישית״.
2. פתחו את המקטע הראשון ברשימה, ״עיצוב גלובלי״.
3. לפני שאתם משנים, נווטו בתצוגה החיה לעמוד קטלוג — שם רואים בבת אחת כרטיסים, כפתורים, צבעים ופינות.

הצורה: פינות, צפיפות ורוחב

1. ״עיגול פינות״ — שלוש אפשרויות: ״חד״, ״רך״ ו״עגול״. ברירת המחדל היא ״רך״. זה עיגול הפינות של כרטיסים, תמונות ותיבות בכל האתר.
2. ״צפיפות מרווחים״ — ״צפוף״, ״רגיל״ או ״אוורירי״. ההסבר מתחת לשדה אומר בדיוק מה מושפע: ״שוליים, מרווחי רשת וריפוד כרטיסים. גודל הטקסט לא מושפע.״
3. ״רוחב תוכן (פיקסלים)״ — ברירת המחדל 1280, בטווח 960 עד 1920. זה הרוחב שכל עמודי האתר יורשים.

שים לב: ״צפיפות מרווחים״ לא נוגעת בגודל האותיות. אם הטקסט עצמו גדול או קטן מדי — זה ״גודל טקסט רץ (px)״ שיושב בנפרד בכל עמוד: תחת ״עמוד קטלוג ← כללי״ ותחת ״עמוד מוצר ← כללי״.

הצבעים

1. ״צבע ראשי״ — הצבע שמוביל את האתר.
2. ״צבע משני״ — הצבע המשלים.
3. ״צבע מבצע/הנחה״ — הצבע של מחירי מבצע.
4. ״צבע רקע כללי״ — רקע האתר.

כל אחד מהם הוא בוחר צבע. שדה שנשאר ריק משאיר את ברירת המחדל של התבנית.

שים לב: לעמוד הקטלוג ולעמוד המוצר יש דריסות רקע משלהם — ״צבע רקע לעמוד (דורס את הראשי)״. אם שיניתם כאן את ״צבע רקע כללי״ ועמוד אחד לא השתנה, בדקו אם נקבעה לו דריסה.

הכפתורים

סגנון כללי

״סגנון כפתורים״ — ״מלא״ או ״קווי״. זהו הסגנון של כפתורים באתר בכלל.

כפתורי ההנעה לפעולה

מתחת לכותרת ״כפתורי הנעה לפעולה״ יושבות ההגדרות של המשפך עצמו — ״הוספה לסל״, ״מעבר לקופה״ ו״שליחת ההזמנה״ — כדי שכולם ייראו אותו דבר:

1. ״צבע הנעה לפעולה (ריק = הצבע הראשי)״ — השאירו ריק והכפתורים ייקחו את ״צבע ראשי״.
2. ״אפקט ריחוף״ — ״ללא״, ״נגטיב״, ״נגטיב משמאל לימין״ או ״נגטיב מימין לשמאל״.
3. ״פינות הכפתור״ — ״חד״, ״רך״ או ״עגול (גלולה)״.
4. ״גובה הכפתור (px)״ — ברירת מחדל 48, בטווח 40 עד 64.
5. ״צבע הכפתור לפני בחירת אפשרויות״ — ״דהוי״ או ״צבע מלא״. זה מה שרואים בעמוד מוצר עם וריאציות, לפני שנבחרו צבע או מידה.

שים לב: ל״פינות הכפתור״ יש הגדרה משלה, נפרדת מ״עיגול פינות״. שינוי של ״עיגול פינות״ לא יעגל את כפתורי ההנעה לפעולה — ולהפך.

הפונטים

1. ״פונט כותרות״ — בחרו מתוך הרשימה.
2. ״פונט טקסט רץ״ — אותה רשימה.

האפשרויות בשתי הרשימות זהות: ״מערכת״, Assistant, Heebo, Rubik, Varela Round ו-Secular One.

שים לב: ״מערכת״ אינו פונט שנטען מהאינטרנט אלא הפונט של מכשיר הגולש. זו האפשרות המהירה ביותר, אבל האתר ייראה מעט אחרת באייפון, באנדרואיד ובמחשב.

לפרסם

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

קשור

• advanced-customizer-map
• advanced-header
• advanced-footer-columns
• advanced-catalogue-structure