قائمة الأيقونات عبارة عن مجموعة من العناصر المرئية المعروضة بتنسيق قائمة. يتم استخدامها في سياقات مختلفة لتعزيز الجاذبية المرئية وسهولة قراءة منشورات مدونتك ومحتوى الصفحة.
تُستخدم قوائم الأيقونات في الغالب لعرض ميزات المنتجات والنقاط الرئيسية والفوائد وما إلى ذلك، في شكل قوائم. وهي تقسم المحتوى الكبير إلى أجزاء صغيرة يمكن مسحها ضوئيًا حتى يتمكن القراء من فهمها بسرعة وسهولة.
في منشور المدونة هذا، سنعرض لك طريقتين سهلتين لكيفية إضافة قائمة أيقونات في WordPress. كن معنا حتى النهاية.
إنشاء جداول جميلة
مع محرر الكتل
الطريقة 1: استخدام الكتل النهائية
الكتلة النهائية هو مكون إضافي لكتل Gutenberg يحتوي على أكثر من 25 كتلة مخصصة. "القائمة المصممة" هي كتلة بارزة بينها. هنا، سنوضح لك كيفية استخدام هذه الكتلة.
الخطوة 1: تثبيت البرنامج الإضافي Ultimate Blocks
اذهب الى المكونات الإضافية > إضافة مكون إضافي جديد قم بإنشاء لوحة تحكم WordPress الخاصة بك. ابحث عن المكون الإضافي عن طريق كتابة Ultimate Blocks في مربع البحث. ثَبَّتَ و فعل المكون الإضافي بعد ظهوره أدناه.
الخطوة 2: أضف كتلة القائمة المصممة إلى المحرر
مثل أي كتلة جوتنبرج، انقر على زر الإضافة (+) و نوع القائمة المصممة في مربع البحث. عندما تظهر الكتلة، أضف إلى المحرر.
الخطوة 3: إضافة عناصر إلى كتلة القائمة المصممة
يمكنك أن ترى أن كتلة القائمة المصممة تمت إضافتها إلى المحرر. الآن، حان الوقت لإضافة عناصر إلى القائمة. يمكنك إدراج ميزات منتجك.
لقد أضفنا بعض النصوص الوهمية إلى كتلة القائمة المصممة.
الخطوة 4: حدد الرمز الخاص بقائمة الكتل المصممة
حدد كتلة القائمة المصممة بالكاملستشاهد أيقونة علامة الاختيار الافتراضية أسفل علامة التبويب "الإعدادات". انقر على أيقونة علامة الاختيار.
سيتم فتح مربع يحتوي على مجموعة من الرموز. حدد الرمز الذي تريده. سيتم تطبيق الرمز على كتلة القائمة المصممة بالكامل.
الخطوة 5: تخصيص كتلة القائمة المصممة
تحت علامة التبويب "الإعدادات"، ستجد العديد من الخيارات الأخرى التي يمكنك من خلالها تخصيص الكتلة. وهي:
حجم الأيقونة – زيادة أو تقليل حجم الرمز.
عدد الاعمدة – عرض قائمة كتلة في أعمدة متعددة.
عدد الأعمدة في الجوال – عرض كتلة القائمة في أعمدة متعددة في الهاتف المحمول.
المسافة بين العناصر (بكسل) - زيادة أو تقليل المسافة بين عناصر القائمة.
الخطوة 06: تصميم قائمة منسقة
التالي، انتقل إلى علامة التبويب "الأنماط"يمكنك تغيير لون الرمز ولون نص القائمة ولون خلفية القائمة من هذه علامة التبويب.
بعد ذلك، يمكنك إضافة الحشو والهامش لإعطاء الكتلة التصميم الذي تريده.
وبذلك، يمكنك إنشاء قائمة أيقونات باستخدام البرنامج الإضافي Ultimate Blocks.
الطريقة 2: استخدام Tableberg
قد ترغب غالبًا في إضافة قوائم أيقونات إلى جداول WordPress الخاصة بك. لكن كتلة الجدول الافتراضية لا تسمح لك بالقيام بذلك. لذا، قم بتثبيت Tableberg يمكنك إنشاء جداول شاملة ومتعددة الأغراض لموقعك باستخدامها.
الخطوة 1: تثبيت البرنامج الإضافي TableBerg
ثَبَّتَ و فعل قم بإضافة Tableberg إلى موقعك.
عملية إنشاء الجداول باستخدام البرنامج الإضافي هي نفسها تقريبًا مثل كتلة الجدول الافتراضية. اتبع هذا الدليل لمعرفة كيفية إنشاء الجداول باستخدام TableBerg.
ملحوظة:تأتي النسخة المجانية من Tableberg مع قائمة كتلة. لاستخدام كتلة القائمة المصممة، تحتاج إلى الحصول على النسخة الاحترافية من Tableberg.
الخطوة 2: إضافة كتلة القائمة المصممة إلى الجدول
حدد الخلية التي تريد إضافة قائمة الأيقونات إليها. بمجرد تحديد الخلية، سترى أيقونة علامة الجمع (+).
انقر على أيقونة الإضافة (+). البحث و أضف كتلة القائمة المنسدلة الى الخلية.
سيتم إضافة كتلة القائمة المصممة إلى الجدول على الفور.
الخطوة 3: إضافة عناصر إلى كتلة القائمة المصممة على الجدول
أضف العدد الذي تريده من العناصر إلى الجدول.
الخطوة 04: تعيين أيقونة لكتلة القائمة المصممة
حدد كتلة القائمة المصممة بالكامل. اذهب إلى علامة التبويب "الإعدادات" على الشريط الجانبي الأيمن. انقر على أيقونة علامة الاختيار تحت خيار إعدادات الأيقونات.
سيتم فتح نافذة منبثقة تحتوي على مجموعة من الأيقونات. حدد الأيقونات التي تعجبك.
سيتم تطبيق الرمز المحدد على كتلة القائمة المصممة بالكامل.
الخطوة 5: تخصيص كتلة القائمة المصممة
تحت خيار إعدادات الأيقونات، ستجد طرقًا لتخصيص حجم الأيقونات ومسافات الأيقونات.
الخطوة 06: تصميم قائمة منسقة
انتقل إلى علامة التبويب "الأنماط"يمكنك تغيير لون الرمز، ولون النص، ولون الخلفية، والحشو للكتلة.
وبذلك، يمكنك إضافة وإنشاء قوائم الأيقونات على جداول WordPress.
خاتمة
لا تساعد قوائم الأيقونات في WordPress في نقل المعلومات الأساسية للمستخدمين فحسب، بل إنها تعمل أيضًا على تحسين التنقل والجماليات في المحتوى الخاص بك. أثناء تخصيص الكتلة، يجب أن تضع في اعتبارك اتساق العلامة التجارية ودرجة قابلية القراءة وتسلسل المحتوى.
لن تصبح قائمة الأيقونات الخاصة بك مرئية للمستخدمين إلا إذا توفرت مجموعة من هذه الأشياء. هذا كل شيء لهذا اليوم.
اقرأ أيضاً:
