Studio Editor: ניהול סגנונות האתר
זמן קריאה: 5 דקות
את סגנונות הטקסט באתר, הצבעים ומעברי העמודים ניתן לנהל במקום אחד. זוהי דרך טובה לחסוך בזמן ולהבטיח שהעיצוב יהיה אחיד ועקבי.
איך אפשר להגיע לסגנונות האתר?
כאן תוכלו לקרוא עוד על:
עריכת סגנונות הטיפוגרפיה
ערכו ושמרו 9 סגנונות טיפוגרפיים לשימוש ברחבי האתר - 6 כותרות (H1 - H6) ו-3 סגנונות פסקה. שנו את הפונט, הצבע והעיצוב של כל סגנון כך שיתאימו למראה שאתם רוצים להשיג.
טיפ:
H1 - H6 הם תגי כותרת שמשויכות אוטומטית לכותרות האלה. שמירה על ההיררכיה של הכותרות בהתאם לתגים, מלמעלה למטה, עוזרת גם ל-SEO וגם לנגישות.
כדי לעדכן סגנון טיפוגרפיה:
- הקליקו על Site Styles
(סגנונות אתר) בצד שמאל של ה-Editor. - הקליקו על Typography (טיפוגרפיה).
- הקליקו על אייקון עריכת טיפוגרפיה
ליד הסגנון. - ערכו את הטיפוגרפיה בהתאם להעדפה.
- התאימו את הפונט, הגודל והצבע.
- הדגישו או הטו את הטקסט.
- שנו את קנה המידה של הטקסט כך שיהיה פרופורציונלי למסך של הגולשים. כשהמתג מופעל, אתם יכולים להגדיר גם גודל גופן מינימלי ומקסימלי.
- הגדירו את מרווח השורות והתווים של הטקסט.
- הקליקו על Apply (הפעלה).
משתמשים בפונטים כבדים משלכם?
הפעילו את המתג Optimize site loading with default fonts בתחתית החלונית כדי שהדפדפן של הגולשים יציג באופן זמני פונט ברירת מחדל שנטען במהירות עד שהפונט שלכם יירד במלואו.
הוספת סגנונות טקסט לעמוד
הכותרות והפסקאות שמעוצבות באמצעות ערכות נושא זמינות לשימושכם מהחלונית Add Elements (הוספת אלמנטים). הקליקו על Text וגררו את הסגנון הרלוונטי תחת Text Themes (ערכת טקסט) למיקום הרצוי.
הפעלת סגנון על אלמנט טקסט
אתם יכולים להפעיל סגנון טיפוגרפיה גם על אלמנט טקסט קיים בעמוד. הקליקו על Edit Text (עריכת הטקסט) באלמנט ובחרו בסגנון הרלוונטי מהרשימה הנפתחת Theme (ערכת עיצוב) בחלונית ה-Inspector (עריכה).
אם שיניתם את הפונט, הגודל או הצבע של אלמנט אחרי שבחרתם עבורו סגנון (ערכת נושא), אתם יוצרים "דריסת עיצוב" (design override). המשמעות היא שכל השינויים בסגנון הנבחר לא יחולו על אלמנט הטקסט הזה.
עם זאת, אתם תמיד יכולים להחיל מחדש את הסגנון על אלמנט טקסט באמצעות "דריסת סגנון" (override). פתחו את התפריט הנפתח Theme (ערכת עיצוב) והקליקו למטה על Reset Changes (איפוס השינויים).
שינוי צבעי האתר
הגדירו את פלטת הצבעים של האתר. פלטת הצבעים מחולקת לקטגוריות כדי לשקף את השימושים ואת החלקים השונים באתר. לדוגמה, צבעי הפעולות משמשים בדרך כלל בכפתורים ולינקים.
אתם יכולים לשנות את הצבע הראשי של כל קטגוריה, או גוון ספציפי בפלטת הצבעים.
טיפ:
הפעולה הזו משפיעה מיידית על האלמנטים עם הצבע שאתם רוצים לשנות. לדוגמה, אלמנטים עם ערכת נושא שהוספתם, או אלמנטים אחרים להם הוספתם את הצבע הזה.
כדי לשנות את צבעי האתר:
- הקליקו על Site Styles (סגנונות אתר) בצד שמאל של ה-Editor.
- הקליקו על Colors (צבעים).
- בחרו מה אתם רוצים לעשות:
- לשנות גוון ספציפי: עברו עם העכבר מעל הצל והקליקו על אייקון העריכה .
- לשנות צבע: הקליקו על אייקון טווח צבעים ליד הצבע.
- לשנות גוון ספציפי: עברו עם העכבר מעל הצל והקליקו על אייקון העריכה
הוספת מעבר עמוד
אתם יכולים להוסיף אפקט מעבר לעמוד כדי להפוך את חווית הניווט למושכת יותר עבור הגולשים. אחרי שתבחרו את סוג המעבר מהחלונית Site Styles, הוא יופיע בכל עמוד באתר.
כדי להוסיף מעבר עמוד:
- הקליקו על Site Styles (סגנונות אתר) בצד שמאל של ה-Editor.
- הקליקו על Page Transitions (מעברי עמודים).
- בחרו אפשרות מהרשימה:
- None: לא מוצג מעבר כשהגולשים עוברים בין עמודים.
- Out-In: העמוד הנוכחי נעלם בהדרגה והעמוד החדש נכנס בהדרגה.
זה עזר לך?
|