كيف أضيف عنصر واجهة مستخدم ” widget ” تحت منشورات ووردبريس ؟
هل سبق لك أن صادفت موقعاً به دعوة الاشتراك في النشرة الاخبارية مباشرة تحت منشوراته؟
في الواقع ، هذه التقنية منتشرة بكثرة في مواقع الويب . إذ تجد تحت كل مقالة عدة عناصر مثل: أزرار المشاركة في الشبكات الاجتماعية ، التوقيع ، سيرة المؤلف والمقالات ذات صلة بالموضوع وما إلى ذلك ؟ ..
كيفية إضافة الودجات تحت مقال ووردبريس
في هذا المقال إن شاء الله ، سأشرح لك كيفية إضافة منطقة الودجات تحت مقالاتك في ووردبريس، وذلك لتمكينك من إضافة أيّ أداة أو عنصر تريده في المنطقة المعينة بطريقة السحب والإفلات
تظهر مناطق الودجات هذه عادةً في الشريط الجانبي أو في منطقة التذييل. بحيث يمكنك إضافة وحفظ مناطق عناصر واجهة المستخدم المخصصة فيها ، ولكن هذا سيتطلب بعض التغيير والتبديل في التعليمات البرمجية.
لحسن الحظ المطورون دائماً في الموعد، لقد برمجوا طريقة سهلة تمكن المبتدئين من تضمين أيّ كود لإضافة العناصر المطلوبة.
تثبيت وإعداد المكون الاضافي Add Widget After Content
وسيتم إضافة الودجات تحت المقالات من خلال تثبيت وتفعيل البرنامج المساعد Add Widget After Content. وهو أول ما سنقوم به قبل المضي في الشرح. إطلع على مقالتي « كيفية تثبيت مكون إضافي بدون أخطاء » .
كيفية إضافة الودجات تحت مقال ووردبريس
بعد تنشيط المُكون الإضافي ، إنتقل إلى الشريط الجانبي من لوحة تحكم موقعك ووردبريس ، ثم ممر الماوس أو انقر على قائمة المظهر ومن القائمة المنسدلة ، إختر ودجات ، وفي قسم الودجات ستلاحظ وجود عنصر جديد يسمى “ After Content “.
الآن أصبح بإمكانك إضافة الودجات فيه وكل ما عليك فعله هو سحب وإفلات جميع الأدوات التي تريد ظهورها في منطقة عنصر واجهة المستخدم “After Content“.
يمكنك سحب أي عنصر (ودجت) إلى مكان « After Content » كما هو مبين أعلاه . وعند وصول العنصر إلى المكان المعين بواسطة السّحب ، ستظهر منظقة متاحة كما في الصورة أدناه. ثم قم بإفلات العنصر ليأخذ مكانه.
لاحظ معي كيف يتم إضافة إعداد أي عنصر مضاف إلى مساحة الودجات . فهو مبرمج سلفاً، فقط عليك أن تضيف بعض اللمسات الخاضة.
في مثالنا هذا ، قمت فقط بإضافة العنوان ( Title ) . ثم أنقر على زرحفظ (Save ) .
بمجرد الانتهاء والنقر على زر حفظ ، يمكنك زيارة أي مقال على موقعك لمشاهدة أدوات محتوى مقالتك التي أضفتها في الودجات بموضع After Content .
ستكون النتيجة مثل هذا:
كيفية إضافة الودجات تحت مقال ووردبريس
كيفية تحديد واختيار المقالات التي لا تريد أن تظهر بها ودجات After Content
إذا كنت لا ترغب في إظهار منطقة عنصر واجهة المستخدم تحت مقال أو محتوى معين ، فيمكنك إيقاف تشغيله بسهولة.
ما عليك سوى تحرير منشور ك الجديد بشكل عادي أو فتح أي مقال موجود سلفاً بمحرر نصوص ووردبريس من خلال لوحة تحكم موقعك. و في أسفل المحرر ، ستجد منطقة جديدة إسمها ” Widget After Content “. قم بتحديد المربع بجوار “Yes” لإيقاف عرض منطقة الودجات تحت المقال.
تنسيق الودجات تحت المقال
الآن بعد أن أكملت عملك ، وشاهدت النتيجة تحت المقال . ربما بدت لك غير مرتبة كما كنت تتخيل ، فقد تظهر بعضها تحت بعض بشكل غير مقبول وتريدها أن تظهر مرتبة كما في الشكل التالي:
كيفية إضافة الودجات تحت مقال ووردبريس
في هذا الجزء بالضبط ، ستحتاج إلى بعض مهارات CSS الأساسية. لماذا؟ لأن عرض عناصر واجهة المستخدم تتم إدارتها بواسطة القوالب المستخدمة في الموقع ، وبالتالي، لا يمكن توفير نمط أساسي يعمل مع جميع القوالب. على هذا الأساس، إذا لم يتم عرض العناصر تحت مقالك بشكل صحيح كما هو مبين في الصورة أعلاه ، فأنت بحاجة إلى إضافة بعض أكواد CSS لإصلاح هذه المشكلة.
بعد أن جرَّبِْـتُ الكود الموالي، أنصحك بإضافته في تنسيقات CSS الاضافية في التخصيص وسيتم حل المشكل.
راجع: هذا الدليل القصير
|
1 2 3 4 5 6 |
.awac-wrapper { margin: 0px auto; width: 30%; float: left; padding: 10px; } |
إذن، تمكنا بفضل الكود أعلاه من عرض عناصر واجهة المستخدم الخاصة بنا في شكل جدول منسق وجميل.
أرجو أن تساعدك هذه المقالة في إضافة منطقة عنصر واجهة مستخدم تحت مقالاتك ووردبريس.
في أمان الله
قناتي على اليوتوب
أرى أن هذه المواضيع قد تهمك:
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.