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

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

اشترك في قناتنا على اليوتيوب

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

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

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

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

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

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

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

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

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

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

استخدام البرنامج المساعد المتقدم الحقول المخصصة

كما هو الحال مع معظم الأشياء في WordPress ، لديك خياران للتنفيذ. يمكنك تحرير ملفات PHP يدويًا لإضافتها إلى وظائف الحقول المخصصة ، أو يمكنك استخدام مكون إضافي. في هذه الحالة ، نوصي بشدة باتباع مسار البرنامج المساعد. ومع ذلك ، إذا شعرت بالحاجة إلى تعديل PHP والدخول إلى الكود ، فيمكنك القيام بذلك ضمن Appearance - Theme Editor . إليك صفحة WP Codex في الحقول المخصصة لتستمر في العمل. يرتبط بعلامات القوالب المختلفة والخطافات التي ستحتاجها لجعلها تعمل.

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

بمجرد تثبيت ACF وتنشيطه ، ستلاحظ إدخال حقول مخصصة في الشريط الجانبي الأيسر من لوحة إدارة WordPress. يأتي مع ثلاثة خيارات: مجموعات الحقول ، إضافة جديد ، والأدوات .

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

أساسيات ACF

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

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

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

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

إنشاء الحقول المخصصة باستخدام ACF

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

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

ستكون كل هذه ضمن نفس المجموعة الميدانية ، لكن في مجالات مختلفة. كما ترون أعلاه ، هل هو متدفق؟ تم إعداد الحقل ليكون زر اختيار مع محدد نعم / لا المطلوب قبل النشر. بالإضافة إلى ذلك ، نريد أن يظهر الحقل الشرطي إذا تم وضع علامة " نعم" على الحقل . يتم ذلك ببساطة عن طريق الضغط على Add Field مرة أخرى.

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

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

وعندما تنشر منشورك ، ستكون البيانات الوصفية التي أدخلتها جزءًا من المنشور. لكن لا تزال هناك مشكلة واحدة. لا يمكنك رؤيته ، ولا يمكن للزوار رؤيته.

كيفية عرض الحقول المخصصة على واجهة WordPress الأمامية

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

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

ولكن نظرًا لأنه يقتصر على الحقول النصية ، فقد يكون استخدامه محدودًا للعديد من الأشخاص. يمكنك أيضًا الانتقال إلى PHP واستخدام كود ACF ، كما هو الحال في أمثلة التوثيق الخاصة بهم. يمكنك أيضًا الترقية إلى ACF Pro والوصول إلى كتلة Gutenberg المدمجة التي تعرض الحقل المخصص تمامًا كما تصممه في المنشئ.

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

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

أولاً ، تذكر أن الكثير من وحدات Divi يمكنها تقديم رموز قصيرة. في كثير من الأحيان ، يمكن ببساطة إدراج الحقول المخصصة للنصوص التي تم إنشاؤها في ACF باستخدام الرموز القصيرة الخاصة بها ، كما ذكرنا أعلاه.

بالنسبة لمثالنا أعلاه الذي يستخدم المنطق الشرطي وأزرار الراديو ، سنستخدم ميزة المحتوى الديناميكي في Divi. إنه سهل الاستخدام للغاية أيضًا. سنعرض لك هذا من خلال Divi Theme Builder ، ولكن يمكنك استخدامه حرفيًا في أي وحدة تدعمه في Divi builder العادي. انقر فوق Black + وحدد الوحدة التي تريدها. لهذا ، إنها وحدة النص .

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

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

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

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

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

تغليف

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

لماذا تستخدم حقول WordPress المخصصة؟

صورة مميزة بواسطة SurfsUp / shutterstock.com