צבעים

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

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

1.) פתח את http://אתר.com/wp-content/themes/lore/assets/css קובץ /skins/default.scss. זה אמור להיפתח ישירות בדפדפן שלך, אבל דפדפנים מסוימים עשויים להוריד אותו לדיסק שלך במקום זאת.
אם אינך יכול לגשת לקובץ בהתקנה שלך, פשוט פרק את ההתקנה של lore.zip קובץ (אנא עיין בפרק התקנת ערכות נושא כדי ללמוד כיצד להשיג אותו) ותמצא הקובץ default.scss תחת תיקיית assets / css / skins.

2.) העתק את כל הקוד מאותו קובץ לכל עורך טקסט. אם הדפדפן שלך הוריד את הקובץ שלך, פתח את הקובץ בעורך הטקסט. אתה יכול להשתמש למשל בNotepad++ עבור Windows או Brackets a> עבור Mac, אבל כל עורך טקסט בסיסי (לדוגמה Windows Notepad) אמור לעשות זאת.

3.) בצע את השינויים שלך. בעיקרון אתה רק צריך לשנות משתני צבע בחלק העליון של הקובץ. המשתנה החשוב ביותר הוא $accent1 בשורה 28. כברירת מחדל, הוא נראה כך:

$accent1: #74aa7b; // צבע מבטא ראשי

ישנם כלים מקוונים רבים שבהם אתה יכול ליצור קוד hex עבור הצבע שלך, לדוגמה colorpicker.com. פשוט שנה את #xxxxxx לקוד ההקסדה של הצבע המותאם אישית שלך (אל תשכח שהוא צריך להתחיל בסימן #). אל תהסס לשנות גם ערכים של משתני צבע אחרים בקובץ.

4.) לאחר שביצעת את השינויים, העתק את כל הקוד והדבק אותו לעמודת SASS ב-sassmeister.com (או כל ממיר מקוון אחר של SASS ל-CSS). שים לב שכל שגיאת הקלדה בתחביר שלך עלולה להוביל לשגיאה.

5.) העתק את הקוד שנוצר מעמודת ה-CSS.

6.) ודא שהנושא הילד פעיל תחת מראה / ערכות נושא.

7.) עבור אל מראה / עורך, הגדר את בחר ערכת נושא לעריכה: ל-Lore Child והדבק את ה-CSS שנוצר לאחר " /* הוסף את ה-CSS המותאם אישית שלך לאחר הערה זו */" תגובה.

8.) לאחר מכן, חזור על כל השלבים אך כעת עם קובץ ערכת הצבעים של עורך ברירת המחדל – http://yoursite.com< /em>/wp-content/themes/lore/assets/css/skins/default.editor.scss. שוב, אם אינך יכול לגשת אליו בהתקנה שלך, פתח את הקובץ lore.zip ותמצא אותו תחת תיקיית assets / css / skins.

9.) יש הבדל אחד עם זאת, יש להדביק את קוד ה-CSS הסופי של העורך בקובץ editor-style.css במקום זאת (שנגיש גם תחת מראה / עורך).

10.) שלב אחרון: עבור אל מראה / התאמה אישית / צבעים, החלף את האפשרות הגדר צבעים לפי ל- תכנית מותאמת אישיתושמור.