شارك المقال

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

A VPN is an essential component of IT security, whether you’re just starting a business or are already up and running. Most business interactions and transactions happen online and VPN

الصور المميزة المعروفة أيضًا باسم الصور المصغرة للنشر هي ميزة معروفة في ووردبريس تدعمها معظم السمات.

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

في هذه المقالة ، سنوضح لك كيفية إضافة الصور المميزة بسهولة أو نشر الصور المصغرة في ووردبريس.

إضافة صور مميزة في ووردبريس

دليل المبتدئين للصور المميزة في ووردبريس

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

معاينة الصور المميزة على مدونة ووردبريس نموذجية

كبشر ، نجد العناصر المرئية أكثر جاذبية من النص العادي. تساعدك الصور المميزة في جعل صفحات مدونتك تبدو أكثر جاذبية.

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

تُستخدم الصور المميزة في الغالب لنشر المدونات ، ولكن يمكنك أيضًا تعيين الصور المميزة للصفحات وأنواع المنشورات المخصصة.

ملاحظة: الصور المميزة ليست مثل صورة الغلاف. شاهد الفرق بين صورة الغلاف والصورة المميزة في ووردبريس.

بعد قولي هذا ، دعنا نلقي نظرة على كيفية إضافة الصور المميزة بسهولة في ووردبريس.

فيديو تعليمي

اشترك في WPBeginner

إذا كنت تفضل التعليمات المكتوبة ، فاستمر في القراءة.

إضافة صورة مصغرة أو صورة مميزة في ووردبريس

لإضافة صورة مميزة في منشور ووردبريس ، ما عليك سوى تحرير أو إنشاء منشور مدونة جديد.

في محرر المحتوى ، ستجد علامة تبويب الصورة المميزة في العمود الأيمن.

قسم الصورة المميزة على شاشة تحرير ما بعد

تحتاج إلى النقر فوق منطقة “تعيين الصورة المميزة” ، وسيظهر هذا نافذة تحميل وسائط ووردبريس المنبثقة.

من هنا ، يمكنك تحميل صورة من جهاز الكمبيوتر الخاص بك أو استخدام صورة موجودة من مكتبة الوسائط الخاصة بك. بمجرد تحديد الصورة ، ما عليك سوى النقر فوق الزر “تعيين الصورة المميزة”.

وضع صورة مميزة

سيعرض ووردبريس الآن معاينة للصورة المميزة في العمود الأيمن. ومع ذلك ، فإن الصورة المميزة الفعلية ستبدو مختلفة اعتمادًا على سمة ووردبريس الخاصة بك.

يمكنك الآن حفظ منشورك أو نشره ومعاينته لترى كيف ستظهر الصورة المميزة على موقع الويب المباشر الخاص بك.

بناءً على الإعدادات التي حددها مطور المظهر ، ستظهر صورتك المميزة تلقائيًا مع مشاركاتك.

كيفية البحث عن الصور المميزة واستخدامها بفعالية؟

الآن ، السؤال الكبير التالي الذي يواجهه معظم المبتدئين هو مكان العثور على الصور لاستخدامها كصور مميزة؟

لا يمكنك فقط استخدام البحث عن الصور من Google واستخدام أي صورة من الإنترنت. هذه الصور محمية بقوانين حقوق النشر ويمكن أن يتسبب استخدامها بدون إذن مناسب في حدوث مشكلة قانونية.

لحسن الحظ ، هناك العديد من الموارد المتاحة التي يمكنك استخدامها للعثور على صور مجانية لمنشورات مدونتك.

أفضل مفضلاتنا هي:

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

Unsplash – مورد شائع عبر الإنترنت ينشر صورًا عالية الدقة يمكنك استخدامها على موقع الويب الخاص بك ومشاريع أخرى.

Negative Space – مجموعة جيدة التنظيم من الصور الخالية من حقوق النشر.

مخزون قديم جديد – مجموعة من الصور الفوتوغرافية القديمة من الأرشيفات العامة.

Unsplash هو مصدر صور مجاني شائع للمدونين

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

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

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

دليل مطوري السمات للصور المميزة ونشر الصور المصغرة في ووردبريس

الصورة المميزة هي ميزة شائعة تدعمها جميع سمات ووردبريس تقريبًا. في حالات نادرة ، قد تصادف سمة لا تدعم الصور المميزة ، أو قد لا تعجبك كيفية التعامل مع الصور المميزة.

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

إذا كنت مرتاحًا لتحرير ملفات سمات ووردبريس وتعرف طريقك حول القليل من CSS المخصص ، فيمكنك القيام بذلك بنفسك.

إذا كان المظهر الخاص بك لا يدعم الصور المميزة ، فلن ترى خيار إضافة صورة مميزة في محرر المحتوى.

لإضافة دعم صورة مميزة في موضوع وورد، تحتاج إلى إضافة هذا الخط من التعليمات البرمجية في موضوع الخاص بك functions.php الملف:

1

add_theme_support( ‘post-thumbnails’ );

سيمكن هذا الرمز دعم الصور المميزة للمشاركات والصفحات. يمكنك الآن الانتقال إلى محرر المنشورات أو الصفحات ، وسترى خيار الصورة المميزة ممكّنًا.

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

1

<?php the_post_thumbnail(); ?>

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

ذات صلة: راجع ورقة غش التسلسل الهرمي لموضوع ووردبريس لفهم كيفية عمل السمات بشكل أفضل.

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

1

set_post_thumbnail_size( 50, 50);

معلمات set_post_thumbnail_size هي بالترتيب التالي: العرض والارتفاع.

يمكنك أيضًا تعيين أحجام صور إضافية لاستخدامها مع وظيفة_post_thumbnail (). على سبيل المثال:

1

2

// Image size for single posts

add_image_size( ‘single-post-thumbnail’, 590, 180 );

في هذا المثال ، أضفنا حجمًا جديدًا للصورة يسمى الصورة المصغرة المفردة مع 590 بكسل وارتفاع 180 بكسل.

لاستخدام حجم الصورة هذا في موضوعنا ، سنظل بحاجة إلى إضافته إلى ملف السمة المناسب.

راجع دليلنا حول إضافة أحجام صور إضافية في ووردبريس لمزيد من التفاصيل.

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

يوجد أدناه مثال على وظيفة الصورة المميزة بحجم صورة محدد.

1

<?php the_post_thumbnail( ‘single-post-thumbnail’ ); ?>

هذه هي النسخة المعطلة من الوظائف الكاملة. هناك العديد من الأشياء الأخرى التي يمكنك القيام بها باستخدام الصور المميزة.

أسئلة وأجوبة حول الصور المميزة في ووردبريس

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

1. لماذا تظهر الصورة المميزة مرتين في مشاركاتي؟

أحيانًا يضيف المبتدئين صورة مميزة ثم يضيفون نفس الصورة داخل جزء المحتوى في محرر المنشور.

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

2. ما الفرق بين صورة الغلاف والصورة المميزة؟

تُستخدم صور الغلاف في منطقة المحتوى لمنشوراتك أو صفحاتك. يتم استخدامها عادةً لفصل أقسام مختلفة من صفحة أو منشور مطول.

الصورة المميزة هي صورة تمثيلية للمقال. يظهر قبل المحتوى أو بجانبه ولكن ليس داخل المقالة الفعلية.

لمزيد من المعلومات حول هذا الموضوع ، راجع دليلنا حول الفرق بين صورة الغلاف والصورة المميزة في ووردبريس .

3. كيف يتم عرض الصور المميزة بجانب مشاركات المدونة الأخيرة؟

يأتي محرر قوالب ووردبريس مزودًا بكتلة “أحدث المنشورات” والتي تتيح لك عرض المنشورات الأخيرة باستخدام الصور المصغرة للنشر.

يمكنك أيضًا عرض المنشورات الأخيرة مع الصور المصغرة في أدوات الشريط الجانبي باستخدام المكون الإضافي Recent Posts Widget Extended . لمزيد من التفاصيل ، راجع مقالتنا حول كيفية عرض المشاركات الحديثة في ووردبريس .

4. كيف يتم تذكير المؤلفين بإضافة صورة مميزة في ووردبريس؟

يتم عرض الصور المميزة بشكل بارز على صفحتك الرئيسية وصفحة المدونة وصفحات الأرشيف الأخرى.

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

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

تتطلب صورة مميزة

لمزيد من التفاصيل ، راجع مقالتنا حول كيفية طلب صور مميزة في ووردبريس .

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

خدمات مميزة لآجلك

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

اشترك معنا لمزيد من المعرفة

إذا أعجبك هذا المقال ، فيرجى الاشتراك في قناتنا على اليوتيوب لدروس فيديو في الووردبريس. ويمكنك أيضًا أن تجدنا على فيسبوك وتويتير وانستجرام وتيكتوك، لطفاً لا تنسى متابعتنا، فنحن نسعد برؤيتك..

عن الكاتب

فهرسة المقال

تابعنا على منصات التواصل

إعلان | أطلب متجرك

أخر المنشورات

تابعنا على الفيسبوك

تابعنا على اليوتيوب

إعلان | أطلب متجرك

توضيح

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

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

أرسل تصحيح

شاركنا رايك وتقييمك للموضوع

{{ reviewsTotal }}{{ options.labels.singularReviewCountLabel }}
{{ reviewsTotal }}{{ options.labels.pluralReviewCountLabel }}
{{ options.labels.newReviewButton }}
{{ userData.canReview.message }}