دعوة لاتخاذ إجراء (CTA)
في هذه الصفحة 7
قسم ترويجي مرن يجمع بين خلفية (صورة، فيديو، تدرج لوني، أو لون سادة) وعنوان وزر - لتوجيه الزائر نحو عرض أو صفحة أو إجراء معين. يمكن أيضاً تقسيمه إلى لوحتين أو ثلاث لوحات.
التخطيط والأبعاد
- نمط التنسيق - قطعة واحدة (قسم كامل واحد)، قطعتين (لوحة وسائط بجانب لوحة محتوى)، أو ثلاث قطع (لوحتان جانبيتان بصورتين مع محتواك الرئيسي في المنتصف).
- عرض كامل للقسم - عند التفعيل، يمتد القسم ليغطي عرض نافذة المتصفح بالكامل.
- زوايا القسم (عند إلغاء العرض الكامل) - نمط الزوايا عندما لا يكون القسم بعرض كامل: الافتراضي حسب الثيم، دائرية، حادة، أو مقدار مخصص تحدده أدناه.
- مقدار انحناء الزوايا (بكسل) - مقدار استدارة الزوايا بالضبط، بالبكسل. يُستخدم فقط عندما تكون زوايا القسم “مخصص”.
- نسبة أبعاد القسم (سطح المكتب) - شكل القسم كاملاً على شاشات سطح المكتب: تلقائي (يتناسب مع المحتوى)، أو نسبة ثابتة مثل عريض 16:9، شريطي 3:1، 4:3، مربع 1:1، أو طولي 3:4.
- نسبة أبعاد القسم (الجوال) - نفس الخيار لشاشات الجوال، ويُحدد بشكل مستقل عن سطح المكتب: تلقائي، عريض 16:9، 4:3، مربع 1:1، أو طولي 3:4 (خيار شريطي 3:1 غير متاح للجوال).
- وضع المحتوى - مكان استقرار محتوى العنوان والزر داخل القسم: أي من التسع مواضع من أعلى اليسار إلى أسفل اليمين.
- عرض المحتوى - أقصى عرض يمكن أن يشغله عمود المحتوى: ضيق، عادي، واسع، أو كامل.
- موقع الوسائط (للتنسيق المنقسم) - فقط لتنسيق القطعتين: هل تظهر لوحة الوسائط على اليسار أم اليمين، مع المحتوى على الجانب الآخر.
- لون خلفية المحتوى (للتنسيق المنقسم) - فقط لتنسيق القطعتين: لون الخلفية خلف لوحة المحتوى.
نوع الوسائط
ما يملأ خلفية القسم: صورة، فيديو، تدرج لوني، أو لون سادة.
- صورة - صورة الخلفية (تُستخدم عندما يكون نوع الوسائط صورة).
- رابط الصورة - رابط ويب يُفتح عند نقر الزائر على الصورة.
- مصدر الفيديو - هل فيديو الخلفية من ملف مرفوع أم من رابط يوتيوب (يُستخدم عندما يكون نوع الوسائط فيديو).
- ملف الفيديو - ملف الفيديو المرفوع.
- رابط الفيديو - رابط يوتيوب يُستخدم كفيديو خلفية.
- تشغيل تلقائي للفيديو - عند التفعيل، يبدأ الفيديو بالتشغيل تلقائياً.
- كتم الصوت - عند التفعيل، يتم تشغيل الفيديو بدون صوت افتراضياً.
- تكرار الفيديو - عند التفعيل، يعيد الفيديو تشغيل نفسه تلقائياً بعد انتهائه.
- إظهار أزرار التحكم بالفيديو - عند التفعيل، تظهر أزرار تشغيل/إيقاف فوق الفيديو.
- موضع أزرار التحكم - مكان استقرارها: أسفل اليسار، أسفل اليمين، أو أسفل الوسط. تظهر فقط عند تفعيل إظهار أزرار التحكم.
- تدرج لوني - خلفية تمازج ألوان، تُستخدم عندما يكون نوع الوسائط تدرجاً.
- لون الخلفية - لون خلفية سادة، يُستخدم عندما يكون نوع الوسائط لوناً سادة.
طبقة التعتيم
- تفعيل طبقة تعتيم فوق الوسائط - يضيف طبقة شبه شفافة فوق الخلفية، مما يساعد على تحسين وضوح النص.
- نوع الطبقة - هل الطبقة لون سادة أم تدرج لوني.
- لون الطبقة - لون الطبقة، عند اختيار لون سادة.
- تدرج الطبقة (CSS) - تمازج ألوان الطبقة، عند اختيار تدرج لوني.
- شفافية الطبقة (%) - درجة وضوح الطبقة، من شفافة بالكامل إلى صلبة بالكامل.
اللوحتان الجانبيتان (لتنسيق الثلاث قطع)
يُستخدم فقط عندما يكون نمط التنسيق “ثلاث قطع”.
- أدنى ارتفاع للوحات (بكسل) - الحد الأدنى لارتفاع اللوحتين الجانبيتين.
- تعتيم الصور الجانبية (%) - مقدار تعتيم صور اللوحتين الجانبيتين، لمساعدة أي نص فوقها على البقاء واضحاً.
- لون عناوين اللوحات الجانبية / لون نص اللوحات الجانبية - ألوان العنوان والنص في كل لوحة جانبية.
- صورة / عنوان / نص / رابط اللوحة الأولى - الصورة والعنوان والنص والرابط للوحة الجانبية الأولى (اليسرى عادةً).
- صورة / عنوان / نص / رابط اللوحة الثانية - نفس الحقول للوحة الجانبية الثانية.
عنوان القسم وزخرفته
- العنوان - نص العنوان الرئيسي.
- العنوان الفرعي - نص إضافي يظهر قرب العنوان.
- سماكة خط العنوان - درجة سماكة نص العنوان، من خفيف إلى عريض جداً.
- سماكة خط الوصف - درجة سماكة نص العنوان الفرعي، من خفيف إلى عريض جداً.
- نص تمهيدي (فوق العنوان) / شكل النص التمهيدي / سماكة خط النص التمهيدي / لون النص التمهيدي / لون خلفية الشارة - تظهر خيارات النص التمهيدي ضمن هذه المجموعة، لكن التصميم الحالي لهذا القسم لا يعرض نصاً تمهيدياً، لذلك لا يظهر أي تأثير عند تغييرها.
أحجام وألوان النص
- نمط أحجام الخط - حجم افتراضي، أو أحجام مخصصة تحددها بالمنزلقات أدناه.
- حجم خط العنوان - سطح المكتب / التابلت / الجوال (بكسل) - حجم نص العنوان الدقيق في كل حجم شاشة. يُستخدم فقط عندما يكون نمط الأحجام مخصصاً.
- حجم خط العنوان الفرعي - سطح المكتب / التابلت / الجوال (بكسل) - حجم نص العنوان الفرعي الدقيق في كل حجم شاشة. يُستخدم فقط عندما يكون نمط الأحجام مخصصاً.
- لون العنوان / لون العنوان الفرعي - ألوان نص العنوان والنص الداعم.
إعدادات الزر
- نص الزر - النص المكتوب على الزر. اتركه فارغاً لإخفائه.
- رابط الزر - الرابط الذي يُفتح عند نقر الزر.
- نمط الزر - شكل الزر: الافتراضي حسب الثيم، لون أساسي أو ثانوي بالكامل، إطار فقط، شفاف، أبيض، أو رابط نصي بسيط.
- حجم الزر - حجم ظهور الزر.
- سماكة خط الزر - درجة سماكة نص الزر.
- شكل الزر - شكل زوايا الزر، من حواف حادة إلى شكل دائري كامل.