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

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

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

ساقوم بشرح طريقة مثال لعرض ملاحظة عن التدوينة تحت كل تدوينة نقوم بكتابتها


تابع معي الشرح طريقة


اولا لنتعرف من اين نحصل على الحقل المخصص

في تبويب اضافة تدوينة ستجد خيارات في الاسفل بمسمى " خصائص اضافية"





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



الان اين تريد اظهار الحقل المخصص ؟؟؟

لو فرضنا اننا نريد اظهار الحقل المخصص هذا اسفل التدوينة اذا فلنقم باضافة الكود code الخاص به في قالب template single.php في المكان المخصص لاظهاره فيه

الكود code للحقل المخصص :


رمز Code:
<?php get_post_meta($post->ID, 'note', true); ?>



حيث :

$post->ID = تعريف لعرض الحقل المخصص في كل تدوينة( يقوم بجلب رقم التدوينة تلقائيا , وهو ما سنستخدمه هنا )

$post_ID = لعرض الحقل المخصص في تدوينة معينة فقط ( يجب وضع رقم التدوينة امامه , غير عملي )

'note' = اسم الحقل المخصص المطلوب , تستطيع اضافة اي اسم لديك

true = هل هذا هو الحقل المخصص الوحيد باسم note الموجود في التدوينة


الان استمتع بالحقل المخصص الجديد لديك





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

تابع المثال


ضع الحقل المخصص المطلوب داخل كلاس معرف باسم معين

رمز Code:
<div class=&quot;note-c&quot;> <?php get_post_meta($post->ID, 'note', true); ?> </div>
قمنا بتعريف الكلاس باسم note-c

اذا نقوم باضافة الخصائص المطلوبة له في ملف style.css الخاص بالقالب template

شخصيا قمت باعطائه الخصائص التالية :


رمز Code:
.note-c { width:60%; background:#FAFDDF; border:1px solid #BED20D; padding:10px; text-align:center; }
width: العرض
background : لون الخلفية
border : الحدود
padding : الهامش
text-align : اصطفاف النص



النتيجة :




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

http://ar.html.net/tutorials/css/



تلميحات حول استخدام الحقل المخصص :

1- في حال رغبتك بعرض صورة مخصصة للتدوينة
2- في حال رغبتك بعرض رابط خاص بالتدوينة مثلا الرابط
3- في حال رغبتك بعرض تلميح حول التدوينة
4- موقع تجاري وترغب بعرض مجموعة من المعلومات بتنسيق معين مثل السعر والتاجر وطرق الشرء والمكان
5- موقع تحميل وترغب بعرض ايقونة للمنتج plugin وشرح طريقة ورابط التحميل بطريقة وتنسيق خاص

ايضا بامكان مخيلتك اكتشاف المزيد من التلميحات والاستخدامات للحقل المخصص

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


تحياتي









©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©