Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Web Design
  2. WordPress
Webdesign

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

by
Length:MediumLanguages:

Arabic (العربية/عربي) translation by Iwan Subhan (you can also view the original English article)

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

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

سنسلك خلال الخطوات التالية:

  1. التركيب
  2. التكوين العام
  3. إنشاء لوحة الخيارات
  4. باستخدام خيارات داخل الموضوع

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

١. التثبيت

هناك ثلاث طرق يمكنك تضمينها في مشروعك ريدكس:

  • تثبيته كمكوِّن إضافي منفصل
  • تضمينه في جوهر الموضوع الخاص بك
  • تضمينه في مكون إضافي يعتمد على الموضوع

تثبيته كمكوِّن إضافي منفصل

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

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

ومن هنا تأتي إيجابيات وسلبيات هذا النهج:

سلبيات

الايجابيات

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

يمكنك تقليل حجم المظهر عندما لا تكون لوحة الخيارات جزءًا من جوهر الموضوع.

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

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

تضمينه في موضوعك الأساسية

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

سلبيات

الايجابيات

يزيد حجم حزمة السمات.

تجنب تثبيت إضافي للمكون الإضافي.

يمكن أن تنشأ مشكلات وقضايا محتملة من المكون الإضافي شك ثم.

تبدو لوحة خيارات المظهر أكثر ارتباطًا بمظهرك وأكثر تكاملاً.

عند تحديث المكون الإضافي ، ستحتاج إلى تحديث المظهر أيضًا.

تضمينه في مكون ملحق تابع

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

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

سلبيات

الايجابيات

لم أجد :)

تجنب تثبيت إضافي للمكون الإضافي.

تبدو لوحة خيارات المظهر أكثر تكاملاً لموضوعك.

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

٢. التكوين العام

إذا قمت بفحص مجلد البرنامج الإضافي ريدكس فرمورك الافتراضي ، فسوف تجد الكثير من الملفات والدلائل ، ولكن كل ما تحتاجه هنا هو مجلد ردكسكري.

the ReduxCore folder
مجلد ردكسكري

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

في ملف الوظيفة الإضافية الإضافي الخاص بك إضافة رمز:

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

٣. إنشاء لوحة الخيار

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

افتح ملف كنفج.فب الخاص بك وفي البداية أضف هذه الشفرة (لن تكون هناك حاجة لفتح علامة <؟ php إذا كانت موجودة بالفعل):

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

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

اجعله فريدًا ، باستخدام البادئات ، على سبيل المثال: yourbrandname_yourthemename.

بعد ذلك ، أضف الكود:

هذا ضروري لتكوين أي وسائط ريدكس التي تستخدم معلومات حول السمة المثبتة.

الحجج

في هذه المرحلة ، نحتاج إلى إضافة الحجج التالية:

هناك الكثير من الحجج هنا ، ولكن لا داعي للقلق ، سأبرز أهمها.

القائمة _ النوع

إذا كنت تريد أن تظهر صفحة خيار المظهر الخاص بك كعنصر منفصل منفصل للقائمة ، فيجب عليك تعيين هذه القيمة على menu ، إذا كنت بحاجة إلى خيارات المظهر الخاصة بك لتظهر كقائمة فرعية (أفضّل وضعها تحت المظهر) ، قم بتعيين القيمة إلى submenu.

وضع _ديف

يمكنك تمكين ذلك أثناء التطوير ، ولكن لا تنسَ تعطيله عند نشر المظهر.

تحديث _ إشعار

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

مخصص

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

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

إضافة أقسام

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

هنا أريد تسليط الضوء على سمة id - تأكد من أنها فريدة. يمكنك استخدام رموز مخصصة ، لكن حزمة الرموز الافتراضية هي عبارة عن الاسفيكونس.

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

إذا كنت ترغب في جعل القسم قسماً فرعياً من القسم الذي سبق إضافته ، فما عليك سوى إضافة وسيطة جديدة "subsection" => true.

الخيار نفسه ليس أكثر من مصفوفة مع الحجج ، على سبيل المثال:

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

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

٤. باستخدام خيارات داخل الموضوع

يقوم ريدكس بتخزين كافة الخيارات في متغير عمومي. تذكر متغير $ opt_name الذي أنشأناه في ملف كنفج.فب؟ هذا هو المتغير الذي يخزن جميع خياراتك ، ويمكنك الوصول إليها بالطريقة التالية.

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

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

إذا كنت بحاجة إلى المتغير الشامل داخل دالة أو إجراء آخر ، فيمكنك الإعلان عنه بدون هذه الوظيفة.

باستخدام خيارات

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

هناك نمط جيد لتجنب هذا الوضع - يبدو كالتالي:

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

استنتاج

شكرًا على القراءة ، آمل أن يؤدي ذلك إلى بدء استخدام ريدكس لخيارات المظهر! إذا كان لديك أي أسئلة أو اقتراحات ، يرجى ترك تعليق أدناه.

روابط مفيدة

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.