مصغرات الصور و سكريبت TimThumb في الووردبريس – YourColor
السلام عليكم ورحمة الله وبركاته
في هذه التدوينة سنتطرق لطريقة ادراج مصغرات الصور بجانب التدوينات في الصفحة الرئيسية بمساعدة هذا السكريبت الرائع TimThumb الذي تستعمله اغلب مواقع القوالب المدفوعة نظرا لسهولة التعامل معه فطريقة تركيبه سهلة جدا
تحميل سكريبت TimThumb
اولا نقوم بتحميل اخر اصدار من السكريبت من هنا او من هنا ورفعه الى مجلد القالب الذي تستعمل
http://sitename.com/wp-content/themes/your-theme-name/timthumb.php
اضافة تنسيق لسكريبت TimThumb
هنا سوف نضيف تنسيق لسركيبت TimThumb لعرض الصور بشكل متناسق مع التدوينة وفي المكان الذي تريد يمين يسار فقط
وهذا كود التنسيق نضيفه الى ملف التنسيق (style.css) للقالب :
.homethumb { float: right; margin:0px 5px 0px 5px; height:100px; width:100px; padding:3px; background: #f3f3f3; border:1px solid #ddd; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
بالنسبة لهذا التنسيق الزوايا ذات استدارة بسيطة اما اذا رغبت في ان تأخد الزوايا شكل طبيعي فقم بإستعمل التنسيق التالي :
.homethumb { float: right; margin:0px 5px 0px 5px; height:100px; width:100px; padding:3px; background: #f3f3f3; border:1px solid #ddd; }
ادراج سكريبت TimThumb في القالب :
نفتح ملف الصفحة الرئيسية لقالب (index.php) ونبحث عن وسم العنوان غالبا ما يكون الكود على هذا الشكل :
<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="الرابط الدائم لـ <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
حتى نبسط الامر عليك ابحث فقط على الكود التالي :
<?php the_permalink() ?>
هنا يجب معرفة شيئ أخر هل القالب يستعمل معلومات أخرى تحت العنوان ام لا مثالا التصنيف الذي كتبت فيه التدوينة التاريخ والكاتب اذا كان القالب يحتوي على هذه المعلومات سنقوم بادراج السكريبت اسفل المعلومات التي ذكرنا التاريخ والتصنيف الى اخره مثال على طريقة ادراج سكريب TimThumb في قالب مدونتي
هذه الصورة توضح بعض اكواد كل من العنوان ومعلومات التدوينة والصورة المصغرة, وهذا الكود الذي سنقوم بادراجه اسفل المعلومات :
<?php if( get_post_meta($post->ID, "thumb", true) ): ?> <div class="homethumb"> <a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title(); ?>"><img src="<?php bloginfo(´template_directory´); ?>/timthumb.php?src=<?php echo get_post_meta($post->ID, "thumb", $single = true); ?>&h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="150" height="150" /></a> </div> <?php else: ?> <?php endif; ?>
او بمعنى أخر نقوم بوضع الكود قبل الكود التالي مباشرة :
<?php the_content(); ?>
ولا تنسى تعديل التنسيق (homethumb) على حسب ما يناسب القالب الطول والعرض والهوامش حتى يتم ادراج الصورة المصغر بشكل انيق وملائم في القالب
ملحوظة : في كود ادراج سكريب TimThumb اذا لاحظت جيدا سترى انه يوجد قيمتين لطول والعرض ولا تنسى تنسيق الطول والعرض كذالك لسكريبت (TimThumb) في ملف التنسيق (style.css)
مثال للقيمتين :
h=150&w=150&zc=1" alt="<?php the_title(); ?>" width="100" height="100"
القيمة الاولى : h=150&w=150&zc=1
القيمة الثانية : width=”100″ height=”100″
انشاء مجلد الكاش
في هذه المرحلة ضروري انشاء مجلد في قالب المجلد ليشتغل السكريبت بشكل سليم على هذا الشكل :
http://sitename.com/wp-content/themes/your-theme-name/cache/
بعد انشاء المجلد قم باعطائه التصريح 777 عن طريق ftp او لوحة التحكم الموقع (cpanel) مثلا
طريقة استعمال الصور المصغرة
بعد كتابة التدوينة قم برفع صورة التي تريد ان تظهر بجانب التدوينة
الان يجب اضافة حقل مخصص في الخصائص الاضافية هكذا :
بعد اضافة الحقل المخصص قم بتحديث التدوينة او نشرها
الى هنا نكن قد انتهينا من طريقة ادراج الصور المصغرة بواسطة السكريبت والى اللقاء في تدوينة جديدة انشاء الله
اذا كان هناك اي استفسار يرجى وضع تعليق
والسلام عليكم ورحمة الله وبركاته
إضافة [ أفضل المعلقين ] للقائمة الجانبية – yourcolor
إضافة [ أفضل المعلقين ] للقائمة الجانبية
هذه اضافة مميزة , تُميز بها انت بالدور زوارك ومعلقيك بمدونتك
فتاتي تكريماً لزوار كٌثر قامو بزيارة مدونتك , ومن ثم التعليق والمشاركة ,,,
وبإمكانك مكافئتهم بوضع اسمائهم بالترتيب العشري او باضافة الرباط المباشر لهم ,,
خصائص في الاضافة ::
*وضع قائمة جانبية لأكثر الزوار تعليقاً ..
* وضع عدد التعليقات لكل شخص ..
* وضع الصورة الرمزية ( مصغرة) لكل زائر ..
* وضع رابط الزائر مع اسمه ..
* امكانية استثناء اشخاص معينين ..
موقع الاضافة الرسمي :
http://wordpress.org/extend/plugins/…t/screenshots/
والاضافة قمت بتعريبها وتوضيح اغلب نقاطها ,, وهي بالمرفقات ..
هنا حمل
التصنيف:
الووردبريس wp
Tagged with: