كيف اظهر الصور المصغرة بجانب الموضوع في الرئيسية

engmoh · #1 04-28-2010, 02:23 PM

السلام عليكم ياشباب قمت بتنصيب تمبلت ولا اعرف كيف اظهر الصور المصغرة بجانب المواضيع في الصفحة الرئيسية
فهل احد يعرف كيف يدلني وجزاكم الله كل خير
عنوان الموقع لدي
http://nettawy.net/kalambfelos/

الفتاك يتحداك · #2 04-29-2010, 11:51 AM

وعليكم السلام ورحمة الله وبركاته ،،،

تفضل أخي الكريم : http://www.ar-wp.com/t19136.html

وبالتوفيق ،،،

modarsoos · #3 05-04-2010, 06:18 PM

الخطوة الأولى: التعديل فى ملف Function.php:
أولاً: قم بفتح ملف function.php الموجود داخل مجلد القالب الخاص بك وقم بإضافة الكود التالي:

كود PHP:


			
add_theme_support('post-thumbnails');

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

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

صورة توضيحية:
الصورة الأولى

الصورة الثانية: اضغط على استخدم كمصغرة واحفظ التغييرات

الصورة الثالثة: ستعرض الصورة داخل التدوينة بهذا الشكل:

الصورة النهائية: كيفية ظهور الصورة في الموقع بحسب إعدادات ملف CSS:

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

كود PHP:


			
<?php the_post_thumbnail(); ?>

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

كود PHP:


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

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

كود PHP:


			
/*--Begin Post Thumbnail--*/

.wp-post-image {

    float:left;

    padding:3px 3px;

    margin: 0px 5px 5px 7px;

    background:#CC3399;

}

/*--End Post Thumbnail--*/

------انتهى كل شيء----------

ملحوظة: يمكنك تعريف class جديدة للتعامل مع الصورة المصغرة وفي هذه الحالة سوف تكتب الكود الخاص بظهور الصورة في ملف CSS الخاص بالقالب سوف نضيف الفئة class alignleft كالتالي:

كود PHP:


			
/*--Begin Post Thumbnail--*/

.alignleft {

    float:left;

    padding:3px 3px;

    margin: 0px 5px 5px 7px;

    background:#CC3399;

}

/*--End Post Thumbnail--*/

=========================================
مثال عن إضافة صورة مصغرة داخل موقع:
موقع مجلة صدى الإعلانية

إذا أردت المزيد من التفاصيل قم بزيارة المواقع التالية:
Post Thumbnail
Using The New Post Thumbnail Feature In WordPress 2.9
http://www.kremalicious.com/2009/12/wordpress-post-thumbnails/
Everything you need to know about WordPress 2.9’s post image feature
The Ultimative Guide For the_post_thumbnail In WordPress 2.9
About WordPress Post Thumbnail
screencast-on-how-to-add-thumbnails

هلابك · #4 05-05-2010, 03:48 PM

حسب علمي ان النسخة الاخيرة من الووردبريس يود بها نظام مصغرات الصور

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
الصور المصغرة لا تظهر في المقالات	Samo0o	الدعم الفني المتقدّم	0	03-22-2010 07:05 PM
كيف استطيع ان اظهر عنوان الموضوع وبعض المحتوى في الاقسام ؟	F1arab.com	قوالب ووردبريس - عام	2	01-20-2010 10:02 AM
[ مشكلة ] الصور المصغرة لا تظهر	كمال بيطار	الدعم الفني المتقدّم	3	10-29-2009 10:10 PM
كيف اجعل الصور تظهر في الموضوع بالصفحة الرئيسية؟؟	Yasir Lee	الدعم الفني المتقدّم	1	10-16-2009 02:18 PM
[[ صورة بجانب الموضوع ]]	ابو صالح	الدعم الفني المتقدّم	3	07-11-2009 11:05 AM

هؤولاء الاعضاء يشكرونك يا modarsoos على هذه المشاركة:
medo max (01-25-2011), نجم المحبه (01-12-2011)

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)