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

להוסיף עורך ויזואלי לשדה תקציר

5 באוגוסט 2011 | מאת רמי | 11 תגובות | תגיות: , , , ,

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

תצוגה

השדה תקציר לפני השינויים

השדה תקציר לפני השינויים

השדה תקציר אחרי השינויים

השדה תקציר אחרי השינויים

הקוד

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

function tinymce_excerpt_js() {
    ?>
    <script type="text/javascript">
    jQuery(document).ready( tinymce_excerpt );
    function tinymce_excerpt() {
        jQuery("#excerpt").addClass("mceEditor");
        tinyMCE.execCommand("mceAddControl", false, "excerpt");
    }
    </script>
    <?php
}
add_action( 'admin_head-post.php', 'tinymce_excerpt_js');
add_action( 'admin_head-post-new.php', 'tinymce_excerpt_js');

function tinymce_css() {
    ?>
    <style type='text/css'>
    #postexcerpt .inside{margin:0;padding:0;background:#fff;}
    #postexcerpt .inside p{padding:0px 0px 5px 10px;}
    #postexcerpt #excerpteditorcontainer { border-style: solid; padding: 0; }
    </style>
    <?php
}
add_action( 'admin_head-post.php', 'tinymce_css');
add_action( 'admin_head-post-new.php', 'tinymce_css');

מאת רמי

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

11 תגובות »

  • חולי כותב :

    אחלה, תודה!

    אפשר באופן דומה להוסיף עורך ויזואלי לעריכת התגובות?

  • רמי כותב :

    בתיאוריה זה אפשרי.
    בהנחה שאתה מדבר על ממשק הניהול (back-end) ולא על ערכת העיצוב של האתר שלך (front-end).

  • רונן כותב :

    שלום רמי,

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

    דבר שני

    אני צריך ממך עזרה :

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

    ובכללי אשמח אם תוסיף אותי למסנג'ר שלך : admin@qpp.co.il .
    לייעוץ בנוגע למשהו,תודה.

  • צחי כותב :

    חיוני למקרים מאוד ספציפים. אני הייתי ממליץ במקום להוסיף את הקוד לקובץ functions.php פשוט לרשום פלאג-אין פונקציונלי.

  • רמי כותב :

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

    וללא קשר לקוד הזה, מטרתי להביא דוגמאות קוד, ואתם כבר תחליטו איך להשתמש בקוד.

  • צחי כותב :

    @רמי

    בגדול יותר קל לדבג ולנהל תוספים פונקציונלים מאשר את קובץ "functions.php"
    יש מקרים בהם אני עושה שימוש בקובץ functions.php ויש מקרים שאני פשוט כותב תוסף.

    נ.ב אני חושב שהקוד שהבאת הוא מעולה ואף חיוני מאוד.

  • שגיב כותב :

    יפה! כראה שאין ברירה לערב JS כי הtextarea הארד קודד לתוך המבנה של וורדפרס. פתרון מעולה.

  • יאיר כותב :

    הקוד הזה החזיר לי שגיאה שהשביתה את האתר
    השגיאה קשורה לשורה האחרונה בקוד
    add_action( 'admin_head-post-new.php', 'tinymce_css');
    ורק אחרי שמחקתי את השורה האחרונה זה עבד לי כמו שצריך – מישהו יודע מה יכולה להיות הסיבה

  • צחי כותב :

    @ יאיר
    נסית לבטל את כל התוספים?

  • עודד כותב :

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

  • רמי כותב :

    עוד,
    בעמוד הצרו קשר יש טלפון ומייל.

הוסף תגובה !

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

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