يمكنك تغيير مظهر الموقع من «الألوان» و«الخطوط»، واختيار تصميم لكل قسم من «الأقسام». في المصمم الموضح هنا، هذه أدوات لتخصيص الموقع الحالي؛ بطاقات الأقسام ليست ثيمات تستبدل الموقع كاملًا. احفظ التغييرات بعد المعاينة وافتح الموقع للتحقق.

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

قبل البدء

افتح «تصميم الموقع الإلكتروني» من لوحة ركاز، وتأكد من رابط موقع النشاط أعلى المصمم.

• استخدم حسابًا لديه صلاحية تعديل الموقع وحفظ التغييرات، وتأكد من موقع النشاط الصحيح.

• دوّن أكواد الألوان والخط الحالي قبل التعديل لتستطيع إعادتها. جهّز كود لون الهوية إن كان متوفرًا.

1. اختر اللون الأساسي

افتح «تصميم الموقع الإلكتروني»، ثم «الألوان» و«اللون الأساسي». اختر الدرجة من المنتقي أو اكتب كودها أسفله. المثال يستخدم #0f766e؛ استخدم لون هوية نشاطك بدلًا منه عند الحاجة.

2. راجع النص والخلفية

اضغط «لون الخط» لمراجعة لون النص أو تغييره، ثم اختر «لون الخلفية». المثال يبقي النص الداكن #09252c ويختار «أوف-وايت». تأكد من وضوح النص والأزرار على الخلفية.

3. اختر خط الموقع

افتح «الخطوط»، واضغط بطاقة الخط المطلوب. المثال يختار Cairo. راجع العناوين والنصوص والتفاف السطور في المعاينة.

4. تعرّف على خيارات الأقسام

افتح «الأقسام» للاطلاع على التصاميم. هذه بطاقات لإضافة أقسام إلى الصفحة الحالية، وليست ثيمات للموقع كاملًا. إذا كان المطلوب تغيير اللون والخط فقط، اكتفِ بالمراجعة دون إضافة قسم.

5. عاين الجوال وسطح المكتب

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

6. احفظ المظهر

اضغط «حفظ التغييرات» أعلى المصمم، وانتظر اكتمال الحفظ. إذا أردت استعادة المظهر السابق بعد حفظه، أعد القيم السابقة واحفظ مرة أخرى.

7. تحقق من النتيجة على الموقع

افتح «زيارة الموقع» وراجع الخط والخلفية ولون الروابط أو الأزرار. المثال يُظهر Cairo وخلفية أوف-وايت وروابط خضراء. راجع الصفحات المهمة وعلى الجوال أيضًا.

النتيجة

تظهر الألوان والخط المختاران على العناصر التي تستخدم إعدادات المظهر، وتبقى نصوص الصفحة وخدماتها كما هي.

الثيم الكامل وتصميم القسم ليسا الشيء نفسه. بطاقات «الأقسام» تعرض تصميمًا لإضافته إلى الصفحة المحددة، مثل «محتوى بتدرّج لوني» أو «صورة جانبية عريضة» أو «نص فوق صورة». لا تتعامل مع اختيار بطاقة على أنه تبديل لكل الموقع.

اللون الأساسي يؤثر في العناصر المرتبطة بلون الهوية، مثل الروابط والأزرار في المثال. لا يفترض أن يغيّر كل مساحة لونية؛ بعض الأقسام والصور لها ألوانها الخاصة.

اختر «اللون الأساسي» أو «لون الخط» أولًا، ثم عدّل الكود الذي يظهر أسفل منتقي اللون. استخدم كودًا سداسيًا واضحًا، مثل #0f766e. اسم اللون وحده لا يحدد الدرجة نفسها.

خيارات الخلفية الظاهرة هي «أبيض» و«أوف-وايت» و«أسود». اختبر تباين النصوص والأزرار بعد تغيير الخلفية، خصوصًا عند الانتقال بين خلفية فاتحة وداكنة. أبقِ النص واضحًا على الخلفية المختارة.

اختيار بطاقة خط يطبّق الخط على العناوين والنصوص التي تستخدم خط الموقع. من الخيارات المعروضة Cairo وTajawal وAlmarai وIbmPlex. قد يغيّر الخط التفاف السطور وارتفاع الأقسام؛ راجع الجوال بعد الاختيار.

الألوان والخط إعدادات عامة للموقع وليست مقتصرة على الصفحة التي تعاينها. تصميم قسم ومحتواه وترتيبه تخص الصفحة التي تعمل عليها. راجع الصفحات المهمة بعد التعديل.

تغيير لغة المصمم لا يترجم أسماء الخدمات أو النصوص التي كتبتها. قد يبقى المحتوى العربي ظاهرًا في المعاينة الإنجليزية. راجع الخط والتباين في اللغتين.

«معاينة الجوال» و«معاينة سطح المكتب» تغيّران مساحة المعاينة. لا تنشئان تلقائيًا إعدادات ألوان منفصلة لكل جهاز. افتح الموقع نفسه على شاشة ضيقة للتأكد من سهولة القراءة.

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

لمعرفة خيارات المحتوى، افتح «الأقسام»: توجد مجموعات مثل «قوائم الخدمات» و«المميزات» و«آراء العملاء» و«الأسئلة الشائعة» و«المحتوى». تصفّحها دون إضافة قسم إذا كان هدفك تغيير الهوية فقط.

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

للرجوع، أعد أكواد الألوان والخط السابقين ثم احفظ. ويمكن استخدام «تراجع» لحركة حديثة؛ إذا كان التعديل قد حُفظ، احفظ الحالة التي رجعت إليها أيضًا. حذف قسم ليس طريقة لإلغاء لون أو خط.

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