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

الطريقة الأولى: عرض المشاركات في الشريط الجانبي لـ ووردبريس :

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

إضافة قسم المقالات المميزة

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

 

النتيجة

 

يمكن للزوار النقر علي اي مقالة مميزة وسوف تظهر له لقراءتها

الطريقة الثانية: ميزة المشاركات في الشريط الجانبي لـ ووردبريس باستخدام القوائم :

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

أولاً ، تحتاج إلى زيارة صفحة المظهر » القوائم والنقر على رابط” إنشئ قائمة جديدة “.

من القوائم إضافة قسم المقالات المميزة

بعد ذلك ، تحتاج إلى إدخال اسم لقائمتك ليساعدك في التعرف عليها بسهولة كلما احتجت إلى إضافتها في مكان ما. بعد ذلك ، انقر فوق الزر “إنشاء قائمة” للمتابعة.

قائمة فرعية

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

بعد تحديد المقالات التي تريد إضافتها ، انقر فوق الزر “أضف إلى القائمة”. ستظهر مشاركاتك الآن ويمكنك تعديل كل عنوان من عناوينها من خلال النقر عليها. يمكنك أيضًا إعادة ترتيبها عن طريق سحبها لأعلى أو لأسفل

ودجات اضافة قائمة

بمجرد أن تشعر بالرضا ، انقر فوق الزر “حفظ القائمة” لتخزين تغييراتك. القائمة الخاصة بك جاهزة الآن للاستخدام.

إضافة قسم المقالات المميزة في الشريط الجانبي :

ما عليك سوى الانتقال إلى المظهر »ودجات وإضافة أداة” القوائم “إلى الشريط الجانبي.

ودجات ووردبريس

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

النتيجة

الطريقة الثالثة: إضافة مقالات مميزة في ووردبريس باستخدام المحرر

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

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

كتبة عادية

إعادة استخدام مكون مقالات المميزة :

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

المكون الاضافي إضافة قسم المقالات المميزة

بعد ذلك ، سيُطلب منك تقديم اسم للمكون القابل لإعادة الاستخدام. امنحه اسمًا يساعدك في التعرف عليه بسهولة لاحقًا.

كتابة الاسم

انقر فوق الزر “حفظ” لحفظ المكون القابل لإعادة الاستخدام. الآن ، عندما تقوم بتحرير مقال أو صفحة حيث تريد عرض مقالاتك المميزة مرة أخرى. ما عليك سوى النقر على زر إضافة جديدة والبحث عن مكون القابل لإعادة الاستخدام بكتابة اسمه. هكذا

إضافة قسم المقالات المميزة

يمكنك أيضًا تعديل المكونات القابلة لإعادة الاستخدام وسيتم تحديثها تلقائيًا في كل مكان.

الطريقة الرابعة: عرض المقالات المميزة في ووردبريس باستخدام الصور المصغرة :

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

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

1
[display-posts id="1,1178,1177,1176,1174,1173,1016,1011," image_size="thumbnail" include_excerpt="true" excerpt_length="10"]

لا تنس استبدال قيم المعرفات لتتطابق مع معرفات المقالات التي تريد تمييزها. وسوف نشرح هذا بالتفصيل لاحقاً . ولكن الان اسهل طريقة مرر السهم علي اي مقال سوف تري رابط اسفل الصفحة  الرقم بين Post و Action هو قيمة المعرف .

New Picture 93

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

New Picture 91

يمكنك الآن نسخ ولصق CSS التالي في مربع CSS المخصص على موقع الويب الخاص بك.

ul.display-posts-listing img {
max-height:50px;
max-width:50px;
float:left;
padding-right:4px;
}
ul.display-posts-listing li {
margin-bottom:20px;
font-size:11px;
display:inline-block;
}

سترى معاينة مباشرة لتغييراتك مطبقة على مدونة ووردبريس الخاصة بك. لا تتردد في تعديل CSS لتلبية متطلباتك. بمجرد الانتهاء من ذلك ، لا تنس النقر على الزر “نشر” في الجزء العلوي لتخزين CSS المخصص.

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

اشترك في القائمة البريدية واحصل على كتاب

ادوات تحتاجها لبناء موقعك الاكتروني

لقد تم اشتراكك في القائمة قم بتفعيل اشتراكك للحصول على الكتاب

Share This
%d مدونون معجبون بهذه: