הוספת סגנונות לעורך של וורדפרס

סגנונת חדשים בעורך

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

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

די להוסיף את הכפתור נוסיף את הקוד הבא לקובץ הפונקציות של התבנית (functions.php):


//add styles
function custom_mce_styles( $init ) {
$init['theme_advanced_buttons1_add_before'] = 'styleselect';
$init['theme_advanced_styles'] = 'Teaser=teaser,Style2=style2';
return $init;
}
add_filter( 'tiny_mce_before_init', 'custom_mce_styles' );

הקוד מוסיף כפתור עם שני סגנונות Teaser ו־Style2 שיאפשרו את עיצוב הטקסט בקלות ובצורה נכונה. כמובן שאפשר להוסיף עוד סגנונות בשמות שונים.

סגנונת חדשים בעורך

עכשיו רק צריך להוסיף את הסגנונות לקובץ העיצוב של התבנית style.css.

.teaser {
font-size: 17px;
}
.style2 {
color: blue;
}

וזהו, יש לנו עוד עיצוב אבל בצורה נכונה.

16 מחשבות על “הוספת סגנונות לעורך של וורדפרס

  1. לני says:

    היי
    אתה כותב להוסיף את הקוד לקובץ הפונקציות של התבנית.
    סליחה, שאלה של מתחיל: איך קוראים לקובץ הזה?

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

    מה זה? הרי ההודעה שלי בעברית.

    תודה

  2. חתול says:

    קובץ הפונקציות נקרא functions.php וחשוב מאוד להכיר אותו. הוספתי את ההסבר לפוסט.

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

  3. לני says:

    תודה רבה.

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

כתיבת תגובה

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