بطاقات قابلة للتخصيص

تم تصميم قسم "البطاقات القابلة للتخصيص" في أداة إنشاء المواقع لأولئك الذين يرغبون في عرض المعلومات الرئيسية عن منتجاتهم أو خدماتهم أو تقييمات العملاء بسهولة وسرعة. تتيح لك هذه الكتل إضافة بطاقات جذابة بصريًا إلى صفحة الموقع، ويمكن تخصيصها لتلبية احتياجات عملك.

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

كيفية إضافة كتلة؟

لإضافة قسم "البطاقات القابلة للتخصيص"، انقر على "+" في وضع التحرير لموقعك الإلكتروني:

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

كيفية إضافة بطاقة؟

في قائمة تحرير محتوى قسم "البطاقات القابلة للتخصيص"، سترى أقسامًا مختلفة للإعدادات: نمط البطاقات، الصور، الأزرار، إلخ.

لتسهيل الأمر عليك، يمكنك إضافة البطاقات أولًا لترى كيف تنطبق إعدادات النمط على البطاقات.

للقيام بذلك، مرّر إلى أسفل في قائمة إعدادات المحتوى وابحث عن زر "إضافة بطاقة":

عند النقر على زر "إضافة بطاقة"، ستظهر لك إعدادات بطاقة تحتوي على حقل نص فارغ، وشريط لتحميل صورة للبطاقة وأيقونة الزر، بالإضافة إلى نص الزر نفسه:

حقول إعدادات البطاقة اختيارية: أي يمكنك تخطي، على سبيل المثال، تحميل صورة للبطاقة نفسها أو لأيقونة الزر، أو إدخال نص - فكل شيء يعود لتقديرك.

إذا كنت، على سبيل المثال، لا تحتاج إلى زر يحتوي على رابط في البطاقة، فاترك حقلي "اسم الزر" و"الرابط" فارغين: عندها لن يتم عرض الأزرار في البطاقة.

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

للقيام بذلك، حدّد النص (أو جزءًا منه) وطبّق الإعدادات اللازمة عليه:

بعد أن تنتهي من إعداد البطاقة الأولى بالكامل، أضف التالية: للقيام بذلك، انقر على زر "إضافة بطاقة" الموجود أسفل شريط الإعدادات للبطاقة الأولى التي تمت إضافتها:

إعدادات البطاقات

تُضبط البطاقات بنمط واحد: جميع الإعدادات التي تستخدمها في هذا القسم ستُطبَّق على جميع البطاقات في القسم نفسه.

نمط البطاقات

يوجد نمطان للبطاقات في أداة إنشاء المواقع Mavibot: نمط بسيط ونمط على شكل منزلق.

عند استخدام النمط البسيط، ستُعرض جميع البطاقات فورًا في صفحة واحدة من قسم الموقع:

عند استخدام نمط "المنزلق"، ستظهر البطاقات على شكل شريط عرض متتابع، مما يضيف مزيدًا من الحيوية إلى الموقع:

في نمط المنزلق، يمكنك اختيار مكان ظهور أسهم البطاقة والنقاط:

يمكن أن تكون الأسهم داخل المنزلق أو خارجه أو مخفية (على سبيل المثال، إذا قمت بتعيين مؤقت لتقليب البطاقات تلقائيًا):

يمكن أيضًا أن تكون النقاط داخل المنزلق أو خارجه أو مخفية.

لتمرير البطاقات تلقائيًا، اضبط الفاصل الزمني لعرض صفحة واحدة:

إذا كانت قيمة المؤقت مضبوطة على 0، فلن يتم تمرير البطاقات تلقائيًا.

انتبه!

يتم ضبط الوقت بالمللي ثانية، حيث إن المللي ثانية الواحدة تساوي 0.001 ثانية. وهذا يعني أنه إذا كنت بحاجة إلى ضبط 7 ثوانٍ، فأدخل القيمة 7000 في الحقل.

يمكنك أيضًا اختيار نوع البطاقة:

إعدادات ألوان عناصر البطاقة

لتخصيص البطاقات بما يناسب أسلوبك، استخدم إعدادات الألوان:

تُطبَّق إعدادات الألوان على جميع البطاقات في الوقت نفسه. إذا كنت تحتاج إلى أن يكون لون النص مختلفًا في كل بطاقة، فاستخدم الإعدادات في حقل النص.

تتوفر لوحة ألوان واسعة لتخصيص الألوان:

ويمكنك تطبيق إعدادات الألوان على أي عنصر في البطاقة.

إعداد الحدود والحشوات الداخلية

1. عدد البطاقات في الصف - حقل نصي يساعدك على تحديد العدد المطلوب من البطاقات في صف واحد (صفحة واحدة).

2. الحشوات الداخلية - هي حقول لإدخال قيم رقمية تساعد على زيادة أو تقليل الهوامش الأفقية/العمودية بين البطاقات، وكذلك الهوامش داخل البطاقات،

يمكنك تعيين قيمة رقمية عامة للمسافة الداخلية داخل البطاقات، أو بالنقر على الترس في الزاوية اليمنى من السطر، تعيين قيمة منفصلة للحدود العلوية والسفلية واليسرى واليمنى:

اتجاه البطاقة

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

المحاذاة

يمكن أن تكون في الوسط، أو عند الحافة اليسرى أو اليمنى.

إعدادات الظل

يساعد ذلك على إضافة عمق إلى البطاقات وإبرازها مقابل خلفية القسم/الصفحة.

إعدادات الصورة

تُطبَّق إعدادات الصورة أيضًا على جميع الصور التي أضفتها إلى البطاقة.

في إعدادات الصورة، تحتاج إلى ضبط:

أ) عرض الصورة:

يتقبل الحقل قيمة رقمية بالبكسل، وإذا لم تُحدَّد، فسيُعرض تلقائيًا وفقًا للعرض الفعلي للصورة بالبكسل.

ب) ارتفاع الصورة:

يتقبل الحقل قيمة رقمية بالبكسل، وإذا لم تُحدَّد، فسيُعرض تلقائيًا بما يتناسب مع الارتفاع الفعلي للصورة.

ج) الاستدارة:

الحقل الذي يقبل قيمة رقمية بالبكسل يساعد على تدوير زوايا الصورة:

د) حجم الصورة:

يُطبَّق هذا الإعداد إذا كان من الضروري ملء/تمديد/تحديد موضع الصورة بالنسبة إلى العرض والارتفاع المحددين لها.

هـ) خانة الاختيار "الصورة بعد النص"

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

كيفية إعداد الأزرار

الـ نص، وكذلك الرابط إلى الصفحة التي يجب على زائر موقعك النقر عليها، يتم ضبطها داخل البطاقة نفسها:

كما يمكنك، بالإضافة إلى النص والرابط، تعيين أيقونة للزر عن طريق تحميل صورة داخل البطاقة:

لتعيين لون النص وخلفية الزر، استخدم الإعدادات هنا:

بعد ذلك، يمكنك ضبط الحجم والعرض والحشوات الداخلية للزر:

1. عرض الزر - هو حقل يقبل قيمة رقمية بوحدتي البكسل والنسبة المئوية:

1. محاذاة الزر - يساعد على ضبط موضع الزر في البطاقة بالنسبة إلى الحافة اليمنى أو اليسرى، وكذلك في الوسط.

1. نصف قطر حدود الزر - هو حقل يقبل قيمة رقمية بالبكسل لتدوير زوايا الزر:

1. عرض الحدود - هو حقل يقبل قيمة رقمية بالبكسل لتحديد عرض إطار الزر:

1. الهامش

يساعدك على ضبط الحشوات الداخلية للزر في البطاقة بالنسبة إلى الحواف العلوية والسفلية واليسرى واليمنى.

1. الحشوة

يساعدك على ضبط الحشوات الداخلية داخل الزر.

1. الأيقونة

إذا قمت بتحميل أيقونة إلى زر في البطاقة، فيمكن ضبط الأيقونة لتلائم:

وكذلك تعيين موضع الأيقونة بالنسبة إلى النص إلى اليسار أو اليمين:

1. ظل الزر

يمكن تعيين الظل ليس فقط للبطاقة، بل أيضًا للزر بشكل منفصل. وللقيام بذلك، يكفي العثور على حقل منسدل يحمل اسم "الظل" في إعدادات الزر واختيار درجة شدة الظل: خفيف أو قوي:

1. حركة الزر

تساعد على جذب انتباه العملاء (مستخدمي الموقع) إلى الإجراء المستهدف على الزر وإضافة ديناميكية إلى الموقع:

1) حركة وميض الزر:

2) حركة تموج الزر:

تم! الآن تعرف كيف تنشئ البطاقات على موقعك وتخصصها من الصفر.