كيفية إضافة عنصر واجهة النص في WordPress

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

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

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

حدد أداة عقابية من قائمة عناصر واجهة مستخدم لوحة معلومات WordPress. قم بسحب الأداة وإسقاطها في قائمة عناصر واجهة المستخدم "رأس الصفحة". يظهر في الصورة أعلاه.

أين هي أداة النص في WordPress؟

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

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

هناك طريقتان لإضافة عناصر واجهة مستخدم إلى WordPress. الطريقة الأولى هي استخدام لوحة تحكم WordPress. انتقل إلى المظهر> الحاجيات وأضف عنصر واجهة المستخدم الخاص بك إلى الموقع المطلوب. الطريقة الثانية هي إضافة عنصر واجهة المستخدم الخاص بك إلى ملف function.php لموضوعك.

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

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

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

كيف يمكنني إضافة نص إلى موقع WordPress الخاص بي؟

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

كيف يمكنني تحرير الفقرات في WordPress؟

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

محرر WordPress.com: كيفية الوصول إلى محرر النص

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

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

تعد إضافة عنصر واجهة مستخدم مخصص في WordPress عملية من خطوتين. أولاً ، ستحتاج إلى إنشاء ملف PHP لرمز عنصر واجهة المستخدم الخاص بك. بعد ذلك ، ستحتاج إلى إضافة بضعة أسطر من التعليمات البرمجية إلى ملف function.php الخاص بك لتسجيل عنصر واجهة المستخدم الخاص بك. الخطوة الأولى هي إنشاء ملف PHP لعنصر واجهة المستخدم الخاص بك. يجب أن يحتوي ملفك على ما يلي: class My_Custom_Widget توسع WP_Widget {// Widget constructor public function __construct () {$ widget_ops = array ('classname' => 'my_custom_widget'، 'description' => 'هذه هي أداتي المخصصة.') ؛ $ this-> WP_Widget ('my_custom_widget'، 'My Custom Widget'، $ widget_ops)؛ } // ودجة الوظيفة العامة لإخراج الأداة ($ args ، $ مثيل) {echo $ before_widget؛ صدى $ before_title. مثيل $ ['title']. $ after_title؛ صدى "هذه هي القطعة المخصصة لي." ؛ صدى $ after_widget؛ } // القطعة من نموذج الوظيفة العامة (مثيل دولار) {إذا (مثيل دولار) {$ title = esc_attr ($ مثيل ['عنوان']) ؛ } آخر {$ title = ”؛ }؟ >} // تحديث الوظيفة العامة لعنصر واجهة المستخدم ($ new_instance، $ old_instance) {$ example = $ old_instance؛ $ example ['title'] = strip_tags ($ new_instance ['title'])؛ عودة $ مثيل؛ }} أول شيء عليك القيام به هو إنشاء ملف PHP جديد وتسميته كيفما شئت. في هذا المثال ، أطلقنا عليه اسم my_custom_widget.php. بعد ذلك ، ستحتاج إلى نسخ الرمز أعلاه ولصقه في ملف PHP الجديد. يكون

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

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

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

أمثلة على الأدوات في ووردبريس

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

يتم إنشاء HTML من عنصر واجهة مستخدم PHP. يمكن وضع مناطق عناصر واجهة المستخدم على عدة صفحات أو على صفحة واحدة فقط. يمكن استخدام نفس النوع من عناصر واجهة المستخدم في نفس الصفحة عدة مرات (على سبيل المثال ، في جدول الخيارات ، يمكنك العثور على قائمة بخيارات عنصر واجهة المستخدم التي ستحفظ البيانات في قاعدة البيانات. وستكون هناك حاجة إلى فئة جديدة مع الامتداد WP_Widget للتطوير عنصر واجهة مستخدم نصي. باستخدام مُنشئ الفئة ، يمكنك تسجيل عنصر واجهة المستخدم الخاص بك عبر إجراء widgets_init. تؤدي وظيفة register_widget () وظيفتين: معالجة خيارات من نموذج وتعرض HTML لعنصر واجهة المستخدم في الواجهة الأمامية لموقعك ، ويتطلب معلمتين: مصفوفة anargs من قبل وأحد عناصر عنصر واجهة المستخدم. يتم وصف كل من عنوان الوظائف والنص والتحديث في هذه المرحلة.

في حالة وجود وظيفة العناوين ، فإنها تأخذ معلمتين ، $ title و $ text ، وتعيد القيم التي تم إدخالها مسبقًا إليهما. عند إرسال عنصر واجهة مستخدم ، تقوم وظيفة التحديث بتحديثه بخيارات جديدة. تم تحديد كل ما سبق ، وأنت على استعداد لبناء فئة عنصر واجهة المستخدم الجديدة وتشغيل الاختبارات. في هذا النموذج المصغر ، يجب عليك تسجيله باستخدام خطاف widgets_init. إذا كنت تستخدم PHP 5.3 ، فيجب عليك الاتصال بالمُنشئ مباشرةً كما هو موضح في المثال التالي. يمكن العثور على مزيد من المعلومات حول إجابة Stack Exchange هنا.

فوائد استخدام الأدوات في ووردبريس

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