כיצד להוסיף וורדפרס הודעות קשורות ללא Plugins

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

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

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

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

אבל ראשית, למה להימנע plugins?

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

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

תחילת העבודה: פוסטים קשורים עם תמונות ממוזערות

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

תמונות ממוזערות

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

 add_theme_support ('פוסט ממוזערות'); 

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

 add_theme_support ('פוסט ממוזערות'); set_post_thumbnail_size (100, 50, true); 

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

הקוד

 
 
פוסטים קשורים
 ID); אם ($ tags) $ tag_ids = array (); foreach ($ תגים כ- $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id; ($ post-id), 'posts_per_page' => 4, // $ מספר ההודעות הקשורות להצגה 'caller_get_posts' => 1) ; $ my_query = wp_query חדש ($ args); בעוד ($ my_query-> has_posts ()) $ my_query-> the_post (); ?> 
 
   
  
 

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

CSS

יש לנו כאן שני כיתות די.וי.אס., “.פוסטים קשורים”, שהוא מיכל div הכולל, ו “.קשור” שהיא התמונה הממוזערת הפרטית והקישור בתוך .relatedposts. נניח כי רוחב ההודעה הוא 640px סטנדרטי. CSS

 .relatedPosts width: 640px; שוליים: 0 0 20px 0; צף: משמאל; font-size: 12px; .relatedposts h3 font-size: 20px; שוליים: 0 0 5px 0;  .relatedthumb margin: 0 1px 0 1px; צף: משמאל;  .relatedthumb img margin: 0 0 3px 0; ריפוד: 0; .relatedthumb a color: # 333; text-decoration: none; בלוק תצוגה; ריפוד: 4px; width: 150px; .relatedthumb a: רחף background-color: #ddd; צבע: # 000; 

ה- CSS לעיל יעבד את התמונות הממוזערות ברוחב 150px, ופירוש הדבר שנצטרך 4 תמונות ממוזערות כדי למלא את רוחב 640px של הפוסט (כולל השוליים ביניהם). אתה יכול לשנות את זה כרצונך; אם אתה רוצה 5 תמונות ממוזערות, תצטרך רוחב .relatedthumb של כ 125px.

חשוב: הקפד להגדיר את רוחב התמונות הממוזערות שנוצרו בהגדרות המדיה של וורדפרס כך שיתאימו לאלו שהגדרת ב- CSS. בנוסף, יש להתאים לגודל שצוין בקוד PHP: the_post_thumbnail (מערך (150,100).

דוגמא

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

טכניקות דומות

זו לא הדרך היחידה לעשות הודעות קשורות ללא plugins - יש הרבה טכניקות ומדריכים בחוץ, כי להראות לך איך להוסיף הודעות קשורות ללא plugins, הנה כמה מהם:

]
• הודעות קשורות w / תמונות ממוזערות ב- WordPress ללא תוסף (TechWalz)
• כיצד: הודעות הקשורות עם תמונות ממוזערות ב - WordPress ללא plugins (WPBeginner)
• כיצד להוסיף הודעות קשורות עם תמונה ממוזערת ללא (WPCode)

מסקנות

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