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

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

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

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

قومنا بعمل دورة احترافية تمكن المستخدم من العمل علي منصة اليوتيوب YouTube وتحتوي معلومات مفيدة في هذا المجال، يمكنك متابعة الدورة من هنا.

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

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

قبل القيام بالتعديل علي أية إضافة يجب معرفة كود هذه الإضافة التي ترغب في العمل عليها وأيضاً معرفة التعديلات التي تريد أن تجريها علي هذه الإضافة.

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

بعد التعرف علي كود الإضافة والبحث عنه في محرر HTML الخاص بقالب بمدونتك علي لوجر Blogger يجب إضافة كود الـ CSS هذا والذي يعطي عرضاً لكل عنصر في القائمة:

width: 50%;

width: 33%;

width: 25%;

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

يجب التخلص من أي مساحات في الجهة اليسري للعناصر الزوجية سواء كانت margin أو padding ويمكنك إضافة هذا الكود إلي معرف العنصر ومن ثم إضافة أكواد الـ CSS المطلوبة:

:nth-child(even){هنا أكواد CSS}

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

يمكنك إضافة حدود لعناصر القائمة لتظهر بمظهر أفضل من خلال إضافة كود CSS إلي كود العنصر:

border: 2px solid #006400;

يمكنك تحسين شكل حدود العناصر وإضهارها بشكل دائري من خلال إضافة كود CSS إلي كود العنصر:

border-radius: 15px;

تستطيع التعديل علي القيم السابقة بما يتناسب مع ذوقك وأنصحك بمتابعة هذه الحلقة لتفهم طريقة التعديل علي قائمة التصنيفات السحابية بشكلٍ صحيح.

اترك تعليق

لن يتم نشر عنوان بريدك الإلكتروني.

يستخدم موقعنا ملفات تعريف الارتباط لتحسين تجربتك. يمكنك الضغط علي موافق أو المزيد من المعلومات للحصول علي تفاصيل أكثر. موافقالمزيد من المعلومات