الأرشيف ٢٠٠٨ - ٢٠١٢

شرح إستخدام الحقول الخاصة في ووردبريس

أوه .. هذا المقال قديم ... ممممم قديم جداً

custom-fields

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

مواقع إستخدمت فيها الحقول الخاصة …

حسناً لنبدأ …


من لوحة تحكم المدونة ومن صفحة اضافة تدوينة جديدة ستجد في الاسفل .. صندوق ” خصائص إضافية ” او ” Custom fields ” .. سنقوم بإنشاء حقل جديد … في مثالنا هنا سنقوم بإضافة حقل لإستخدامة لوضع رابط مرجع التدوينة .. سنضع في حقل الاسم (key) اسم هذا الحقل وليكن في مثالنا references و في حقل القيمة (value) سنضع رابط هذا المرجع وليكن http://ar.wikibooks.org .. لا تنسى الضغط على زر “ اضف حقل مخصص ” … شاهد الصورة :

custom-fields3

الأن إلى القوالب …
لنتعرف على شكل الدالة التي سنستخدمها :

و تأخذ ثلاث بارامترات ..
$post_id : معرف التدوينة ID
$key : إسم الحقل الذي تريد إستخدامه
$single : وتأخذ إحدى القيمتين :
true لعرض أول حقل عند إستخدام اكثر من حقل بنفس الأسم
false لعرض الحقول كمصفوفة كما سنشرح لاحقا

حسنا داخل حلقة عرض التدوينة أضف التالي :

$post->ID : لجلب المعرف الخاص بالتدوينة .. ID
references : إسم الحقل الخاص الذي أضفناه
true : لا أملك سوى حقل references و حيد و بالتالي اريد عرضه هو فقط …

احفظ القالب و اذهب و شاهد التدوينة .. ستجد http://ar.wikibooks.org/ ظهرت في نهاية التدوينة … كما في الصورة

custom-fields1

ما رأيك أن نجعلها كرابط بدلاً من ظهورها كنص .. إستخدم التالي :

الأن أصبح لدينا رابط لمرجع التدوينة … لنفرض الأن أن لدينا تدوينة لم أقم بإضافة مراجع لها … سيظهر في نهاية التدوينة ” مراجع التدوينة “ دون أن يظهر تحتها أي مراجع لاني لم اقم باضافتها .. لاخفاء ” مراجع التدوينة “ عند عدم وجود مراجع سنستخدم شرط if للتحقق من وجود مراجع أم لا … شاهد الكود

تدوينة متعددة المراجع !
الأن نريد اضافة أكثر من مرجع للتدوينة .. من لوحة التحكم من جديد قم بإضافة المراجع الأخرى و بنفس key أو الإسم وهو references الأن إلى القوالب من جديد .. في هذه الحالة سنستخدم foreach لجلب كافة الحقول الاضافية التي تحمل الاسم references … شاهد الكود :

احفظ القالب و قم بمعاينة التدوينة ستجد بقية المراجع قد ظهرت … شاهد الصورة :

custom-fields2

تطبيق بسيط .. صورة مصغرة للتدوينات

custom-fields4

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

من لوحة التحكم وكما شرحنا سابقاً قم باضافة حقل جديد وليكن بإسم post-image ثم نضع في القيمة عنوان الصورة .. في قالب index.php و archive.php و search.php و قبل سطر إستدعاء الدالة the_content سنقوم بإضافة الكود التالي :

و هذا هو كود CSS الذي أستخدمته في المثال الموجود في الصورة بالأعلى :

إذا اردت أن تظهر الصورة المصغرة في صفحة عرض التدوينة مفردة فاضف الكود أيضاً في القالب single.php و إذا اردت إستخدمها مع الصفحات فأضف الكود لقالب page.php

هناك دوال أخرى غير الدالة التي شرحتها ولكنها كلها تقوم بنفس الوظيفة مع اختلافات بسيطة في طريقة الاستخدام .. يمكنك مراجعة صفحة الحقول الخاصة على WordPress Codex

أتمنى أن يكون الشرح بسيط وواضح و أي أستفسار سأكون سعيداً بالإجابة عليه إن شاء الله ..

الوسوم

‫٤۱ تعليقات

  1. السلام عليكم
    :) شكرا فؤاد علي الدرس ، أخيراً نزلته ودرس مفيد جداً وسلسل للغاية :)
    وسيتم الأستفادة بيه حق في مواضيع مختلفة :) جزاك الله خـيراً

  2. جميل فعلاً الشرح

    أستخدمو قبل كده في موقع ولكن مجاش في بالي انه ممكن أستخدمة في sidebar مثلاً، رغم أن مرجعيتهم واحدة

    لو المطورين يعرفو ألي ممكن يتعمل بالامكانية دي اكيد كانو عرفو قيمة wordpress في سهولة تطويعها

    يعني ممكن نستخدمها لموقع طبخ مثلاُ، وهيكون الحقول الأضافية هي لصورة الطبخة واخر للمقادير واخر لطريقة الطبخ

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

    ويتحول لموقع لا علاقة له بالمدونة والتدوين !!

    هناك أشكال كثيرة لتطويرع الورد بريس لأستخدامات رائعة، ولكم من جربها فقط يعمل هذا

    1. أهلا بك أخي حازم ..

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

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

      الووردبريس مرن بشكل كبير ويخفي الكثير من المميزات .. فقط نحتاج إلى التجريب و البحث لنستفيد منها

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

    هل فهمي صحيح ؟؟

    1. أهلا بك عزيزي ..

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

  4. السلام عليكم
    شكرا اخي فؤاد على هذا الشرح الجميلة لهذه التقنية ، سأستفيد منها تطوير قالب موقعي
    دمت متميزا

  5. السلآم عليكم

    إستفدت ,, من موضوعك كثيرآ ,, كما نتمنى المزيد من موآضيعك حول

    الحقول الخاصة ,, لآننآ نحتاج لهآ ,,

  6. رائع يا المعاصر
    استفدت كثيراً من الحقول المخصصة في تصاميم سابقة .. و هذا ما يعجبني في الوورد بريس !
    شكراً لك يا المعاصر و أنا متابع لأعمالك دائماً ;)

  7. أولا اهنئك على المدونة الجميلة و هذه هي المرة الأولى التي ازور فيها المدونة .. و لا اظن انها ستكون الاخيرة .
    و الغريب اني اضفت موضوع عن الحقول الخاصة بالامس في مدونتي .. ساضيف وصلة لهذه التدوينة نهاية الموضوع كمرجع آخر شكرا لك :)

  8. تنبيه: مطلوب ثيم مكتبة برامج - سوالف سوفت
  9. شكرا ليك اخي فؤاد

    فيه اضافه اسمها more-fields

    بصراحة ممتازة .. انا بعتمد عليها

    ليها مميزات قوية جدا .. تقدر تعمل بيها نظام Radio او محرر جديد او خانه او Select او Text aria

    صورة من داخل الاضافة

    http://i38.tinypic.com/2whf0ya.jpg

    و صورة من داخل كتابة موضوع

    http://i34.tinypic.com/2lkpwgg.jpg

    جربها و اكيد هتعجبك

    و خاصة في عمل مواقع للعملاء :)

    ياريت تحذف ردي السابق لاني وضعت فيه كود html لاظهار الصورة .. بس يظهر انك لاغي Html من التعليقات علشان كدا الصور مظهرتش و لا رابط الصور :P

    1. اهلا بك عزيزي

      نعم اعرف الاضافة و استخدمتها قبل ذلك

      ولكن هنا كنت أشرح نظام و الفكرة الاساسية و طريقة استخدام الحقول الخاصة .. حتى لو استخدمت الاضافة فما سيتغير هو طريقة الادخال فقط .. ام طريقة الاستخدام فهي واحدة

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

    صراحة مدونتك رائعة جدا..والدرس واضح ولكن يحتاج الى تطبيق

    عندي سؤال

    كيف استطيع ان اضيع اطار واميز تعليق المدير على تعليقات الزوار مثل مانتي مسوي في مدونتك

    رابط مدونتي
    http://www.azzzo.net

  11. السلام عليكم,,,

    درس سلس وجميل جداً
    أحسنت عزيزي

    سؤال: لنفترض أني أريد عمل تصنيف مخصص للتصاميم
    وأريد أن تظهر التصاميم فيه كـ مصغرات ” مُأطرة ” ( مثل مواقع عرض الصور أو الثيمات نجدها بشكل أفقي وأقرب مثال ( روبوت المدونات )
    بالإضافة إلى معلومات قصيرة عن التصميم
    مثلاً ” مدة العمل – الطبقات – البرنامج المستخدم … إلخ ”

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

    وبالنسبة لباقي التصنيفات هل ستضهر بشكل طبيعي كـ تدوينات ؟

    صاروا أربعة أسئلة (-:

    تحياتي

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

      اهلا عزيزي

      توفر ووردبريس القابلية لتحديد قسم معين ليظهر بشكل مختلف بينم تظهر كافة الاقسام الباقية بالشكل التقليدي …

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

      1. السلام عليكم اخوي فؤاد :
        هالنقطه هذي ودي تشرحها اكثر

        ” توفر ووردبريس القابلية لتحديد قسم معين ليظهر بشكل مختلف بينم تظهر كافة الاقسام الباقية بالشكل التقليدي ”

        ممكن مثال بسيط لانها تهمني

  12. تمّ التكنيش (الحفظ في كنّاشة )
    سأعود للتدوينة من البيت لنتفيذها على مدونتي
    شكراً جزيلاً على الدرس الرائع أخ معاصر
    محبتي ..
    مجد

  13. إن سمحت لي لم أفهم هذه النقطة بالضبط

    قبل سطر إستدعاء الدالة the_content

    هل يعني هذا أن يكون في بداية ملف الـ html ?

    أو ياليت تضع لي مثال لتعديل ذلك على ملف الإندكس والبقية سأتولاها أنا

    الغرض هو عرض صورة مصغرة للتدوينة تظهر في كل الإضافات كالخلاصات والسلايد شو وحتى في الودجت في الفوتر

  14. تنبيه: غير معروف
  15. السلام عليكم ..
    موضوع رائع جدا ؛ إلا أنني جديد في التدوين وأتمنا أن تدعم الموضوع بالصور لكي تساعد المدونين الجدد أمثالي وقد أنشأت مدونتي هذا اليوم وهذا رابط المدونة : http://www.btravel.tawwat.com وأتمنا ان تضيف الصور قريبا ؛ مع تقديري لجهودك الجبارة أخي ، وجزاكم الله كل خير

  16. شرح موفق بارك الله فيك

    لكن السؤال كيف يمكن عمل ( نبذة عن الكاتب ) مثلا .. او اي محتوى آخر ؟

    الطريقة أعلاه تنفع للصور او النص المرتبط بالموضوع

    اتمنى اجابتي بأسرع وقت ممكن

    ولك مني كل التحية التقدير ،،،

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

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

    1. أهلا بك

      في صفحة إضافة تدوينة ستجد بالأعلى ” خيارات الشاشة ” إضغط عليها و إختر خصائص إضافية و ستظهر إن شاء الله

      خالص التحية و التقدير

  19. اخى فؤاد هل يوجد شئ ضرورى لكى يدعم القالب امكانية ظهور الحقول المخصصه ؟

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

  20. أنار الله قلبك وعقلك

    لقد استفدت منك الكثير اخى الكريم

    اتمنى ان تتفضل بشرح التعامل مع الـ Post Meta Boxes لانى فى امس الحاجة الى كيفية إنشائها والتعامل معها

    لكم جزيل الشكر

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

    شكرا أخي لمعاصر على الشرح المفيد و أنا أصلا كنت بحاجة اليه و لكن لا نعرف من يعرف ؟

    أنا أريد استخدام كود الشرط if و لكن أريد عرض القيمة صفر 0 اذا لم يتوفر اخال في الحقل المخصص .

    من فضلك أخي المعاصر .

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

إقرأ أيضاً

زر الذهاب إلى الأعلى
إغلاق