כיצד להשתמש בעורך המראה בוורדפרס

wordpress-looks-editor.png


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

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

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

כיצד לערוך ערכות נושא בעזרת עורך המראה

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

עורך המראה של וורדפרס

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

כיצד לבחור קבצים לעריכה

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

תבניות

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

הזהר

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

דוגמה: כיצד לשנות את גודל הגופן באמצעות עורך המראה

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

לפני שנמשיך, ברצוננו לנצל את תשומת ליבך לרגע קצר. בגרסה 4.7 הציגה וורדפרס תכונה חדשה המאפשרת להוסיף CSS מותאם אישית יותר מהר. במקום לערוך את הקוד דרך עורך המראה, אנו מציעים לפתוח מראה -> התאמה אישית -> CSS נוסף שם אתה יכול לכתוב כל קוד CSS מותאם אישית שאתה רוצה בלי להשפיע ישירות על גליון הסגנונות.

בדוק אלמנטים

בדוק רכיבים ב- Google Chrome

אם אתה עדיין רוצה לערוך את גליון הסגנונות ישירות דרך עורך המראה, הנה מה לעשות:

  1. פתח כל פוסט מהבלוג שלך
  2. בחר טקסט של פוסט
  3. לחץ באמצעות לחצן העכבר הימני על הבחירה ובחר “בדוק” או “בדוק אלמנט” (תלוי בדפדפן בו אתה משתמש)
  4. בקטע או בחלון החדש שנפתח, מצא את המודגש

    אלמנט

בדוק את פסקה האלמנטים

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

p {
גודל גופן: 50 פיקסלים;
}

החל שינויים

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

  1. נווט ל מראה -> עורך
  2. אם לא נבחרה, בחר גיליון סגנונות (style.css) קובץ מהרשימה בצד ימין
  3. מצא כיתת “p”
  4. הוסף “גודל גופן: 50 פיקסלים;” (הקוד כולו אמור להיראות כמו שכתבנו למעלה)
  5. לחץ על כפתור “עדכן קובץ”

גודל גופן של פיסקה שונה

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

היזהר כשאתה עובד עם עורך המראה

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map