• Dubai, UAE
  • +971 54 408 4441
  • moe.rayan@gmail.com
كيفية إضافة صورة بارزة لـ ووردبريس thumbnail

كيفية إضافة صورة بارزة لـ ووردبريس thumbnail

في هذا الدرس سوف أريكم كيفية اضافة صورة بارزة للوردبريس

افتح صفحة index.php
وابحث عن الكود الذي يبدأ بـ

php if (have_posts()) : ?>
?php while (have_posts()) : the_post();?>
.
.
.
?php endwhile; ?>

تستطيع اضافة هذا الكود في أي مكان مادام أنه في داخل ذلك اللوب

					<img src="<?php echo get_post_meta($post->ID, "Thumbnail", true);?>" width="200" height="130"/>

حيث أنك تستطيع أن تتحكم في مقاس الصورة عن طريق زيادة أو نقصان في الارتفاع أو العرض height & width

حسناً، كيف سنختار الصورة البارزة للمقالة؟ وكيف سنضيفها؟؟

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

صورة بارزة ووردبريس

في خانة الاسم نكتب :Thumbnail
في خانة القيمة: نضع رابط الصورة

سوف نحتاج لتنسيق الصورة قليلاً
تستطيع أن تضيف كلاس خاص بالصورة
ليصبح الكود كالتالي

<img class="articlepic" src="<?php echo get_post_meta($post->ID, "Thumbnail", true);?>" width="200" height="130"/>

ثم نذهب لملف الستايل
ونضيف الكلاس

.articlepic  {
border:2px solid black; \\تأطير أسود للصورة
float:left; \\ عائمة لليسار
{

تستطيع التعديل كيفما شئت 😀

شاركونا أرائكم في التعليقات 😉

7 آراء على “كيفية إضافة صورة بارزة لـ ووردبريس thumbnail”

  1. أنس رحو قال:

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

    .articlepic {
    float:left; \\ عائمة لليسار
    margin: 0px 10px 0px 10px;
    }

  2. mr.qaysar قال:

    غير قادر على إنشاء مجلد /home/kop0/public_html/word/wp-content/uploads/2011/10. هل المجلد الذي تريد إنشاء هذا المجلد فيه قابل للكتابة؟

    يعطيني هاد الخطأ فما هو الحل ارجو منك اضافت ايميلي … لقلت تواجدي على المتصفحات

    admin@kop0.com

  3. iAyOuB قال:

    أخي الكريم
    بارك الله فيك
    مدونتك أكثر من رائعة
    أفضل ماوجدت من شروحات وان كنت لم افهم بعضها
    حاليا بخصوص الصورة البارزة اعاني من مشكلتين:
    1- انه لا يمكنني اختيار صورة بارزة لتدوينة ما، إلا اذا رفعتها من الحاسوب، اما اذا وضعت رابط لصورة ما فلا يتم اختيارها كصورة بارزة.
    2- مشكلة انه مرات تتكرر الصورة البارزة في الموضوع…اذا فتحته بالايفون.

  4. oussama قال:

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

    1. محمد ريان قال:

      اخي العزيز، تستطيع الوصول اليها من خيارات الشاشة

  5. تنبيه: غير معروف

أضف تعليقاً

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