كيفية إنشاء قوائم أقسام مميزة في بلوجر مع أيقونات SVG وتأثيرات CSS

كيفية إنشاء قوائم أقسام مميزة في بلوجر مع أيقونات SVG وتأثيرات CSS

تعتبر القوائم الرئيسية من العناصر الأساسية التي لا غنى عنها في أي مدونة محترفة، حيث تلعب دوراً محورياً في تحسين تجربة المستخدم وتسهيل الوصول إلى المحتوى. في هذا الدليل، سنقدم لك طريقة احترافية لإضافة قوائم متحركة بأيقونات جذابة تظهر حصرياً في الصفحة الرئيسية لمدونتك. سنتعرف معاً على مميزات هذه القوائم الذكية التي تم تصميمها خصيصاً لمنصّة بلوجر، وكيف يمكنها أن تعزز من جودة مدونتك بمظهر احترافي وسهل الاستخدام. سنغطي في هذا المقال الطرق المختلفة للإضافة والتخصيص مع ضمان التوافق الكامل مع جميع الأجهزة. المميزات الرئيسية للقوائم قبل البدء في خطوات الإضافة، دعونا نتعرف على أهم المميزات التي تقدمها هذه القوائم الذكية: ظهور حصري في الصفحة الرئيسية تظهر القوائم فقط في الصفحة الرئيسية للمدونة بفضل كود الشرط: <b:if cond='data:blog.url == data:blog.homepageUrl'> أيقونات SVG عالية الجودة تصميم متكامل بأيقونات SVG يمكن تخصيص ألوانها بسهولة: .outer-stroke { stroke: var(--linkC,#3078ffe8); } تصميم متجاوب تتكيف القوائم تلقائياً مع جميع أحجام الشاشات: .Mode-Weeb.m-p-2 li { width: 30%; } "هذه…