في عالم التعلم عبر الإنترنت، تلعب سهولة التنقل دورًا رئيسيًا في جذب المستخدمين والاحتفاظ بهم. تعد بطاقات الدورة القابلة للتخصيص طريقة رائعة لجعل موقعك الإلكتروني أكثر تفاعلية وغنية بالمعلومات.
تسمح هذه البطاقات للزوار بالعثور بسرعة على البرامج التي تهمهم والتنقل بسهولة إلى صفحات الدورة بنقرة زر واحدة فقط. في هذه المقالة، سننظر في كيفية إعداد قسم من بطاقات الدورة القابلة للتخصيص لتحسين سهولة استخدام موقعك الإلكتروني ومساعدة المستخدمين على تحقيق أهدافهم التعليمية بشكل أسرع.
بدلاً من استخدام البطاقات التعليمية عبر الإنترنت، يمكنك إضافة قوائم الدروس إلى صفحة الموقع الإلكتروني: فقط حدد الدورة المطلوبة في القسم وسيتم عرض جميع الدروس.
كيفية إضافة قسم "بطاقات الدورة"
لإضافة قسم "بطاقات الدورة"، انقر على "+" في وضع تحرير موقعك الإلكتروني.
ثم ابحث عن قسم "بطاقات الدورة" في القائمة التي تفتح وانقر عليه لإضافة القسم إلى موقعك الإلكتروني:
سيتم إضافة القسم إلى موقعك الإلكتروني، وستفتح لك قائمة إعدادات المحتوى:
قسم المحتوى
يتكون تكوين محتوى قسم بطاقات الدورة من اختيار دورة (دورات) تم إنشاؤها بالفعل في المشروع لعرضها على الموقع الإلكتروني وتخصيص عناصر البطاقة.
كيفية إنشاء دورات على منصة Mavibot موصوفة في قسم "الدورات عبر الإنترنت".
اختيار دورة
اختر الدورات التي ترغب في عرضها على موقعك الإلكتروني:
للقيام بذلك، حدد المربع بجانب اسم الدورة المطلوبة.
بدورها، سيتم عرض الدورات المحددة فورًا على صفحة موقعك الإلكتروني مع الغلاف الذي قمت بتعيينه في إعدادات الدورة.
التخصيص
بعد تحديد الدورات المطلوبة، انتقل إلى تخصيص عناصر البطاقة:
- الظل
بالنسبة لبطاقات الدورة في القسم، يمكنك ضبط شدة الظل:
a) بدون ظل:
b) ظل خفيف:
c) ظل قوي:
إعدادات ألوان عناصر البطاقة
قم بتخصيص مظهر البطاقة عن طريق ضبط الألوان للعناصر المختلفة. يمكنك أيضًا إضافة تأثيرات تفاعلية عند التمرير.
- لون النص: يغير لون النص الأساسي على البطاقة (باستثناء الأزرار).
- خلفية البطاقة: يحدد لون خلفية البطاقة.
- لون الحدود: يحدد لون المخطط أو الإطار للبطاقة.
- نص الزر: يحدد لون النص داخل الزر (الحالة الثابتة).
- خلفية الزر: يحدد لون خلفية الزر.
تأثيرات التمرير التفاعلية (قسم اختياري):
قم بتمكين تأثيرات التمرير لتغيير لون هذه العناصر ديناميكيًا عندما يحرك المستخدم المؤشر فوق البطاقة.
الآن أنت تعرف كيفية عرض الدورات المتاحة في موقع MaviBot الخاص بك باستخدام قسم "بطاقات الدورة".
للحصول على إعدادات الخلفية والعرض، راجع المقالة "إعدادات القسم العامة".
كيفية إضافة كتلة "الدروس"
لإضافة كتلة لعرض قائمة الدروس في الدورة، انتقل إلى وضع تحرير الموقع الإلكتروني ومرر فوق مساحة العمل، ثم انقر على "+":
تفتح قائمة على اليمين تحتوي على الأقسام المتاحة للموقع، حيث تحتاج إلى العثور على كتلة "الدروس":
انقر على "بطاقات الدورة"، ثم ستفتح قائمة لتكوين محتوى الكتلة:
كل ما عليك فعله هو تحديد الدورة المطلوبة، التي تم إنشاؤها بالفعل في Mavibot، من القائمة المنسدلة والنقر على "حفظ".
ثم انتقل إلى الإعدادات لتخصيص محتوى الكتلة:
التخصيص
عند النقر على زر "الإعدادات" والمرور فوق القسم، تفتح إعدادات تخصيص المحتوى والكتلة نفسها:
ما هي الإعدادات المتاحة؟
- نمط قائمة الدروس
افتراضيًا، يتم عرض نمط قائمة الدروس بتنسيق جديد. إذا لزم الأمر، يمكنك تعيين نسخة أكثر إيجازًا من التنسيق الكلاسيكي:
- نمط الترقيم
نمط الترقيم متاح لنمط جديد لعرض دروس الدورة. يتغير الترقيم في بطاقة الدرس نفسها:
- أيقونات الدروس
يتم عرضها إذا قمت بإضافة معاينة داخل الدرس نفسه في إعدادات الدورة.
كيفية إضافة الأيقونات
الخطوة 1. انتقل إلى إعدادات الدرس:
للقيام بذلك، انتقل إلى وضع إعدادات الدورة وابحث عن علامة التبويب "الدروس":
بعد ذلك، انقر على "تحرير"، وبعد ذلك ستفتح صفحة الدرس للتحرير.
الخطوة 2. افتح إعدادات صفحة الدرس.
انتقل إلى قسم "عام" في إعدادات صفحة الدرس:
الخطوة 3. قم بتحميل معاينة الدرس
قم بتوسيع قائمة إعدادات الصورة في إعدادات المعلومات الأساسية:
قم بتحميل صورة لمعاينة الدرس:
احفظ الإعدادات.
تم! الآن سيتم عرض معاينات الدروس كأيقونات في قسم الدروس على الموقع الإلكتروني.
- نمط الخلفية
يضيف حجمًا وتفردًا لبطاقات الدروس الخاصة بك:
- تدوير العناصر
يتم تعيين القيمة بالبكسل وتدوير زوايا بطاقات الدروس.
- نمط بطاقة الدرس
يساعد في ترتيب بطاقات الدروس في صف واحد أو في صف مع أو بدون وصل.
- لون الخلفية والنص
تتوفر لوحة ألوان واسعة لتعيين لون خلفية البطاقة ولون الخط على بطاقة الدرس:
الآن أنت تعرف كيفية إضافة قوائم الدروس إلى موقعك الإلكتروني وتخصيص محتوى القسم.
للحصول على إعدادات الخلفية والعرض، راجع المقالة "إعدادات القسم العامة".