تمثِّل الألوان التي تختارها جزءًا كبيرًا من تصميم موقعك. سيوضِّح لك هذا الدليل كيفية إدارة لوحات ألوان موقعك.
في هذا الدليل
إذا كان موقعك يستخدم قالبًا يدعم محرر الموقع، فيمكنك تغيير ألوان موقعك باستخدام الأنماط. ثمّة طريقة سريعة لاكتشاف ما إذا موقعك يستخدم محرر الموقع أم لا وهي التحقق أسفل المظهر في لوحة التحكم. إذا كنت ترى المحرر هنا، فيمكنك تغيير ألوان موقعك عن طريق اتباع هذه الخطوات:
- في لوحة التحكم لديك، انتقل إلى المظهر ← المحرر.
- انقر على الأنماط على اليسار، أو حدد أيقونة الأنماط مثلما هو موضَّح هنا. تبدو الأيقونة كدائرة بالأبيض والأسود.
- حدد الألوان.
- حدد لوحة الألوان لاختيار الألوان الافتراضية لموقعك أو اختر من بين العناصر الآتية على موقعك:
- النص
- الخلفية
- رابط
- تسميات توضيحية
- زر
- عنوان
سيشرح الجزء المتبقي من هذا الدليل كل واحدة من هذه الأمور بمزيد من التفاصيل.
تقوم لوحة ألوان موقعك بتعيين الألوان الافتراضية المستخدمة عبر موقعك. على الرغم من أنه لا يزال بإمكانك التحكم في لون أي عنصر محدد، فإن تحديد لوحة الألوان الخاصة بك تضمن نظام ألوان متسقًا في كل أنحاء موقعك على الويب.
هنا، يمكنك تحرير ألوان القالب والألوان الافتراضية والألوان المخصصة:
- القالب: الألوان التي يقوم مصممو قالبك بتعيينها عند إنشاء القالب، تُستخدم في كل أنحاء تصميم قالبك.
- الإعداد الافتراضي: الألوان الموضحة في إعدادات ألوان المكوِّن عند تحرير صفحاتك وتدويناتك.
- مخصص: حدد ألوانًا إضافية وحدد تسمية لها لاستخدامها في لوحة ألوانك.
لتحديث ألوان القالب، اتبع الإرشادات الواردة أدناه:
- انقر في أي مكان داخل المربع الموجود أسفل لوحة الألوان.
- انقر على النقاط الثلاث بجوار القالب، ثم حدد عرض التفاصيل لتوسيع قائمة مناطق الألوان في لوحة الألوان.
- يحدد كل قالب مناطق ألوانه الخاصة. في مثالنا، يمكننا الاختيار من بين اللون الأساسي أو اللون الثانوي أو المقدمة أو الخلفية أو الثالث لتحرير ذلك اللون:
- استخدم منتقي الألوان الذي يظهر لتحديد لونك المرغوب فيه.
- انقر على تم لتعيين لونك الذي اخترته.
- انقر على حفظ الموجود في الزاوية العلوية اليمنى لحفظ تغييراتك.
يمكنك أيضًا إضافة العديد من الألوان المخصصة إلى لوحة ألوان موقعك. سيتم حفظ هذه الألوان وستصبح متاحة لكي تختارها من إعدادات ألوان مكوِّناتك.
لإضافة ألوان مخصصة، اتبع هذه الخطوات الإضافية:
- أسفل مخصص، انقر على زر +.
- اختر لونك من منتقي الألوان أو أدخل قيمة لون HEX أو RGB أو HSL.
- انقر على اسم اللون (سيكون افتراضيًا إلى “اللون 1”)، واكتب اسمًا للونك الجديد.
- انقر على تم.
تظهر هذه الخطوات في الفيديو الآتي:
ضمن إعدادات الألوان، سترى خيار تحرير لون العناصر المتنوعة لموقعك أسفل لوحة الألوان إلى اليمين. تلك العناصر هي:
- النص: اختر لونًا لاستخدامه للنص الأساسي العادي عبر موقعك، لا يشمل الروابط أو التسميات التوضيحية أو نص الزر أو العناوين.
- الخلفية: اختر لونًا ثابتًا أو تدرج لون لخلفية موقعك. تعرَّف على المزيد في دليلنا لتخصيص خلفية موقعك.
- الرابط: اختر لونًا لجميع الروابط على موقعك. هنا، يمكنك اختيار اللون الافتراضي الذي يظهر لكل الروابط، إضافة إلى لون التحويم الذي يظهر عندما يضع شخص ما المؤشر الخاص به فوق رابط:
- التسميات التوضيحية: اختر لون النص المستخدم في التسميات التوضيحية لمكوِّن الصورة.
- الأزرار: تعيين اللون المستخدم في مكوِّنات الأزرار. يمكنك اختيار لون النص وتعيين لون ثابت أو تدرج لون لخلفية الأزرار.
- لا يتوفر التحكم في لون التحويم على الأزرار في الوقت الحالي. من الممكن استخدام رمز CSS لتطبيق لون التحويم على زر.
- العناوين: قم بتعيين لون مكوِّنات العناوين عبر الموقع. يمكنك اختيار لون النص وتعيين لون ثابت أو تدرج لون لخلفية العناوين.
- لاختيار لون مختلف لكل مستوى من مستويات العناوين (من H1 إلى H6)، انقر على النقاط الثلاث بجوار اللون لتوسيع الخيارات وانقر على مستوى العنوان المطلوب لديك. ستظهر علامة الاختيار بجوار مستوى العنوان، ويمكنك بعد ذلك إغلاق الخيارات للوصول إلى إعدادات الألوان الخاصة بمستوى العنوان ذلك.
إذا كنت ترغب في تجاوز لون نص معين واحد فقط (بدلاً من كل العناصر)، فيمكنك تعيين لون مختلف داخل إعدادات لون المكوِّن الفردية في تلك التدوينة أو الصفحة المحددة.
الدعم 