كيفية إضافة صور مميزة أو صور مصغرة للمنشورات في ووردبريس

كيفية إضافة صورة مميزة أو صورة مصغرة للمنشور في ووردبريس أمرٌ أساسي لأي مدوّن أو مطوّر أو منشئ محتوى. تُضفي الصور المميزة جاذبية بصرية على منشوراتك، وتلعب دورًا أساسيًا في تفاعل قرائك، وتحسين محركات البحث (SEO) ، وتعزيز معاينات وسائل التواصل الاجتماعي. سواءً كنت تدير مدونة أو موقعًا لعرض أعمالك أو متجرًا إلكترونيًا، فإن وضع صورة مميزة في مكان مناسب يُعزز تأثير محتواك بشكل كبير.

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

لماذا تستخدم الصور المميزة في المنشورات؟

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

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

لهذا السبب، يُنصح بشدة باستخدام WP Media Folder WP Media Folder على تنظيم أعمالك، ويُسهّل إدارة صورك المميزة والوسائط الأخرى.

كيفية تمكين الصور المميزة في قالب WordPress الخاص بك

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

استخدام الكود المخصص

إذا كنتَ مُلِمًّا بـ ووردبريس وترغب في تفعيل ميزة الصورة المُميزة يدويًا دون تعديل ملف functions.php مُباشرةً، يُمكنك استخدام إضافة ووردبريس مثل WP Code. تُبسِّط هذه الإضافة عملية إضافة الأكواد البرمجية دون تعريض موقعك لأخطاء كتابية.

للقيام بذلك، ابدأ بتثبيت إضافة WPCode من قائمة الإضافات > إضافة جديد. ثم ابحث عن "WPCode" وانقر على "تثبيت"، ثم "تفعيل" .

بمجرد تنشيط المكون الإضافي، افتح قائمة مقتطفات التعليمات البرمجية وحدد + إضافة مقتطف.

حدد "إضافة الكود المخصص (مقتطف جديد)" .

بعد ذلك، أدخل الكود التالي في عمود "معاينة الكود"، وحدد PHP Snippet في Code Type (نوع الكود)، ثم انقر فوق Save Snippet (حفظ الكود).

عند فتح محرر المنشور، تظهر إضافة صورة مميزة في الشريط الجانبي.

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

<?php the_post_thumbnail(); ?> 

يمكنك أيضًا إضافة هذا لضبط حجم الصورة.

تعيين حجم الصورة المصغرة للمنشور (300، 200)؛ 

أو قم بإنشاء أحجام مخصصة مثل.

إضافة حجم الصورة ('حجم مخصص'، 590، 180)؛ 

وأخيرا، اتصل بالكود التالي.

<?php the_post_thumbnail( 'custom-size' ); ?> 

استخدام إعدادات السمة

إذا كنت لا ترغب في عناء كتابة الكود، فإن العديد من قوالب ووردبريس الحديثة توفر إعدادات لتمكين وتعيين الصور المميزة مباشرةً من أداة التخصيص. للقيام بذلك، انتقل إلى "المظهر" > "تخصيص". ثم اختر " المنشورات " > "مدونة/أرشيف".

بعد ذلك، ضمن "هياكل المنشورات" > "عناصر المنشورات"، ستجد قائمة "الصورة المميزة". لتفعيلها، انقر على أيقونة العين كما هو موضح في الصورة التالية. يمكنك أيضًا ضبط نسبة العرض وتأثير التمرير والحجم.

إضافة الصور المميزة في WordPress عبر Gutengberg (محرر الكتل)

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

بعد ذلك، حدد الصورة التي تريد أن تكون الصورة المميزة، وأدخل النص البديل، ثم انقر فوق تعيين الصورة المميزة.

إضافة الصور المميزة في WordPress عبر Elementor

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

بعد ذلك، انقر على أيقونة الإعدادات في أعلى منتصف الشاشة. على الجانب الأيسر، ستجد قائمة "الصورة المميزة"، انقر على " اختيار صورة".

ستظهر شاشة الوسائط. حدد الصورة، وأدخل النص البديل، ثم انقر على "تحديد" .

خاتمة

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

مع ذلك، يُعدّ الحفاظ على تنظيم مكتبة الوسائط وفعاليتها أمرًا بالغ الأهمية مع ازدياد عدد الصور المُحمّلة. يمكنك استخدام WP Media Folder ، وهو حل لإدارة الوسائط على ووردبريس يتميز بميزات مميزة مثل عدد غير محدود من المجلدات، والبحث المتقدم، والتكامل السحابي. جرّبه الآن لإدارة صورك المميزة بسرعة وكفاءة وراحة بال!