• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

سعيد البقالي

مطوّر ووردبريس

  • الرئيسية
  • المدونة
  • الأرشيف
  • راسلني
أنت في:الرئيسية / شرحات ووردبريس / طريقة تعيين الصورة البارزة تلقائيا لمقالات ووردبريس

طريقة تعيين الصورة البارزة تلقائيا لمقالات ووردبريس

أخر تحديث في 10 ديسمبر، 2021 بواسطة سعيد البقالي 20 من التعليقات

محتوى المقالة إخفاء
  1. 1 وضع صورة بارزة تلقائيا بواسطة كود.
    1. 1.1 طريقة معرفة ID الصور
    2. 1.2 شرح الكود
  2. 2 وضع صورة بارزة تلقائيا بواسطة إضافة.

موضوعنا اليوم هو حول طريقة تعيين صورة بارزة تلقائيا للمقالات في ووردبريس، وذلك ردا على سؤال أحد زوار الموقع في تدوينة فرض صورة بارزة الذي هو التالي:

كنت استخدم قالب Goodnews والصور المصغرة تظهر في الموضوع تلقائيا طبعا ريحني من استخدام الصورة البارزة الان نصبت قالب صحيفة ولا يدعم timthumb يعني احتاج تحديث 1000 مقال ووضع صور بارزة وهذا يأخذ وقت وجهد بحثت عن حلول ولم أجد هل لديك حل لهذه المشكلة.

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

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

وضع صورة بارزة تلقائيا بواسطة كود.

فقط عليك وضع هذا الكود في ملف functions.php أو لإضافتك المخصصة

function sb_auto_post_thumbnail() {
    global $post;
    $already_has_thumb = has_post_thumbnail($post->ID);
    if (!$already_has_thumb) {
        $attached_image = get_children(
            array(
                'numberposts' => '1',
                'post_parent' => $post->ID,
                'post_type' => 'attachment',
                'post_mime_type' => 'image',

            )
        );
        if ($attached_image) {
            foreach ($attached_image as $attachment_id => $attachment) {
                set_post_thumbnail($post->ID, $attachment_id);
            }
        } else {
            set_post_thumbnail($post->ID, '1638');
        }
    }
}
add_action('save_post', 'sb_auto_post_thumbnail');

بعدها قم بإستبدل الرقم 1638 (السطر 20) بالرقم المعرف (ID) الخاص بالصورة التي تريد أن تكون كصورة بارزة افتراضية للمقالات التي لا تحتوي على أي صورة.

طريقة معرفة ID الصور

لمعرفة معرفة ID أي صورة فقط عليك الدخول إلى مكتبة الوسائط بعدها النقر على الصورة التي تريد أخد رقمها المعرف (ID) وسيظهر لك هذا الأخير في آخر الرابط كما هو واضح في الصورة.

وضع صورة بارزة تلقائيا في ووردبريس

شرح الكود

أولا نقوم بالتحقق من وجود أو عدم وجود صورة بارزة من خلال الوظيفة has_post_thumbnail($post->ID) وتخزين النتيجة في المتغير $already_has_thumb

$already_has_thumb = has_post_thumbnail($post->ID);

في حالة عدم وجود صورة بارزة نقوم باستخراج أول صورة موجودة في المقال بواسطة الوظيفة get_children()

if (  !$already_has_thumb) {
$attached_image = get_children(
  array(
    'numberposts' => '1',
    'post_parent' => $post->ID,
    'post_type' => 'attachment',
    'post_mime_type' => 'image',
  )
);

بعدها نقوم بتعيين الصورة المستخرة كصورة بارزة للمقالة.

if ($attached_image) {
  foreach ($attached_image as $attachment_id => $attachment) {
    set_post_thumbnail($post->ID, $attachment_id);
  }
}

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

  //
else {
  set_post_thumbnail($post->ID, '1638');
}

وفي الأخير نقوم بإضافة الوظيفة التي قمنا بإنشائها إلى الخطافات save_post المناسبة بواسطة الوظيفة add_action.

add_action('save_post', 'sb_auto_post_thumbnail');

وضع صورة بارزة تلقائيا بواسطة إضافة.

إذا لم تكن لديك الخبرة الكافية للتعامل مع الكود البرمجي، بإمكانك استعمال إضافة Automatically set 1st image as featured
هذه الإضافة تقوم بنفس عمل الكود السابق لكنها لا تتوفر على خاصية الصورة الافتراضية، أحسن ما فيها هو أنها لا تحتاج لأي تعديل أو إعداد.

في الأخير أقترح عليك تنصيب إضافة Regenerate Thumbnails التي تقوم بإعادة توليد الصور المصغّرة لكي تتوافق مع القياسات المعتمد في القالب المفعّل.

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

تحت تصنيف:شرحات ووردبريس

Avatar of سعيد البقالي

عن سعيد البقالي

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

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

Reader Interactions

أضف رأيك حول الموضوع


المرجو الكتابة باللغة العربية الفصحى لكي يفهم الجميع و شكرا

  1. Avatar of محمد عكفيمحمد عكفي قال

    29 سبتمبر، 2014 بتوقيت 8:25 مساءً

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

    تحياتي لك.

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      29 سبتمبر، 2014 بتوقيت 9:03 مساءً

      الشكر لك أخي محمد على الزيارة و التشجيع المستمر, يفرحنى معرفة أن الموضوع قد اعجبك 🙂

      رد
  2. Avatar of احمداحمد قال

    29 سبتمبر، 2014 بتوقيت 9:14 مساءً

    مجهود رائع يا اخ سعيد بارك الله فيك

    رد
  3. Avatar of radwan hallakradwan hallak قال

    29 سبتمبر، 2014 بتوقيت 10:27 مساءً

    شكرا اخ سعيد بارك الله فيك . وماشاء الله المظهر الجديد للموقع رائع بالتوفيق

    رد
  4. Avatar of ابو صلاحابو صلاح قال

    30 سبتمبر، 2014 بتوقيت 7:45 صباحًا

    عدرا لكن نقطة الحصول على ال ID لاستبداله بالرقم غير واضحة . كيف أحصل على ال ID؟

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      30 سبتمبر، 2014 بتوقيت 2:02 مساءً

      السلام عليكم,
      فقط عليك الدخول إلى مكتبة الوسائط بعدها النقر على الصورة التي تريد أخد رقمها المعرف (ID)و سيظهر لك هذا الأخير في آخر الرابط كما هو واضح في الصورة.

      رد
  5. Avatar of احمداحمد قال

    1 أكتوبر، 2014 بتوقيت 1:01 صباحًا

    أخ سعيد الطريقة لاتنفع مع القالب صحيفه و بعض القوالب المدفوعة لان تحتاج سكربت او صنع ملف timthumb داخل الثيم نفسه وصنع مجلد كاش خاص فيه وتعديل عل اربع ملفات وهي [code lang=”php” inline=true]functions.php[/code] و index و archive و style ووضع كود استدعاء للمصغرات بداخلها
    تابع هذا الشرح وارجو اضافته ضمن المقال

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      1 أكتوبر، 2014 بتوقيت 4:15 مساءً

      السلام عليكم أخي,

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

      أما بالنسبة لتطبيق TimThumb فقد أعلن مطوره التخلي عنه مأخرا و أوصى بعدم إستعماله… يمكنك قراءة المنشور من هنا

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

      رد
  6. Avatar of احمداحمد قال

    2 أكتوبر، 2014 بتوقيت 1:05 صباحًا

    شكرا سعيد على هذه المعلومات
    فقدقمت بشراء ثيم قود نيوز الاصدار 5+ بصراحة يمكنك الاستغناء عن اضافات كثيرة منها الجت باك الثيم يدعم المصغرات
    والتحكم به سلس جدا والتحكم بالصور ومقاساتها دون اضافات ولا تعديل على ملفات يمكنك زيارة موقعي.

    رد
  7. Avatar of سعودي انحرافسعودي انحراف قال

    13 أكتوبر، 2014 بتوقيت 3:53 صباحًا

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

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      13 أكتوبر، 2014 بتوقيت 3:13 مساءً

      السلام عليكم أخي, هذا الشرح هو مخصص لعمل ذلك.

      بالتوفيق إنشاء الله.

      رد
  8. Avatar of أبا الهيثمأبا الهيثم قال

    7 ديسمبر، 2014 بتوقيت 8:00 مساءً

    شكرا لك استاذ سعيد
    بس ياريت لو توصح لنا في أي مكان بالضبط نضع الكود بعد أي امر أو سطر في ملف [code lang=”php” inline=true]functions.php[/code]

    رد
  9. Avatar of محمد ابومعاذمحمد ابومعاذ قال

    25 ديسمبر، 2014 بتوقيت 8:39 صباحًا

    بارك الله فيك .. شرحت واوفيت
    من فضلك ( طالما دخلنا في الاكواد )
    القائمة الافقية اعلى الموقع .. التي تعرض اقسام الموقع او التصنيفات .. ايا كان اسمها
    تعرض الاقسام حسب الترتيب الابجدي … كيف استطيع ان اقوم بالترتيب في هذه القائمة حسب ما اريد ؟؟؟
    واشكرك مقدما

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      25 ديسمبر، 2014 بتوقيت 9:03 مساءً

      يمكنك التحكم في طريقة ظهور القوائم من خلال لوحة تحكم ووردبريس, و ذلك بالولوج إلى المظهر=> القوائم.

      بالتوفيق

      رد
  10. Avatar of ربيع الخيرربيع الخير قال

    17 مايو، 2015 بتوقيت 3:30 مساءً

    وفقك الله استاذ سعيد والله استفدنا منك جدا
    عندك المشاركة في توتير او فيسبوك ايضا لا يظهر الكود

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      17 مايو، 2015 بتوقيت 3:55 مساءً

      شكراً لك على التنبيه عزيزي ربيع، تم حذف الخاصية من هذا الموضوع لتفادي المشاكل 🙂

      رد
  11. Avatar of جنةجنة قال

    15 ديسمبر، 2016 بتوقيت 9:52 صباحًا

    سلمت يداك.
    الشرح جميل ومميز.

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      15 ديسمبر، 2016 بتوقيت 2:19 مساءً

      الله يسلكم أخي العفو 🙂

      رد
  12. Avatar of عمر عليعمر علي قال

    3 يونيو، 2017 بتوقيت 12:45 مساءً

    اخي الكريم شكرا على الطريقة لكنها لا تنفع مع تخصص موقعي
    اخويه انا املك موقع لعرض الصور فانا محتاج لطريقة تجعل اول صوره فى الموضوع
    كصوره بارزه هل هناك من طريقة او اضافه لذلك؟؟

    رد
    • Avatar of سعيد البقاليسعيد البقالي قال

      11 يوليو، 2017 بتوقيت 9:42 مساءً

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

      رد

أضف رأيك حول الموضوع إلغاء الرد

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

القائمة الجانبية الرئيسية

البحث

  • حسابي على تويتر
  • رابط صفختي على انستغرام
  • رابط قناتي على اليوتوب
  • صفحتي على فايسبوك
  • ربط حسابي على جيت هاب
  • رابط حسابي على تلغرام
  • ربط حسابي على الموقع الرسمي لووردبريس
  • CodePen

قم بالتسجيل على قائمتي البريدية لكي تكون من الأوائل في الحصول على تدوينات وشروحات حصرية

أنا لا أرسل أبدا البريد المزعج! اقرأ سياسة الخصوصية لمزيد من المعلومات.

افحص البريد الوارد أو مجلد (غير هام) للعثور على رسالة تأكيد الاشتراك.

المواضيع الأكثر شعبية

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

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

10 من أفضل قوالب ووردبريس المجانية

شرح إضافة Yoast SEO بالفيديو

طريقة إضافة نجوم تقييم المقالات في ووردبريس

نقل ووردبريس من استضافة إلى أخرى وتغيير النطاق

شارة شركة ديجيتال أوشن
يونيو 2025
نثأربخجسد
 1
2345678
9101112131415
16171819202122
23242526272829
30 
« مارس    

جميع الحقوق محفوظة © 2025

  • سياسة الخصوصية
  • شروط الاستخدام