الأحلام Ala7lam

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

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

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

طبعا هذه الخاصية (الحقول المخصصة) يمكن استخدامها لأشياء كثيرة جدا حيث أنها متغيرة مع كل تدوينة و أنت تحدد قيمتها في كل تدوينة لكن أنا بدأت استخدامها كصورة توضيحية للتدوينات و طريقة عمل ذلك جدا سهلة، فقط اتبع الخطوات التالية:

1. قم بفتح ملف الستايل شيت CSS الخاص بالتصميم الذي تستخدمه في المدونة و قم بإضافة الوسم التالي:
   ^?View Code CSS

   img.postimage { float: left; margin: 10px; }

2. قم بفتح ملف Index.php و ملف Single.php أيضا إذا أردت أن تظهر الصورة التوضيحية في الصفحة الرئيسية و في صفحة المقال و ابحث عن المنطقة الخاصة بعرض محتويات التدوينة و التي غالبا ما يكون أسفل منها الكود التالي أو شئ شبيه به:
   ^?View Code PHP

   <?php if (is_search()) the_excerpt(); else the_content('<div class="more">قراءة باقي المقالة...</div>');?>

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

3. إذا ما وجدت المنطقة المطلوب عرض الصورة فيها قم بنسخ و لصق الكود التالي فيها:
   ^?View Code PHP

   <?php $mykey_values = get_post_custom_values('post_image'); if ($mykey_values){ foreach ( $mykey_values as $key => $value ) { echo '<img class="postimage" src="'.$value.'" alt="image" />'; } } else echo "&nbsp;"; ?>

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

يمكنك استخدام الطريقة السابقة أكثر من مرة و لعرض صور أخرى في مكان آخر في التدوينة في الأسفل مثلا أو عرض رابط أو غيرها بنفس الطريقة. كل ما عليك تغييره هو كلمة post_image باسم آخر بنفس الطريقة و بعد إضافتها إلى القالب تستطيع تعبئة الحقل المخصص بقيمة المساحة الثانية لكن بدلا من كتابة post_image قم بكتابة الاسم الخاص للحقل الجديد، مثلا post_footer و هكذا


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