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

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

לא פעם משתמשים בוורדפרס רוצים לשנות את העיצוב של הטקסט בוורדפרס אבל אין דרך קלה לעשות זאת דרך העורך הרגיל. לכאורה יש כמה פתרונות לזה: התקנת תוספים שמוסיפים כפתורי עיצוב, הדבקה מוורד או עריכה דרך עורך 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. היי
    אתה כותב להוסיף את הקוד לקובץ הפונקציות של התבנית.
    סליחה, שאלה של מתחיל: איך קוראים לקובץ הזה?

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

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

    תודה

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

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

  3. תודה רבה.

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

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

כתיבת תגובה

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