كيفية إضافة الودجات تحت مقال ووردبريس

كيف أضيف عنصر واجهة مستخدم ” widget ” تحت منشورات ووردبريس ؟


هل سبق لك أن صادفت موقعاً به دعوة الاشتراك في النشرة الاخبارية مباشرة تحت منشوراته؟

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

الودجات عبارة عن كتل معلوماتية صغيرة تسمح لك بإظهار معلومات معينة لزوار موقعك الافتراضيين. يمكنك إضافة الودجات في الشريط الجانبي أو في شريط التذييل لموقعك ووردبريس . كما هو الحال في موقعي jabism.com

كيفية إضافة الودجات تحت مقال ووردبريس

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

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

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

تثبيت وإعداد المكون الاضافي Add Widget After Content

 

وسيتم إضافة الودجات تحت المقالات من خلال تثبيت وتفعيل البرنامج المساعد Add Widget After Content. وهو أول ما سنقوم به قبل المضي في الشرح.  إطلع على مقالتي « كيفية تثبيت مكون إضافي بدون أخطاء » .  

 

المكون الاضافي لإضافة الودجات تحت المقال Add Widget After Content

كيفية إضافة الودجات تحت مقال ووردبريس

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

الآن أصبح بإمكانك إضافة الودجات فيه  وكل ما عليك فعله هو سحب وإفلات جميع الأدوات التي تريد ظهورها في منطقة عنصر واجهة المستخدم “After Content“.

منطقة After Content في قسم الودجات ووردبريس

 

يمكنك سحب أي عنصر (ودجت) إلى مكان  « After Content » كما هو مبين أعلاه . وعند وصول العنصر إلى المكان المعين  بواسطة السّحب ، ستظهر منظقة متاحة كما في الصورة أدناه. ثم قم بإفلات العنصر ليأخذ مكانه.

منطقة After Content في قسم الودجات ووردبريس

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

في مثالنا هذا  ، قمت فقط بإضافة العنوان ( Title ) . ثم أنقر على زرحفظ (Save ) .تحت

إضافة عنصر الودجات في منطقة منطقة After Content

بمجرد الانتهاء والنقر على زر حفظ ، يمكنك زيارة أي مقال على موقعك لمشاهدة أدوات محتوى مقالتك التي أضفتها في الودجات بموضع After Content .

ستكون النتيجة  مثل هذا:تحت

 

تطبيق عنصر الودجات تحت مقال ووردبريس

كيفية إضافة الودجات تحت مقال ووردبريس

كيفية تحديد واختيار المقالات التي لا تريد أن تظهر بها ودجات After Content

 

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

ما عليك سوى تحرير منشور ك الجديد بشكل عادي أو فتح أي مقال موجود سلفاً بمحرر نصوص ووردبريس من خلال لوحة تحكم موقعك. و في أسفل المحرر ، ستجد منطقة جديدة إسمها ” Widget After Content “. قم بتحديد المربع بجوار “Yes” لإيقاف عرض منطقة الودجات تحت المقال.

 

كيفية إيقاف Widget After Content في بعض مقالات ووردبريس

 

تنسيق الودجات تحت المقال

الآن بعد أن أكملت عملك ، وشاهدت النتيجة تحت المقال . ربما بدت لك غير مرتبة كما كنت تتخيل ، فقد تظهر بعضها تحت بعض بشكل غير مقبول وتريدها أن تظهر مرتبة  كما في الشكل التالي:تحت

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

كيفية إضافة الودجات تحت مقال ووردبريس

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

بعد أن جرَّبِْـتُ الكود  الموالي، أنصحك بإضافته في تنسيقات CSS الاضافية  في التخصيص  وسيتم حل المشكل.

راجع: هذا الدليل القصير

 

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

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

في أمان الله


 

قناتي على اليوتوب

 

أرى أن هذه المواضيع قد تهمك:

 

شَـاركِ الْمَوْضُوع: 
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

حول الكاتب :   من أقصى شمال المغرب كاتب مقالات إلكترونية حول كيفية بناء موقع ويب ناجح : ووردبريس ، HTML ، CSS .ومواضيع مختلفة وناشط على اليوتيوب في قناة: Jabism Web و رحيل الليل
كتب 445 مقالة في jabism.com.
-:- راسلني   -:- تابعني على تويتر   -:- تابعني على الفايسبوك

23 عدد المشاهدات لهذا المحتوى
Scroll to Top