كيفية إضافة القطعة إلى صفحة وورد

نشرت: 2022-09-15

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

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

إذا كنت تريد استخدام الأداة على موقع الويب الخاص بك ، فاتبع الخطوات التالية: لإضافة الأداة إلى موقع الويب الخاص بك ، انتقل إلى الصفحة التي تريد ظهورها فيها والصق الرمز قبل انتهاء نص HTML. يجب عليك تضمين الرمز في كل صفحة ويب تريد ظهور الأداة عليها. تحقق من ضبط جدار الحماية الخاص بك للسماح لك بعرض Web Widget (Classic).

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

هل يمكنك إضافة أداة إلى صفحة WordPress؟

الائتمان: HostPapa

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

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

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

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

ما هي صفحات الأدوات؟

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

كيف تعمل القطعة في ووردبريس؟

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

كيف أضيف أداة إلى صفحة واحدة فقط في WordPress؟

الائتمان: WordPress

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

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

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

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

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

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

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

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

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

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

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

أداة صفحة Wp

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

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