إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

المقدمـة: إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟

  • ∴ هنا تتعلم تلويل قرص القائمة
  • ♦ هنا تتعلم تلوين دائرة القائمة
  • ∴ هنا تتعلم تلوين مربع القائمة 
  1. ♦  هنا تتعلم تلوين رقم القائمة
  1. ∴ هنا تتعلم تلوين حرف القائمة

 

في كثير من الأحيان عندما أكون منشغلاً بكتابة مقالة أو صفحة أتعمد استعمال محرر الكتابة في التبويب « نص» كي أبقى على صلة بلغة HTML الجميلة . و من خلالها أجرب بعض أكواد html و css  لإضفاء بعض الجمالية على النص كما هو الحال في مقالة:


 

 

إذا أعجبتك هذه التنسيقات، تابع معي الطريقة:

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

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

كما يمكنك اختيار القائمة المرقمة كما هو موضح في الرقم 1 على الصورة.

 

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

عندما تنسدل القائمة رقم 1 اختر منها الخيارات التي تناسبك، وإذا ضغطت على أيقونة القائمة المرقمة فإنك ستختار الأرقام بشكل افتراضي  وكلما انتقلت إلى سطر جديد ازداد رقم مثل:

القائمة بالأرقام أحرف إنجليزية صغيرة أحرف إنجليزية كبيرة
  1.  ^^
  2. …..
  3. ^^
  1.  …..
  2.  ….
  3.  ….
  1. …..
  2. …..
  3. …..

وهذا أيضاً:

أحرف يونانية أحرف رومانية صغيرة أحرف رومانية كبيرة
  1.  ^^
  2.  …. 
  3.  ^^
  1.  ….
  2.  …. 
  3.  ….
  1.  ….
  2.  …..
  3.  …..

عندما تنسدل القائمة رقم 2 اختر منها الشرائح النقطية التي تناسبك، وإذا ضغطت على أيقونة القائمة النقطية فإنك ستختار القرص الأسود بشكل افتراضي مثل:

 دائـرة قـرص مـربـع
  • ^^
  • …..
  • ^^
  • …..
  • …..
  • …..
  • …..
  • …..
  • …..

 

حسناً، الآن وصلنا إلى شرح كيفية تلوين الرموز التي تسبق كتابة القوائم كما في الجدولين السابقين.

المثـــال:


  1. أتعلم إنشاء قائمة رقمية
  2. أتعلم تلوين الأرقام
  3. الخلاصة
  • أتعلم إنشاء قائمة نقطية
  1. أتعلم إنشاء قائمة بحروف إننجليزية

 

تطبيقات حول تلويل القوائم النقطية والمرقمة


 

عندما ندخل إلى  محرر HTML عبر التبويب « نص » ( أنظر الرقم 3 في الصورة فوق ) سنجد هذا المثال مكتوب على هذا الشكل:

 

هكذا يتم إضافة أكواد CSS للتلوين القائمـة:

 

هذه هي النتيجـة:


 

  1. أتعلم إنشاء قائمة رقمية
  2. أتعلم تلوين الأرقام
  3. الخلاصة
  • أتعلم إنشاء قائمة نقطية
  1. أتعلم إنشاء قائمة بحروف إنجليزية

بكثرة التطبيقات ستصبح العملية سهلة .. بالتوفيق للجميع..

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

 

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

فكرتين عن“إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس”

اترك تعليقاً

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

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

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