استعمال ميزة “مصغرة للتدوينات” فى الوورد برس 2.9

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

الخطوة الأولى : – التعديل فى ملف Function.php

الأن قم بفتح ملف function.php الموجود مع القالب وقم باضافة الكود التالى وبدون هذا الكود لن يظهر مربع مصغرة للتدوينات إلا إذا كانت هذه الدالة موجودة فى ملف function.

add_theme_support('post-thumbnails');

بينما إذا أردت أن تتاكد من أنه سوف يتم استدعاء هذه الدالة function فقط إذا كان المستخدم يعمل على wordpress2.9 او الأحدث فقم بكتابة هذا الكود .

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

الخطوة الثانية :- اضافة الصورة المصغرة لكل تدوينة

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

الخطوة الثالثة :- عرض الصورة المصغرة فى القالب

الأن سوف نقوم باستخدام الوسوم tag الخاص بظهور الصورة المصغرة فى القالب وغالباً ما يتم اضافة هذا الوسوم فى ملف index.php وفى هذا الكود يتم عرض الصورة المصغرة بابعادها الافتراضية (الطول-العرض) دون تغير فى الحجم .

1	<?php the_post_thumbnail(); ?>

بينما اذا اردت أن تتأكد من أن التدونية تحتوى على صورة مصغرة قبل كتابة كود HTML فقم بكتابة هذا الكود يدلاً من السابق .

<?php
if ( has_post_thumbnail() ) { ?>
  <span class="my_image">
    <?php the_post_thumbnail(array(600, 400)); ?>
  </span>
} ?>

الخطوة الرابعة : التعامل مع حجم الصورة المصغرة

هنالك ثلاث أنواع للتعامل مع حجم الصورة المصغرة معرفة فى الوورد بريس large -medium – default . ان الحجم الافتراضى default للصورة المصغرة هنا هو حجمها الاصلى دون تصغير .

<?php the_post_thumbnail( 'thumbnail' ); ?>

<?php the_post_thumbnail( 'medium' ); ?>

<?php the_post_thumbnail( 'large' ); ?>

بينما اذا اردت من تعديل حجم الصورة المصغرة فسوف نستخدم مصفوفة العنصر الأول يمثل العرض والعنصر الثانى يمثل الارتفاع كما أن class = “alignleft”. هى class موجودة فلى ملف css لتعين خصائص الصورة .

<?php the_post_thumbnail(array( 200,200 ), array( 'class' => 'alignleft' )); ?>

الخطوة الخامسة : التعامل مع الصورة المصغرة فى ملف css

فى ملف css قم بكتابة class باسم .wp-post-image وحدد فيها الخصائص التى تريد تطبيقها على الصورة وذلك اذا لم تقم بتعين Class للصورة المصغرة.

.wp-post-image {
 float:left;
 padding:3px 3px;
 margin: 0px 5px 5px 7px;
 background:#2F4C5F;
}

كما يمكنك تعريف class جديدة للتعامل مع الصورة المصغرة وفى هذه الحالة سوف تكتب الكود الخاص بظهور الصورة كالتالى.

<?php the_post_thumbnail(array( 200,200 ), array( 'class' => 'alignleft' )); ?>

وفى ملف css الخاص بالقالب سوف تضيف الفئة class alignleft

.alignleft {
 float:left;
 padding:3px 3px;
 margin: 0px 5px 5px 7px;
 background:#2F4C5F;
}