דף הבית » טריקים וטיפים, מומלצים

להוסיף כפתורים לעורך WYSIWYG של וורדפרס

17 במאי 2011 | מאת רמי | 13 תגובות | תגיות: , , ,

וורדפרס משתמש ב- TinyMCE כעורך ה- WYSIWYG (ראשי תיבות של What You See Is What You Get) שלו. העורך מפותח בקוד פתוח והוא מכיל תכונות רבות אולם בוורדפרס אנחנו מקבלים מספר מצומצם של כפתורים, הכי שימושיים. כדי לשנות את הכפתורים יש לערוך את הקובץ quick_tags.js. אבל גרסה 3.1 של וורדפרס התווסף פילטר יעודי שמאפשר לנו להוסיף כפתורים בצורה פשוטה יותר, היום נלמד איך עושים זאת.

כפתורים מותאמים אישית בעורך WYSIWYG של וורדפרס

כפתורים מותאמים אישית בעורך WYSIWYG של וורדפרס

הקוד

כדי להוסיף כפתורים לעורך WYSIWYG של וורדפרס, אנו נוסיף את הקוד הבא לקובץ functions.php בערכת העיצוב שלנו:

function custom_mce_buttons( $buttons ) {
    $buttons[] = 'hr';
    $buttons[] = 'sub';
    $buttons[] = 'sup';
    $buttons[] = 'fontselect';
    $buttons[] = 'fontsizeselect';
    $buttons[] = 'cleanup';
    $buttons[] = 'styleselect';
    return $buttons;
}
add_filter( 'mce_buttons_3', 'custom_mce_buttons' );

מאת רמי

אחראי על אתר וורדפרס בעברית ועל תרגום ושחרור גרסאות וורדפרס בעברית. מפתח ליבה, בכל גרסה החל מגרסה 2.8, מפתח מוביל בגרסה 4.4 ובגרסה 4.6. מספק שירותי פיתוח אתרים, פיתוח תוספי וורדפרס לסטרטאפים ופיתוח כלים למפתחי וורדפרס - GenerateWP.com.

13 תגובות »

  • מאור חזן כותב :

    תודה על הטיפ, רמי!

  • רמי כותב :

    בבקשה. 🙂

  • עובדיה משה כותב :

    תודה רמי

  • משה כותב :

    האם יש אפשרות להוסיף פונקציה לכל כפתור?
    נגיד שיהיה איזה POPUP שאפשר יהיה להוסיף תכונות ולא רק סוף והתחלה?

  • רמי כותב :

    התשובה היא כן זה אפשרי, אבל לא מכיר דרך לעשות את זה דרך וורדפרס. אני כן יודע שזה ניתן לביצוע דרך TinyMCE. שכן TinyMCE הוא עורך ויזואלי מבוסס JavaScript שעושה שימוש בשדות HTML TEXTAREA, כיוון שהוא מפותח בקוד פתוח אפשר להוסיף לו כל דבר שתרצה.

    באתר שלהם יש מידע נוסף – http://tinymce.moxiecode.com

  • Bainternet כותב :

    @משה: בתוסף האחרון שכתבתי Simple TOC הוספתי כפתור חדש עם POPUP
    תסתכל על הקוד ותראה שזה בעיקר JAVASCRIPT יחד עם הAPI של TINYMCE ונגיעות קטנות של HOOKS מוורדפרס.

  • רמי כותב :

    וואוו, איזה תוסף מגניב.

  • אופטומטריסט כותב :

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

  • אריק כותב :

    תודה על הטיפ :))

  • יצחק כותב :

    אני הוספתי עוד כפתורים שימושיים, לפחות בשבילי…:

    $buttons[] = 'backcolor';
    $buttons[] = 'cut';
    $buttons[] = 'copy';
    $buttons[] = 'paste';

    ואני עדיין מחפש איך להוסיף כפתור הוספת טבלה…
    תודה רבה רבה לך!!!

  • עובדיה משה כותב :

    @Bainternet : תודה רבה, רק עכשיו ראיתי שיש התייחסות לנושא.

    המשך יום נעים לכולם

  • אריאל כותב :

    יש את התוסף הזה מתורגם?

  • טל כותב :

    תודה

הוסף תגובה !

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

תגיות HTML מורשות לשימוש:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>