كيفية إضافة وورد الوظائف ذات الصلة دون الإضافات

واحدة من المزايا الكبيرة لاستخدام وورد هي الإضافات. تغطي إضافات WordPress أي شيء تقريبًا ، بدءًا من توسيع مدونتك إلى CMS ، إلى إضافة ميزات أنيقة وتحسين مدونتك لمحركات البحث - الاحتمالات لا حصر لها (ولا ننسى جميع المظاهر المختلفة الموجودة هناك).

ولكن باستخدام الكثير من المكونات الإضافية ، فإنك تخاطر بعرقلة مدونتك على WordPress ، وفي أسوأ الأحوال ، قد "تكسرها". هناك العديد من مثيلات المكونات الإضافية غير المتوافقة مع بعضها البعض ، وكذلك الإضافات التي تبطئ مدونتك.

تستند بعض فئات البرامج المساعدة الأكثر شيوعًا في WordPress إلى الإضافة “المشاركات ذات الصلة” إلى بلوق. نظرًا لأن WordPress لا يحتوي على أي شيء قياسي في هذا ، فإن الجميع مطالبون باستخدام نوع من المكونات الإضافية لعرض المنشورات ذات الصلة على موقعهم.

ستعلمك هذه المقالة كيفية إضافة المنشورات ذات الصلة مع الصور المصغرة إلى مدونتك دون أي إضافات ، مع إبقاء كل شيء بسيطًا وخفيفًا ويمكن الوصول إليه. هيا بنا نبدأ!

ولكن أولا ، لماذا تجنب الإضافات?

هناك عدد من الأسباب التي تجعلك تحاول دائمًا استخدام التعليمات البرمجية والخدمات المضمّنة في WordPress واستخدامها بدلاً من البرنامج المساعد. الفائدة الرئيسية هي أنك لست مضطرًا إلى الاعتماد على جهة خارجية (مطور البرنامج المساعد) لكي تعمل مدونتك. هناك العديد من حالات الإضافات الشائعة التي يتم التخلي عنها من قِبل مطوري البرامج ، مما يترك مالكي مواقع لا حصر لهم عالقين مع البرامج القديمة والهشة.

سبب آخر هو أنك لا تخاطر باستخدام مكوّن إضافي منتفخ يمكنه إبطاء موقعك إلى طحن ، أو حتى أسوأ من ذلك ، يحتوي على جزء خبيث من التعليمات البرمجية ، على الرغم من أن هذا أمر نادر الحدوث بشرط أن تحصل على مكوناتك الإضافية من دليل WordPress الرسمي.

الابتداء: المشاركات ذات الصلة مع الصور المصغرة

تم تصميم ميزة "المشاركات ذات الصلة" هذه ، مثلها مثل غيرها ، لتوضع على صفحة مقالك الرئيسية (single.php) ، ولكن يمكنك استخدامها في أي مكان تقريبًا ، طالما احتفظت بها داخل حلقة WordPress. من أجل الحصول على النشرات ذات الصلة ، سنستخدم علامات النشر التي تعطى لمقالات فردية.

الصور المصغرة

يتميز WordPress الآن بنظام الصور المصغرة المدمج ، والذي سنحتاجه هنا. لتمكينه ، أضف هذا الرمز إلى ملف jobs.php في مجلد السمات الخاص بك (في معظم الحالات ، يوجد بالفعل).

 add_theme_support ('نشر الصور المصغرة') ؛ 

يمكنك أيضًا ضبط عرض الصور المصغرة وارتفاعها عن طريق إضافة سطر آخر إلى الكود:

 add_theme_support ('نشر الصور المصغرة') ؛ set_post_thumbnail_size (100 ، 50 ، صواب) ؛ 

مهم: عند إضافة صور إلى المنشورات ، من أجل إنشاء صورة مصغرة ، يجب عليك ، في لوحة تحميل الصور ، تحديد “استخدم كصورة مميزة”. سيؤدي هذا إلى إنشاء الصورة المصغرة للنشر.

الرمز

 
 
الوظائف ذات الصلة
 هوية شخصية)؛ if ($ tags) $ tag_ids = array ()؛ foreach ($ tags as $ individual_tag) $ tag_ids [] = $ individual_tag-> term_id؛ $ args = array ('tag__in' => $ tag_ids ، 'post__not_in' => array ($ post-> ID) ، 'posts_per_page' => 4 ، // عدد المنشورات ذات الصلة المراد عرضها. 'caller_get_posts' => 1) . $ my_query = new wp_query ($ args) ؛ بينما ($ my_query-> have_posts ()) $ my_query-> the_post ()؛ ؟> 
 
   
  
 

قطعة الكود the_post_thumbnail (صفيف (150100) يحدد حجم الصورة المصغرة التي سيتم عرضها ، في هذه الحالة ، عرض 150 بكسل ، ارتفاع 100 بكسل.

المغلق

لدينا فصول divs هنا, “.relatedposts”, وهو حاوية div الشاملة ، و “.relatedthumb” وهو المصغر الفردية والارتباط داخل .relatedposts. سنفترض أن عرض المنشور هو 640 بكسل قياسيًا. 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؛ padding: 0؛ .relatedthumb a color: # 333؛ زخرفة النص: لا شيء ؛ العرض محجوب؛ الحشو: 4px. width: 150px؛ .relatedthumb a: hover background-color: #ddd؛ اللون: # 000 ؛ 

سيعرض CSS أعلاه الصور المصغرة للنشر بعرض 150 بكسل ، مما يعني أننا سنحتاج إلى 4 صور مصغرة لملء عرض 640 بكسل للنشر (بما في ذلك الهامش بينهما). يمكنك ضبط هذا كما يحلو لك. إذا كنت تريد 5 صور مصغرة ، فستحتاج إلى عرض بصري مرتبط بحوالي 125 بكسل.

مهم: تأكد من ضبط عرض الصور المصغرة التي تم إنشاؤها في إعدادات وسائط WordPress الخاصة بك لتتناسب مع الصور التي قمت بتعيينها في CSS. بالإضافة إلى ذلك ، يجب أن يطابق الحجم المحدد في كود php: the_post_thumbnail (صفيف (150100).

مثال

يجب أن تظهر المنشورات ذات الصلة بشيء من هذا القبيل ، كما هو مستخدم في مدونة الألعاب DigitalBattle (التي تستخدم التقنية الدقيقة الموضحة في هذه المقالة):

تقنيات مماثلة

ليست هذه هي الطريقة الوحيدة للقيام بالمشاركات ذات الصلة بدون مكونات إضافية - فهناك الكثير من التقنيات والأدلة التي توضح كيفية إضافة المنشورات ذات الصلة بدون مكونات إضافية ، إليك بعض منها:

]
• الوظائف ذات الصلة ث / الصور المصغرة في ووردبريس دون البرنامج المساعد (TechWalz)
• كيفية: الوظائف ذات الصلة مع الصور المصغرة في ووردبريس دون الإضافات (WPBeginner)
• كيفية إضافة الوظائف ذات الصلة مع الصورة المصغرة دون البرنامج المساعد (WPCode)

الاستنتاجات

يمكننا القيام بالكثير من خلال الميزات المضمنة التي يقدمها WordPress ، وفي العديد من الحالات ، لا نحتاج إلى اللجوء إلى المكونات الإضافية لجهات خارجية لإنجاز المهمة. في المرة القادمة التي تحتاج فيها إلى مكون إضافي لمدونة WordPress الخاصة بك ، تحقق مما إذا كان يمكنك تحقيق نفس الميزة دون المكون الإضافي. ابحث حولك ، ابحث في الويب عن بديل. ستفاجأ كم هو ممكن مع ووردبريس خارج الصندوق.