עיצוב ייחודי לפוסט עם הפלגין Wp custom css per post

בפוסט הזה נסביר איך להשתמש עם הפלגין Wp custom css per post המאפשר להוסיף CSS ייחודי לכל פוסט, ולראות אונליין את השינויים בעיצוב במסך הקסטמייזר המובנה של וורדפרס.

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

המעלה הגדול של הפלגין שהוא נותן לערוך אונליין את ה-CSS  עם שימוש ב- customizer המובנה של וורדפרס ישירות ממסך עריכת פוסט עוד לפני שמירת הפוסט.

בנוסף בגלל שהוא משתמש ב-customizer המובנה של וורדפרס הוא לא דורש התקנות של תוספים כבדים כמו visual composer, ומונע באגים שיש לפעמים בתוספים "כבדים".

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

  1. נעלה את הפלגין ונתקין אותו:

    CSS per post
    העלאת הפלגין
  2. התקנת הפלגין, אין צורך בהגדרות נוספות מעבר.

    התקנה
    הפעלת הפלגין. אין צורך בפעולות נוספות
  3. נעלה פוסט כזה לדוגמה, בפוסט יש כמה DIV כל אחד עם ID מסויים עם מיקום מסויים לצורך ההדגמה.
    CSS per post 3
  4. לחיצה על הכפתור Edit with live preview

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

    הטקסט ממשיך לקבל עיצוב לפי הCSS בתצוגה מקדימה
    הטקסט ממשיך לקבל עיצוב לפי הCSS בתצוגה מקדימה
  7. נלחץ על "Back to edit screen" לחזור למסך עריכה בסיום הזנת הCSS.

    נלחץ על הכפתור לחזור למסך עריכה
    נלחץ על הכפתור לחזור למסך עריכה
  8. הCSS שהזנו בתיבה, יופיע בתיבת תחת לפוסט
    CSS per post 8
  9. נשמור את הפוסט, הפוסט מופיע עם העיצוב שהגדרנו.
    CSS per post 9

למי הפלגין יכול להועיל?

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

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

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

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *