استعمال ميزة “مصغرة للتدوينات” فى الوورد برس 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 وفى هذا الكود يتم عرض الصورة المصغرة بابعادها الافتراضية (الطول-العرض) دون تغير فى الحجم .


كود:
<?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; }

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