اذهب إلى المحتوى

السؤال

نشر (معدل)

في ووردبريس هناك امكانية اضافة الصور المصغرة أوما يصطلح عليه بـ ' thumbnails'، كيف أتعامل مع هذا النوع من الصور؟ وكيف أتحكم في حجمها؟ هل من دوال مخصصة لذلك، أم أغيّر في ملف التنسيق الخاص بها؟

تم التعديل في بواسطة محمد بوسكوري

Recommended Posts

  • 1
نشر

في البداية يجب ان تكون هذه الخاصية مفعلة في القالب الذي تستخدمه أو قالبك الخاص. وهنالك أمر باستخدام WordPress API تستطيع كتابته في ملف functions.php التابع للقالب :

add_theme_support( 'post-thumbnails' ); 

ستلاحظ انه بعد اضافة دعم المصغرات سيظهر مربع صغير عند انشاء مقال جديد لاضافة صورة مصغرة.

 

وتستطيع ظبط الحجم الافتراضي الافتراضي للمصغرات في قالبك في نفس الملف عن طريق الامر :

set_post_thumbnail_size( 150, 150 );

كما تستطيع جلب أي صورة مصغرة تابعة للمقال او البوست الحالي عن طريق :

the_post_thumbnail( );

وبشكل عام للتعرف على كيفية برمجة المصغرات والتحكم فيها وعرضها في قوالب الوردبريس فعليك الاستعانة بهذه الصفحة الرسمية وما تحتها من عناوين فرعية : https://codex.wordpress.org/Post_Thumbnails

  • 0
نشر

لكي يدعم القالب الحالي على موقعك ميزة الـ Thmbnails، عليك إدراج ذلك في ملف functions.php، بهذه الطريقة:

if ( function_exists( 'add_theme_support' ) ) { 
  add_theme_support( 'post-thumbnails' ); 
}

بعد ذلك، ستتمكن من إدراج الصور المُصغرة -Thmbnails- بداخل منشورات الموقع، الصفحات، إلخ..

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

  • thumbnail لحجم 150px*150px.
  • medium لحجم 300px*300px.
  • large لحجم 640px*640px.

وذلك بهذه الطريقة:

the_post_thumbnail('thumbnail');      
the_post_thumbnail('medium');         
the_post_thumbnail('large');          

كما يمكننا تعيين الحجم المراد إظهار الصورة به:

the_post_thumbnail( array(100,100) ); 

للمزيد: Post_Thumbnails

انضم إلى النقاش

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

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...