كيفية تعيين صورة احتياطية افتراضية لمصغرات ووردبريس Post Thumbnails

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

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

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

لماذا تحتاج إلى صورة مصغرة افتراضية لمشاركة ووردبريس؟

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

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

تخطيط معطل بدون الصورة المصغرة بعد

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

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

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

الطريقة الأولى: تعيين الصورة الاحتياطية الافتراضية للنشر المصغرات باستخدام البرنامج المساعد

هذه الطريقة أسهل وموصى بها لجميع المستخدمين.

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

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

الإعدادات الافتراضية للصورة المميزة

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

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

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

الطريقة الثانية: إضافة الصورة الاحتياطية كصورة مصغرة للنشر يدويًا

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

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

يوجد مجلد صور النسق الخاص بك داخل /wp-content/themes/yur-theme/المجلد. إذا لم يكن يحتوي على مجلد الصور ، فأنت بحاجة إلى إنشائه.

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

يعرض موضوع ووردبريس الخاص بك صور مصغرة للنشر في أماكن مختلفة. أنت بحاجة للبحث عن the_post_thumbnail()وظيفة في ملفات السمات. عادةً ما تجده في archive.php أو single.php أو قوالب المحتوى.

بعد ذلك ، تحتاج إلى إضافة الكود التالي حيث تريد عرض الصورة المصغرة للنشر.

<?php if ( has_post_thumbnail() ) {
the_post_thumbnail();
} else { ?>
<img src="<?php bloginfo('template_directory'); ?>/images/default-image.jpg" alt="<?php the_title(); ?>" />
<?php } ?>

لا تنس استبدال default-image.jpg باسم ملف الصورة الخاص بك.

هذا كل شيء ، يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدته أثناء العمل.

الصورة المصغرة الاحتياطية

الطريقة الثالثة: استخدم الصورة الأولى في مقال كصورة نشر مصغرة

تتطلب هذه الطريقة أيضًا إضافة رمز إلى ملفات سمة ووردبريس الخاصة بك.

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

//function to call first uploaded image in functions file
function main_image() {
$files = get_children('post_parent='.get_the_ID().'&post_type=attachment
&post_mime_type=image&order=desc');
  if($files) :
    $keys = array_reverse(array_keys($files));
    $j=0;
    $num = $keys[$j];
    $image=wp_get_attachment_image($num, 'large', true);
    $imagepieces = explode('"', $image);
    $imagepath = $imagepieces[1];
    $main=wp_get_attachment_url($num);
        $template=get_template_directory();
        $the_title=get_the_title();
    print "<img src='$main' alt='$the_title' class='frame' />";
  endif;
}

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

للقيام بذلك ، سوف تحتاج إلى تحرير ملفات السمات حيث post_thumbnail () ؛ يتم استخدام الوظيفة. استبدلها بالرمز التالي.

<?php if (  (function_exists('has_post_thumbnail')) && (has_post_thumbnail())  ) {
  echo get_the_post_thumbnail($post->ID);
} else {
   echo main_image();
} ?>

استخدام الصورة الأولى كصورة مصغرة للمشاركة في ووردبريس

يمكنك الآن زيارة موقع الويب الخاص بك لمشاهدته أثناء العمل.

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

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

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

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

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

توضيح

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

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

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

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