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