التصميم والأدوات

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

سمات جاهزة

1. في المحرر، افتح تبويب التصميم (اللوحة اليمنى).
2. تحت الألوان، تقدّم سمات جاهزة مجموعات ألوان كاملة: برتقالي، وأزرق منتصف الليل، وليموني نيون، ووردي، وبنفسجي، واستوديو فاتح، وأبيض وأسود.
3. اضغط إحداها لتطبيقها. يمكنك بعد ذلك ضبط أي لون أدناه بدقة.

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

الألوان

الخطوط

• خط العناوين وخط النص: اختر من قائمة خطوط الويب؛ تُحمّلها المعاينة أثناء الاختيار.
• سماكة العناوين: من العادية إلى العريضة جدًا.
• تباعد أحرف العناوين: عناوين أكثر تقاربًا أو تباعدًا.
• حجم العنوان: تكبير جميع العناوين أو تصغيرها.
• حجم النص: الحجم الأساسي لنص المحتوى.
• التسميات الصغيرة بأحرف كبيرة: هل تُكتب التسميات الصغيرة فوق العناوين بأحرف كبيرة (للغات التي تدعم ذلك).

الأشكال

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

التأثيرات والحركات

• شدة التوهج: قوة تأثير التوهج (القيمة 0 تُوقفه).
• حركة عند التمرير: كيف تظهر الأقسام أثناء التمرير: بدون حركة، أو ظهور تدريجي، أو ظهور من الأسفل، أو تكبير، أو توضيح تدريجي.
• ترتفع البطاقات عند التمرير فوقها: تتحرك البطاقات قليلًا للأعلى تحت مؤشر الفأرة.
• حبيبات فيلم فوق الموقع: مظهر بملمس خفيف.
• تمرير سلس: تمرير ناعم عندما ينقل رابط الزائر إلى قسم ما.

CSS مخصص

تحت متقدم، يتيح لك حقل CSS إضافي إضافة CSS خاص بك لإجراء تغييرات في التصميم غير متاحة كإعدادات. مثال:

.btn { text-transform: uppercase; }

CSS المخصص للمستخدمين المتقدمين. إذا تعطّل شيء ما، احذف ما أضفته، أو استخدم Ctrl+Z.

تصميم كل قسم على حدة

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

الأدوات

افتح تبويب الأدوات. يحتوي على ثلاث مجموعات: أزرار الدردشة، وشريط الإعلانات، وأخرى.

أزرار الدردشة

تتيح الأزرار العائمة في زاوية الشاشة للزوار التواصل معك بلمسة واحدة.

1. فعّل إظهار أزرار الدردشة.
2. تحت القنوات، اضغط إضافة عنصر لكل قناة واختر القناة:
   • WhatsApp، وViber، وتيليجرام، وMessenger، وInstagram؛
   • اتصال، وSMS، والبريد الإلكتروني؛
   • رابط آخر (أي عنوان https://…، مع أيقونتك الخاصة).
3. املأ الرقم أو اسم المستخدم أو العنوان:
   • WhatsApp وViber والاتصال: رقمك بالصيغة الدولية، مثل +381601234567؛
   • Telegram وInstagram: اسم المستخدم الخاص بك؛
   • البريد الإلكتروني: عنوان بريدك؛
   • رابط آخر: عنوان https://… كامل.
4. أضف إن أردت رسالة مكتوبة مسبقًا (WhatsApp)، ونص بجانب الزر (اختياري)، واللون (فارغ = لون العلامة).

ثم اختر طريقة عمل الأزرار:

شريط الإعلانات

شريط رفيع في أعلى الموقع تمامًا، للأخبار أو العروض (شحن مجاني هذا الأسبوع، دورة جديدة متاحة الآن).

1. فعّل إظهار شريط أعلى الموقع.
2. اكتب النص، وإن أردت نص الرابط (اختياري) مع الرابط يؤدي إلى.
3. اختر النمط: مميز، أو داكن، أو فاتح.
4. حدّد ما إذا كان يمكن للزائر إغلاقه.

أخرى

• زر «العودة إلى الأعلى»: زر صغير يعيد الزائر إلى أعلى الصفحات الطويلة.
• شريط تقدم التمرير في الأعلى: خط رفيع يمتلئ كلما مرّر الزائر الصفحة.

نصائح

• تحقق من ألوانك على الهاتف أيضًا، وتأكد من أن النص مقروء على كل خلفية.
• لا تمزج أكثر من خطين؛ خط العناوين وخط النص يكفيان.
• قناة أو قناتان للدردشة أفضل عادةً من خمس قنوات.