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

הסרה אוטומטית של מסגרות כיתוב התמונה

23 בדצמבר 2009 | מאת רמי | 2 תגובות | תגיות: , , , , , , , ,

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

הוספת תמונה לפוסט

הוספת תמונה לפוסט

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

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

הוספת תמונה

כאשר מוסיפים תמונה לפוסט, בעורך הויזואלי רואים ישר את התמונה, אבל בעורך ה-HTML מופיע הקוד הבא:

[ caption id="attachment_100" align="aligncenter" width="100" caption="כיתוב התמונה" ]
<img title="כותרת התמונה" src="http://www.wp-tricks.co.il/wp-content/uploads/img.png" alt="כיתוב התמונה" width="100" height="100" />
[ /caption ]

מטרת ה-caption

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

הסרת ה-caption

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

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

function caption_off() {
    return true;
}
add_filter( 'disable_captions', 'caption_off' );

למה להסיר מסגרת?

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

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

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

מאת רמי

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

2 תגובות »

  • רמי כותב :

    פתרון אחר שמאפשר ביטול מסגרת כיתוב תמונה, מאפשר לעשות זאת בעזרת עדכון קובץ ההגדרות wp-config.php, והוספת השורה:

    define('CAPTIONS_OFF', true);

    אל תשמשו בפתרון זה!!! זה היה פתרון זמני והוא הוסר בגרסה 2.6.1.

  • רמון כותב :

    רמי, האם זה הפסיק לעבוד או שעליי להוסיף לבצע הסרת אפליקציות מסוימות.

הוסף תגובה !

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

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