[درس] إضافة صورة للموضوع بأستخدام حقل خاص custom-field

SUBSWISS · #1 06-09-2009, 06:05 PM

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

أخواني الكرام ..
هذا الدرس تعلمته خلال ممارستي لتصميم قوالب الوورد بريس و حبيت انكم تشاركوني المعرفة.

الدرس جدا سهل و بسيط و فيه طريقة جميلة جدا لأضافة صورة للموضوع في الصفحة الرئيسية .

سوف اطبق الطرق على القالب الافتراضي defulte
1- أفتح ملف الصفحة الرئيسية index.php بواسطة محرر الصور (انا استخدم np++) وأبحث عن السطر 19 وهو بداية الموضوع , كما في الصور

2-الان سوف نضيف هذا الكود الى الملف لعمل الحقل الخاص

كود PHP:


			
 <img src="<?php echo get_post_meta($post->ID, "Thumbnail", true);?>" width="280" height="150" alt="" />

بهذا الشكل

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

الان نحتاج الى بعض اكواد css لضبط مكان الصورة .
نفتح ملف Style.css تبع القالب .
و بما انه في القالب الافتراضي الموضوع فيه كلاس entry كما في الصورة الاولى , إذن نضيف هذا السطر الى ملف الستايل حتى نضبط الصورة :

كود PHP:


			
.entry img {
    border:0;
    float:left;
    padding:5px 5px;
    background:#fff;
    border:1px solid #ccc;
    margin:2px 5px 5px 0px;
    }

طبعا ممكن ان تغيير في كود ستايل هذا حتى يتناسب مع الشكل العام للقالب.

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

أرجو ان يكون الشرح سهل و بسيط

شكر خاص الى David Leggett
Thanks to David Leggett

بالتوفيق لكم يا اخوتي

يمكنكم من نقل الموضوع مع ذكر المصدر

iDesiGn · #2 06-09-2009, 06:50 PM

جميل

أبوعبيد · #3 06-09-2009, 07:12 PM

رائع جداً ،

أعتقد أنني يمكنني تعديل الكود واستدعاء أي شي أحتاجه من الحقول الخاصة

مثلاً لو كان هناك مقطع صوتي في كل موضوع

فهل هذا ممكن ؟

أنس · #4 06-09-2009, 07:27 PM

ما شاء الله عليك

ريحتنا كثير الله يريح بالك

طريقة حلوة

SUBSWISS · #5 06-09-2009, 09:19 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة أبوعبيد

رائع جداً ،

أعتقد أنني يمكنني تعديل الكود واستدعاء أي شي أحتاجه من الحقول الخاصة

مثلاً لو كان هناك مقطع صوتي في كل موضوع

فهل هذا ممكن ؟

احاول اني اجرب و اشوف لان ما استخدم ملفات الصوت
ولا يهمك ابحثك عن هذا الموضوع

الإسلام هو الحل · #6 06-09-2009, 11:34 PM

بارك الله فيك اخي

مشكوووور .. وربي يزيد عمرك

احمد حمودة · #7 06-10-2009, 01:32 AM

اخي الفاضل SUBSWISS
شرح ولا اروع و لا اسهل وفعلاً كثير من الاشخاص كانوا يبحثون عنه
ومن خلال قراءتي لبعض المقالات لشرح نفس الموضوع بلغات مختلفة الا انها كانت معقدة على المستخدم العادي
قمت انت بشرحها بشكل بسيط وجيد جداً
و لأهمية الموضوع تمت إضافته إلى http://www.ar-wp.com/t6379.html

SUBSWISS · #8 06-10-2009, 03:46 AM

اقتباس:

المشاركة الأصلية كتبت بواسطة احمد حمودة

اخي الفاضل subswiss
شرح ولا اروع و لا اسهل وفعلاً كثير من الاشخاص كانوا يبحثون عنه
ومن خلال قراءتي لبعض المقالات لشرح نفس الموضوع بلغات مختلفة الا انها كانت معقدة على المستخدم العادي
قمت انت بشرحها بشكل بسيط وجيد جداً
و لأهمية الموضوع تمت إضافته إلى http://www.ar-wp.com/t6379.html

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

M-QanDeeL · #9 06-11-2009, 11:26 AM

شكرا على الشرح الرائع يعطيك الف عافيه حبيبي
بس عندي استفسار بسيط وهو
هل ممكن ان اضع بكل موضوع صورة مختلفه ولا كل المواضيع سوف تظهر بها نفس الصورة ؟
وشكرا

تحياتي محمود قنديل ^_^

SUBSWISS · #10 06-11-2009, 02:36 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة m-qandeel

شكرا على الشرح الرائع يعطيك الف عافيه حبيبي
بس عندي استفسار بسيط وهو
هل ممكن ان اضع بكل موضوع صورة مختلفه ولا كل المواضيع سوف تظهر بها نفس الصورة ؟
وشكرا

تحياتي محمود قنديل ^_^

لا اكيد اخي محمود في كل موضوع ممكن ان تعمل صورة مختلفة عن الموضوع الأخر

بالتوفيق للجميع

elhddad · #11 06-11-2009, 07:34 PM

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

SUBSWISS · #12 06-11-2009, 08:28 PM

اقتباس:

المشاركة الأصلية كتبت بواسطة elhddad

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

صحيح . و ممكن انك تعمل كلاس خاص بصورة الموضوع و تفصلها عن صور الموضوع .إذا لم يكن كلامي خطأ

شكرا لك

M-QanDeeL · #13 06-12-2009, 10:10 AM

طيب اخوي ممكن شرح كيف نغير صورة ^_^

KURD BOY · #14 06-12-2009, 06:27 PM

والله موضوع مفيد جداً جداً .... يسلم ايديك اخي الكريم ...

WhisperiN · #15 06-12-2009, 08:32 PM

شكراً يا جميل

فكرة لذيذة ..

احترامي..

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

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
كيفية إضافة صورة مكان إسم المدونة ؟	Shehabi	قوالب ووردبريس - عام	3	04-05-2009 11:25 AM
[ استفسار ] كيف اضيف صورة للموضوع الرئيسي featured	user60	قوالب ووردبريس - عام	6	03-01-2009 06:42 AM
كيفية إضافة لنك في الهيدر؟ مرفق صورة	playa4real	الدعم الفني المتقدّم	0	02-19-2009 06:50 PM
[مشكلة] عند إضافة صورة تظهر لي هذه الرساله	Dr.Mohammed	الدعم الفني المتقدّم	2	01-09-2009 04:06 PM
كيف اضيف " إقرأ المزيد " للموضوع الذي هوا في الرئيسية كـ تكملة للموضوع وليس كاملاً ؟!	جمال	الدعم الفني المتقدّم	2	01-23-2007 01:44 PM

هؤولاء الاعضاء يشكرونك يا SUBSWISS على هذه المشاركة:
aboodr (09-06-2010), أبو عبيد الله (06-10-2009), أبومازن (08-07-2009), أنس (06-09-2009), baker1 (07-27-2009), الإسلام هو الحل (06-09-2009), احمد حمودة (06-10-2009), بروفيشنال (06-11-2009), Cancel (03-17-2010), KURD BOY (06-12-2009), matrix_0004 (04-21-2010), رشيد بيدوسي (08-03-2009), rnkaradi (07-09-2011), Somo5 (06-10-2009), Anas Plant Designs (06-09-2009), غراب (06-10-2009), يونس (06-10-2009), فكرة مصمم (08-14-2009), ضامي الود (07-07-2009)

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