كيفية تعيين الصور البارزة تلقائيا في ووردبريس بدون حقل الخصائص

[raheel]

اضافة الصور البارزة الى المقالات في الرئيسية قد تكون مرهقة باستعمال حقل الخصائص لجميع المقالات مثلا اذا كانت لديك العديد من المقالات فستضطر الى اضافة حقل جديد لكل مقالة وهذا سيحتاج منك مجهود جبار ولكن دائما ما تكون هناك حلول بالنسبة لهذه المشاكل. مع القليل من البحث وجدت حل بسيط
كل عام و انتم بخير بمناسبة حلول شهر رمضان المبارك أعاده الله عليكم بالخير واليمن والبركات ونتمنى لكم دوام الصحة والعافية – تهنئة سنة 2011

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

يجب التاكد من ان القالب الذي تستعمله يدعم الصور البارزة وهناك طريقتين لاستعمالها :

1. استعمال ميزة “الصور البارزة” فى وورد برس 2.9
2. كيف تعرض الصورة البارزة بواسطة TimThumb

تعيين الصور البارزة تلقائيا

هذه الطريقة تعتمد على اول صورة مرفقة مع المقالة يتم استعمالها كصورة بارزة للمقالة ولكي تعمل هذه الطريقة يجب عليك اضافة الكود ادناه الى ملف خصائص القالب functions.php







/* * Get attachment id for default image url * $default url */ function get_attachment_id_from_src($image_src) { global $wpdb; $query = "SELECT ID FROM {$wpdb->posts} WHERE guid='$image_src'"; $id = $wpdb->get_var($query); return $id; } /* * Auto set featured image * Note : image must be in post attachemnts */ function autoset_featured() { global $post; $postsetid = get_the_ID(); $already_has_thumb = has_post_thumbnail($post->ID); $default = 'http://link-to-image’;
if (!$already_has_thumb) { $attached_image = get_children('post_type=attachment&post_mime_type=image&post_parent='.$postsetid ); if ($attached_image) { foreach ($attached_image as $attachment_id => $attachment) { set_post_thumbnail($post->ID, $attachment_id); } } else { set_post_thumbnail($post->ID, get_attachment_id_from_src(get_attachment_id_from_src($default))); } } } add_action('the_post', 'autoset_featured');






يجب انت تنتبه لشيء الصورة الافتراضية للمقالة يجب ان تقوم بادارجها في المتغير “default” في السطر 11 لكي يتم عرضها في حالة لم تتوفر اي صورة بارزة
الطريقة القديمة

قم بفتح ملف خصائص القالب functions.php لكي نضيف الهاك بداخله واذا لم يكن لديك ملف خصائص قم بانشاء واحد جديد بعدها قم بلصق الكود الموجود بالاسفل. هذا الهاك يقوم باخد رابط اول صورة في تدوينتك واستعمالها كصورة مصغرة
Failed loading gist https://gist.github.com/a012280c0eb09774eb19599926d68519.json: error
اضافة كود مصغرات الصور

هنا سنقوم بادراج الكود الذي سيعرض الصور المصغرة في الصفحة الرئيسية. افتح ملف Index.php او home.php على حسب ملفات القالب يجب ادراج الكود داخل the_loop لكي يتم عرضه بشكل جيد بدون مشاكل ويستحسن ان تضعه فوق the_content وهذا الكود







<div class="thumbnail"> <a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>"> <img src="<?php bloginfo('template_directory'); ?>/timthumb.php?src=<?php getImage('1'); ?>&w=150&h=150&zc=1"> </a> </div>






هذا الكود سيقوم بانشاء صورة بمقاس 150×150 بيكسل اذا اردت تغير المقاس فما عليك سوى تغيير ‘w’ و ‘h’ من الكود يرجى مراجعة التدوينة كيف تضع مصغرات الصور و سكريبت TimThumb لانه يجب انشاء مجلد cache داخل مجلد القالب واعطائه الصريح 777 او 755 احسن في حالة لم تظهر الصور
اضافة تنسيق لملف الاستايل

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







.thumbnail a:link, .thumbnail a:visited { display:block; float:left; padding:5px; background:#e2e2e2; width:150px; height:150px; margin:5px 5px 0 0; } .thumbnail a:hover, .thumbnail a:active { background:#C4C4C4; }