استخدام Inspect Element (أدوات التطوير)
من أجل تخصيص كل قسم من Modern Events Calendar يدويًا، يمكنك استخدام أدوات التطوير داخل متصفحاتك ثم وضع الأكواد المخصصة في مربع CSS المخصص في إعدادات MEC أو السمة الخاصة بك.
كتابة كود CSS مخصص
يمكنك استخدام Inspect Element (أدوات المطور المضمنة في متصفحك) وتغيير كل قسم بنفسك:
إذا كنت تريد إجراء تغييرات على تصميمك، فيمكنك استخدام Inspect Element (أدوات التطوير) لرؤية الكود المصدر لموقع الويب الخاص بك وقواعد CSS المطبقة عليه.
للوصول إليه، انقر بزر الماوس الأيمن، ومن القائمة المنبثقة، حدد فحص العنصر (أو فحص أو أدوات المطور).
لمزيد من التفاصيل، يمكنك زيارة أداة فحص العناصر في كروم أو فايرفوكس. كما أن البحث على جوجل مفيد أيضًا.
على سبيل المثال، نحاول تغيير لون الحد الرمادي السفلي في التذييل.
إليك بعض الدروس التعليمية حول لغة CSS التي ستساعدك على كتابة أكواد CSS مخصصة خاصة بك: w3schools | CSS Units
استعلامات الوسائط لجميع الأجهزة
يمكنك استخدام "استعلامات الوسائط" لجعل تصميمك أكثر استجابةً على الأجهزة المحمولة والأجهزة اللوحية. انقر هنا أو هنا لمزيد من المعلومات حول استعلامات الوسائط في CSS.
بإمكانك تطبيق CSS على حجم شاشة مخصص باستخدام المثال التالي:
@media only screen and (max-width: 480px) {
/* PUT YOUR CSS CODE */
}
أو استخدم بين حجمين للشاشة:
@media (max-width: 960px) and (min-width: 481px){
/* PUT YOUR CSS CODE */
}
ملاحظة: إذا كنت ترغب في التأكد من استخدام جميع التخصيصات الخاصة بك فقط في صفحة الحدث الفردي، فأنت بحاجة إلى استخدام فئات الجسم مثل الفئات التالية (راجع لقطة الشاشة أدناه):
single-mec-events
or
mec-single-fluent-body
مرحباً! أريد تعطيل الترويسة والتذييل في صفحات الأحداث الفردية، أو ربما تغيير القالب الافتراضي لهذه الصفحات. قالبي لا يوفر هذه الإمكانية. كيف يمكنني فعل ذلك؟ شكراً!