الدليل الكامل لحقول WordPress المخصصة

نشرت: 2020-07-07

إذا كنت ترغب في إنشاء مواقع WordPress مخصصة وديناميكية ، فمن المهم أن تفهم كيفية عمل حقول WordPress المخصصة.

باختصار ، تتيح لك الحقول المخصصة تخزين معلومات إضافية حول منشورات المدونة أو الصفحات أو أنواع المنشورات المخصصة أو حتى التصنيفات (مثل الفئات والعلامات).

باستخدام Elementor Pro ، يمكنك حتى أخذ المعلومات من الحقول المخصصة الخاصة بك وتضمينها ديناميكيًا في تصميمات Elementor وقوالب Theme Builder (مما يعني أنه يمكنك استخدام الحقول المخصصة لتحرير سمات WordPress والسمات الفرعية).

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

إليك ما سنغطيه:

  • المزيد حول ماهية الحقول المخصصة وكيف تساعدك
  • كيفية إضافة حقول مخصصة في ووردبريس
  • كيفية عرض البيانات من الحقول المخصصة في الواجهة الأمامية لموقعك
  • الفرق بين الحقول المخصصة وأنواع المنشورات / التصنيفات (ومتى تستخدم كل منها)
  • أفضل ملحقات الحقول المخصصة لـ WordPress

دعنا نحفر.

ما هي حقول WordPress المخصصة؟

كما تعلمت في المقدمة ، تساعدك الحقول المخصصة في جمع معلومات إضافية حول جزء من المحتوى على WordPress.

من الناحية الفنية ، تساعدك الحقول المخصصة في جمع وإدارة البيانات الوصفية أو "البيانات التي توفر معلومات حول البيانات الأخرى".

عند إضافة منشور مدونة جديد في WordPress ، يمكنك إدخال عنوان ومحتوى منشور المدونة في المحرر. ولكن ماذا لو أردت جمع معلومات منظمة إضافية؟

على سبيل المثال ، لنفترض أن لديك مدونة مراجعة وتريد تعيين تقييم رقمي لكل منشور مدونة مراجعة تنشره.

يمكنك إضافة حقل مخصص جديد "التصنيف" إلى منشورات مدونتك حيث تقوم بإدخال الرقم ، إلى جانب بعض المعلومات المفيدة الأخرى. ستحصل هذه الحقول على صندوق منفصل خاص بها وسيتم تخزينها بشكل منفصل في قاعدة بيانات WordPress (في postmeta). في الواقع ، هذا هو أساسًا ما تفعله معظم المكونات الإضافية للمراجعة.

قد يكون سؤالك التالي - "لماذا لا يمكنك فقط إضافة التقييم في محرر WordPress مع نص المراجعة."

حسنًا ، يمكنك بالتأكيد. ومع ذلك ، فإن فصل هذه البيانات إلى حقولها المخصصة يمنحك قدرًا أكبر من المرونة. على سبيل المثال ، يمكنك:

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

تكون هذه الفوائد أكثر وضوحًا للمواقع الأكثر تعقيدًا. على سبيل المثال ، تخيل أنك أنشأت موقعًا لإدراج العقارات يضم آلاف المنازل. لا تريد إنشاء تصميم يدويًا لكل منزل ، أليس كذلك؟

تخيل أنه يتعين عليك تنسيق عدد غرف النوم والحمامات وما إلى ذلك يدويًا لكل قائمة فردية. سيستغرق الأمر إلى الأبد!

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

أمثلة على كيف يمكن أن تساعدك الحقول المخصصة

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

هذه ليست قائمة كاملة بأي حال من الأحوال - إنها مجرد بعض الأفكار لتدفق عصائرك الإبداعية.

منتجات التجارة الإلكترونية

WooCommerce هي الطريقة الأكثر شيوعًا لإنشاء متجر للتجارة الإلكترونية على WordPress ، ولكنها أيضًا مثال رائع على حقول WordPress المخصصة في العمل.

إذا كنت ترغب في إنشاء متجر عامل ، فستحتاج إلى جمع الكثير من المعلومات الإضافية حول المنتجات التي تريد بيعها. على سبيل المثال ، سيكون لديك:

  • الأسعار
  • حالة الرصيد، وضع مخزون
  • صفات
  • إلخ.

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

موقع عقاري

دعنا نعود إلى مثال العقارات أعلاه.

إذا كنت تريد استخدام WordPress لإنشاء موقع لقائمة العقارات ، فعليك أولاً إنشاء نوع منشور مخصص "House". سنغطي أنواع المنشورات المخصصة لاحقًا ، ولكن نوع المنشور المخصص هو في الأساس مجرد "نوع" آخر من المحتوى مثل "المنشورات" و "الصفحات" الافتراضية في WordPress.

عند إضافة منزل جديد ، قد ترغب في القدرة على جمع المعلومات بسهولة مثل:

  • غرف نوم
  • الحمامات
  • لقطات مربعة
  • سعر
  • إلخ.

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

موقع مطعم

إذا كنت تنشئ موقعًا إلكترونيًا لمطعم ، فيمكنك استخدام الحقول المخصصة لمساعدتك في إنشاء قائمتك وصيانتها بسهولة.

يمكنك إنشاء نوع منشور جديد مخصص لـ "عنصر القائمة". بعد ذلك ، يمكنك إضافة حقول مخصصة لجمع معلومات مثل:

  • سعر الطبق
  • أي مخاوف تتعلق بالنظام الغذائي (على سبيل المثال ، يمكنك إضافة مربعات اختيار للإشارة إلى ما إذا كان الطبق خاليًا من الغلوتين ، وما إذا كان نباتيًا ، وما إلى ذلك)
  • سعرات حراريه
  • إلخ.

بمجرد نشر طبق جديد ، سيظهر تلقائيًا في القائمة بكل التنسيقات المناسبة.

سيكون من الأسهل أيضًا على المستخدمين غير التقنيين إضافة عناصر قائمة جديدة أو تغيير المعلومات أو إزالة عناصر القائمة.

تعرف على كيفية إنشاء موقع ويب لمطعم WordPress

ما الغرض من استخدام الحقول المخصصة؟

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

السؤال الأكثر أهمية هو - كيف يمكن أن تساعد الحقول المخصصة في تحسين موقع WordPress التالي الخاص بك؟

هل هناك أي مهام تنسيق محتوى متكررة تقوم بها حاليًا ويمكن تشغيلها تلقائيًا باستخدام الحقول المخصصة؟

هل ستساعد إضافة المزيد من المعلومات إلى موقعك المستخدمين لديك؟

هل تمنيت يومًا أن تتمكن من إنشاء مواقع WordPress أكثر تعقيدًا؟ مثل لوحة قائمة الوظائف؟ أو دليل الأعمال؟ أي شيء يتجاوز "المنشورات" و "الصفحات"؟

هل يستمر عملاؤك في كسر الأشياء لأنك منحتهم حق الوصول الكامل إلى المحرر؟ يعد هذا حلاً رائعًا - أنشئ حقولًا مخصصة لجميع الأشياء التي قد يرغب العميل في تغييرها ثم امنحهم حق الوصول إلى تلك الحقول المخصصة فقط. بهذه الطريقة ، لا يمكنهم أبدًا كسر أي شيء عن طريق الخطأ.

يمكن أن يستفيد كل موقع WordPress تقريبًا من الحقول المخصصة بطريقة ما - لذا فكر في كيفية مساعدة الحقول المخصصة في مجالك.

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

الآن ، دعنا ندخل في الخطوات الأكثر قابلية للتنفيذ حول كيفية إضافة وعرض الحقول المخصصة على WordPress.

كما هو الحال غالبًا مع WordPress ، هناك مساران يمكنك اتباعهما لإضافة حقول مخصصة:

  1. استخدم الطريقة اليدوية
  2. استخدم البرنامج المساعد

في جميع المواقف تقريبًا ، نوصي باستخدام مكون إضافي مخصص للحقل. ومع ذلك ، يتضمن WordPress ميزة حقل مخصص أصلية ، لذلك سنبدأ برنامجنا التعليمي هناك.

كيفية استخدام ميزة الحقول المخصصة الأصلية في WordPress (الطريقة اليدوية)

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

ربما لم تره مطلقًا ، لكن WordPress يتضمن ميزة لمساعدتك في إضافة حقول مخصصة من داخل محرر WordPress العادي.

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

سيُطلب منك بعد ذلك إعادة تحميل الصفحة لرؤية الحقول المخصصة:

إذا كنت تستخدم محرر Classic TinyMCE ، فيمكنك إظهار الحقول المخصصة عن طريق النقر فوق تبديل خيارات الشاشة في الجزء العلوي من الواجهة وتحديد مربع الحقول المخصصة.

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

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

بعد ذلك ، يمكنك استخدام مربع القيمة لإدخال المعلومات التي تريد تضمينها في الحقل المخصص:

يمكنك بعد ذلك عرض هذه المعلومات على موقعك باستخدام PHP.

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

لإلغاء تأمين قوة الحقول المخصصة حقًا ، يجب عليك استخدام مكون إضافي ، لذلك دعونا نغطي ذلك بعد ذلك.

كيفية إضافة حقول مخصصة إلى WordPress باستخدام البرنامج المساعد

الآن ، سنوضح لك كيفية إضافة الحقول المخصصة والعمل معها باستخدام مكون إضافي. بالإضافة إلى تسهيل التعامل مع الحقول المخصصة ، فإن الحقول المخصصة الجيدة تتيح لك أيضًا جمع أنواع مختلفة من المعلومات في الحقول المخصصة الخاصة بك. على سبيل المثال ، ستحصل على أنواع الحقول لـ:

  • نص
  • أعداد
  • عناوين URL
  • تحميل الصورة / الملف
  • مواقع خرائط جوجل
  • إلخ.

في هذا البرنامج التعليمي ، سنستخدم المكوّن الإضافي Advanced Custom Fields (ACF) ، والذي يعد أحد أكثر الخيارات شيوعًا. ومع ذلك ، هناك بعض الحقول المخصصة الممتازة الأخرى التي سنشاركها لاحقًا. بغض النظر عن المكون الإضافي الذي تختاره ، ستكون العملية الأساسية هي نفسها.

للبدء ، قم بتثبيت وتنشيط المكون الإضافي المجاني Advanced Custom Fields من WordPress.org.

ثم انتقل إلى الحقول المخصصة إضافة جديد .

يستخدم ACF ما يسميه "المجموعات الميدانية". مجموعة الحقول هي مجرد مجموعة من واحد أو أكثر من الحقول المخصصة التي يتم عرضها معًا في المحرر.

أولاً ، قم بتسمية مجموعة الحقول الخاصة بك واستخدم مربع " الموقع " لاختيار مكان إرفاق مجموعة الحقول. على سبيل المثال ، إذا كنت تريد استخدام هذه الحقول المخصصة لمنشورات المدونة العادية ، فيمكنك تعيينها بحيث:

نوع المنشور ... يساوي ... المنشور

بعد ذلك ، استخدم الزر + إضافة حقل لبدء إضافة الحقول المخصصة.

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

أهم خيارين هنا هما:

  • تسمية الحقل - هذا هو اسم الحقل. سيؤدي هذا أيضًا إلى ملء مربع اسم الحقل تلقائيًا ، وهي الطريقة التي ستشير بها إلى هذا الحقل برمجيًا (إذا لزم الأمر).
  • نوع الحقل - هذا هو نوع المعلومات التي تريد جمعها. يمكنك الاختيار من بين خيارات مختلفة مثل النص والرقم والبريد الإلكتروني وعنوان URL والصورة ومنتقي التاريخ وما إلى ذلك.

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

يمكنك بعد ذلك تكرار العملية لإضافة حقول إضافية. على سبيل المثال ، إليك مجموعة بسيطة من ثلاثة حقول لتشكيل مربع المراجعة الأساسي من قبل:

  • تقييم المراجعة - حقل رقمي يجمع تقييم المراجعة ، من 1 إلى 5 ، بزيادات 0.5.
  • اسم المنتج - حقل نص قصير يجمع اسم المنتج.
  • ملخص المراجعة - مربع نص أكبر يحتوي على ملخص قصير للمراجعة.

لاحظ الاختلافات في عمود النوع - يمكنك مشاهدة كيف يجمع كل حقل نوعًا مختلفًا من المعلومات.

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