كيفية إنشاء القطعة في موضوع طفلك

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

لقد صنعت موضوعًا فرعيًا ، وأود إضافة منطقة شعار دعائية أعلى التذييل. أفترض أن طريقة القيام به هي استخدام عنصر واجهة مستخدم؟ كيف أقوم بإنشاء عنصر واجهة مستخدم جديد أو استخدام أحد عناصر واجهة مستخدم التذييل الحالية بحيث يتم عرضها في المكان الذي أريده؟ بالذهاب إلى المظهر. الخطوة 1 مطلوبة إذا كنت تريد التحكم الكامل في الشريط الجانبي أو تريد تغيير إعداداته. من الممكن تقنيًا إنجاز ما تريده ، ولكن التطوير المخصص مطلوب. يمكنك إلقاء نظرة على https://theme.co/x/member/custom-development لمزيد من المعلومات.

كيف يمكنني إنشاء عنصر واجهة مستخدم مخصص في WordPress؟

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

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

تم إنشاء عنصر واجهة المستخدم كنتيجة لطريقة __construct () باستخدام المعلمة custom_widget. باستخدام register_widget () في النهاية ، يمكن تسجيل نفس عنصر واجهة المستخدم. نظرًا لأنه يجب إضافة كل جزء إلى خيارات عنصر واجهة المستخدم باستخدام عبارة if *… * ، فقد تأكدنا من عرضه فقط إذا تم تضمينه. توفر طريقة widget () طريقة لعرض نصوص متعددة الفقرات ، وقد استخدمنا وظيفة nl2br () للقيام بذلك. تزيل وظيفة sanitize_text_field () أي مسافات بيضاء أو علامات تبويب أو فواصل أسطر غير ضرورية. يحتوي الأخير أيضًا على قيمة افتراضية تم تعيينها كقيمة افتراضية داخل حقل التحديد ، مما يعني أنه تم تعيين هدف الارتباط على فارغ افتراضيًا. يمكنك تحديد العنوان والنص والرابط وما إذا كان الارتباط يجب أن يكون موجودًا في علامة تبويب جديدة أم لا.

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

كيفية إنشاء موضوع الطفل

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

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

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

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

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

3 أشياء يجب وضعها في الاعتبار عند إنشاء موضوع طفل

يتطلب إنشاء نسق فرعي إنشاء مجلد يتم تخزين السمة فيه. قم بإعداد ورقة أنماط ووظيفة في هذا المجلد. بعد ذلك ، في مجلد النسق الفرعي ، انسخ ملفات النسق الأصل. دعنا نذهب إلى السرير.
يجب التفكير في موضوع الطفل بعدة طرق. يرجى تذكر تضمين اسم ملف القالب الرئيسي في الخطوة الأولى. على سبيل المثال ، إذا كان النسق الرئيسي الخاص بك هو WPBakery Page Builder ، فيجب تسمية القالب الفرعي الخاص بك WPBakery Page BuilderChild. الشيء الثاني الذي يجب القيام به هو حفظ ملفات القالب الأصلي ، بالإضافة إلى ورقة الأنماط وملفات function.php. تأكد من أن ملفات النسق محدثة وأنها في الموقع الصحيح.
إذا كنت تقوم بإنشاء سمة فرعية لمكوِّن إضافي ، فستحتاج إلى الاحتفاظ بملفات المكون الإضافي في مجلد القالب الفرعي. يجب أن يشتمل السمة الفرعية للمكوِّن الإضافي WPBakery Page Builder على مجلد ملحق WPBakery Page Builder بالإضافة إلى مجلد السمات الفرعي الخاص بالملحق الفرعي WPBakery Page Builder.

وورد موضوع الطفل

قالب WordPress الفرعي هو سمة ترث وظائف سمة أخرى ، تسمى السمة الرئيسية. السمات الفرعية هي الطريقة الموصى بها لتعديل سمة موجودة. عند تنشيط سمة فرعية ، ستتجاوز ورقة أنماط السمة الأصلية وملفات القالب والوظائف.

باستخدام منصة WordPress ، يمكنك تخصيص موقع ويب بالكامل دون معرفة HTML أو CSS أو PHP. العيب هو أن أي تغييرات يتم إجراؤها على السمة بعد تحديثها من قبل المطور سيتم محوها. بدلاً من استخدام سمة فرعية ، يمكنك استخدام سمة تسمح لك بإجراء تغييرات على موقع ويب دون الحاجة إلى إعادة لمس الملفات الأصلية. يمكن تعديل ملفات النسق الحالي أو الإضافة إليها كقالب فرعي. سيغير هذا المظهر الأجزاء التي تريد تغييرها فقط وسيستخدم نفس الأجزاء من السمة الأصلية. الأجزاء الثلاثة الأكثر أهمية للقالب الفرعي هي مجلد وورقة أنماط وملف function.html. يجب أن يحتوي النسق الفرعي على ثلاثة مكونات: المجلد الخاص به ، وورقة الأنماط ، وملف function.php الخاص به.

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

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

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

تتيح لك أدوات ربط السمات تخصيص سمة فرعية دون الحاجة إلى تعديل الملفات الأساسية. خطافات السمات هي أيقونات صغيرة تظهر في ملفات النسق وتسمح لك بإضافة محتوى ووظائف وعناصر أخرى. تأتي الخطافات في نوعين: خطافات الحركة وخطافات المرشح. يقوم خطاف المرشح بتعديل الوظائف الموجودة في موقع الخطاف ، بينما تضيف خطافات الحركة وظائف مخصصة للوظائف الموجودة. من السهل إنشاء سمة فرعية في WordPress: كل ما تحتاجه هو سطر واحد من التعليمات البرمجية. لهذا السبب ، نعتزم استهداف وظيفة تتعامل مع اعتمادات التذييل في موضوع Twenty Fifteen. يجب إزالة ملف footer.php المعدل في ملف functions.html في المظهر الفرعي الخاص بك.

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

3 مناسبات عندما يكون موضوع الطفل مفيدًا

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

كيفية إنشاء موضوع الطفل في ووردبريس خطوة بخطوة

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

كيف تنشئ موضوعًا فرعيًا في ووردبريس

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

أداة WordPress المخصصة

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

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

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

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

كيف يمكنني إضافة أنماط مخصصة إلى أدوات WordPress؟

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

كيف يمكنني تغيير مظهر أداة WordPress؟

في شاشات إدارة WordPress ، انتقل إلى المظهر> التخصيص. يمكنك الوصول إلى شاشة تخصيص عنصر واجهة المستخدم بالنقر فوق قائمة القطعة في مُخصص السمة. للعثور على عنصر واجهة المستخدم الذي تم تسجيله بالفعل ، انقر فوق السهم لأسفل في منطقة عنصر واجهة المستخدم.