كيفية تغيير لون النص في ووردبريس (3 طرق سهلة)

في الآونة الأخيرة ، سأل أحد قرائنا عما إذا كانت هناك طريقة سهلة لتغيير لون النص في ووردبريس؟

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

في هذا الدليل ، سنوضح لك كيفية تغيير لون النص بسهولة في ووردبريس خطوة بخطوة.

يمكنك بسهولة تغيير لون النص في ووردبريس

هناك الكثير من الأسباب التي قد تجعلك ترغب في تغيير لون النص في منشوراتك أو صفحاتك. ربما ترغب في التأكيد على كلمة رئيسية ، أو ربما ترغب في استخدام عناوين فرعية ملونة في صفحة معينة.

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

في هذا البرنامج التعليمي ، سنغطي الطرق التالية:

تغيير لون النص باستخدام المحرر المرئي (رائع لتغيير بضع كلمات أو فقرة أو عنوان عند كتابة المحتوى).

تغيير لون النص في أداة تخصيص السمات (أفضل طريقة لتغيير ألوان الخط عبر الموقع بالكامل ، ولكن لا تدعمها جميع السمات).

تغيير لون النص باستخدام كود CSS (مناسب لتغيير لون الخط عبر موقعك بالكامل بأي سمات).

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

فيديو تعليمي

اشترك في WPBeginner

إذا كنت تفضل التعليمات المكتوبة ، فاستمر في القراءة.

الطريقة الأولى: تغيير لون النص باستخدام المحرر المرئي

يمكنك استخدام محرر ووردبريس الافتراضي لوضع الكلمات أو الفقرات أو حتى العناوين الفرعية بلون مختلف عن النص الرئيسي.

مثال على نص ملون في صفحة ووردبريس

إليك كيفية تغيير لون النص باستخدام محرر المكوّنات.

أولاً ، ستحتاج إلى تعديل المنشور أو الصفحة التي تريد تغييرها ، أو إنشاء منشور جديد.

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

بمجرد وضع النص في مكانه ، يمكنك تغيير اللون.

تغيير لون النص للكتلة

بالنسبة لهذا المثال الأول ، سنقوم بتغيير لون النص للكتلة بأكملها.

ما عليك سوى النقر فوق الكتلة وستفتح لوحة Block Settings على الجانب الأيمن من شاشتك. بعد ذلك ، انقر فوق السهم الخاص بـ “إعدادات اللون” لتوسيع علامة التبويب هذه. سترى إعدادات لون النص هنا.

اختيار لون النص للكتلة بأكملها في ووردبريس

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

بدلاً من ذلك ، إذا كان لديك لون معين في الاعتبار ، فانقر فوق ارتباط “لون مخصص”. سيؤدي هذا إلى فتح منتقي الألوان حيث يمكنك تحديد لون يدويًا. يمكنك أيضًا استخدام هذا لكتابة رمز سداسي عشري.

اختيار لون نص مخصص لمجموعتك

إذا غيرت رأيك وأردت العودة إلى اللون الافتراضي للنص ، فما عليك سوى النقر فوق الزر “مسح” أسفل خيارات الألوان:

إعادة تعيين الكتلة الخاصة بك إلى اللون الافتراضي للنص

نصيحة للمحترفين: إذا كنت تريد تغيير لون الخلفية للكتلة ، فيمكنك القيام بذلك هنا أيضًا.

تغيير لون نص كلمة أو عبارة

ماذا لو كنت تريد فقط تغيير لون كلمة أو كلمتين؟ هذا سهل باستخدام محرر الكتلة أيضًا.

أولاً ، ستحتاج إلى تمييز الكلمة (الكلمات) التي تريد تغييرها. ثم انقر فوق السهم الصغير المتجه لأسفل في شريط أدوات محرر المحتوى .

قم بتمييز الكلمات التي تريد تغيير لونها

بعد ذلك ، ما عليك سوى النقر فوق ارتباط “لون النص” أسفل القائمة المنسدلة:

انقر فوق ارتباط “لون النص” أسفل القائمة المنسدلة

سترى الآن نفس خيارات الألوان الخاصة بالكتلة بأكملها. مرة أخرى ، يمكنك الاختيار من بين الخيارات الافتراضية أو استخدام رابط “لون مخصص” لتحديد أي لون تريده.

اختر لون النص للكلمة (الكلمات) المميزة

لا تقتصر خيارات الألوان على كتل الفقرات. يمكنك أيضًا تغيير لون نص كتل العناوين. كما هو الحال مع كتل الفقرة ، يمكنك تعيين لون النص للكتلة بأكملها في إعدادات الكتلة. بدلاً من ذلك ، يمكنك تمييز الكلمات الفردية وتغيير لونها.

تغيير لون نص كتلة العنوان في ووردبريس

ملاحظة: لا يمكنك تعيين لون الخلفية لمجموعات العناوين.

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

تغيير لون الخط باستخدام المحرر الكلاسيكي

إذا كنت لا تزال تستخدم محرر ووردبريس الكلاسيكي ، فيمكنك تغيير لون الخط باستخدام شريط الأدوات.

في المحرر الكلاسيكي ، انقر فوق Toolbar Toggle في أقصى اليمين. سترى بعد ذلك صفًا ثانيًا من الرموز:

انقر فوق الزر “تبديل شريط الأدوات” لرؤية الصف الثاني من الرموز

الآن ، يمكنك تحديد النص وتغيير لون الخط باستخدام القائمة المنسدلة للون الخط.

استخدم زر لون النص في المحرر الكلاسيكي

الطريقة الثانية. تغيير لون النص في “مخصص النسق”

ماذا لو كنت تريد تغيير لون النص عبر موقع الويب الخاص بك بالكامل؟ ستسمح لك العديد من أفضل سمات ووردبريس بالقيام بذلك باستخدام أداة تخصيص السمات .

في هذا المثال ، نستخدم سمة OceanWP . إنها واحدة من أفضل السمات المجانية المتاحة لـ ووردبريس.

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

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

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

حدد “أسلوب الطباعة” أو خيارًا مشابهًا في أداة تخصيص السمات

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

حدد النص الأساسي لتعديله في أداة التخصيص

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

اختيار لون النص الأساسي باستخدام أداة تخصيص السمات

يمكنك أيضًا تغيير ألوان العنوان بطريقة مماثلة ، باستخدام الخيارات لتغيير H1 و H2 وما إلى ذلك.

بمجرد أن تصبح راضيًا عن التغييرات التي أجريتها ، انقر فوق الزر “نشر” أعلى الشاشة.

نشر التغييرات الخاصة بك على موقع الويب الخاص بك

نصيحة: عادةً ما يكون اختيار نص باللون الأسود أو الرمادي الداكن على خلفية بيضاء أو فاتحة جدًا هو الأفضل لسهولة القراءة.

الطريقة الثالثة: تغيير لون النص باستخدام كود CSS

ماذا لو لم يكن لدى قالبك خيار تغيير لون النص؟

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

في الجزء السفلي من قائمة الخيارات ، سترى علامة تبويب تقرأ “CSS إضافية”.

افتح قسم CSS الإضافي لمخصص السمة

بعد ذلك ، انقر فوق علامة التبويب CSS الإضافية ، وسترى بعض الإرشادات بالإضافة إلى مربع حيث يمكنك إدخال كود CSS.

بالنسبة للمبتدئين ، يمكنك نسخ هذا الرمز في المربع. بعد ذلك ، يمكنك تغيير الأرقام الستة إلى الرمز السداسي العشري للون الذي اخترته.

p { color:#990000; }

أدخل CSS لتغيير لون الفقرة إلى أداة تخصيص السمة

سيؤدي هذا إلى تغيير لون خط النص العادي في جميع مشاركاتك وصفحاتك إلى اللون الأحمر الداكن (أو أي لون تختاره) ، مثل هذا:

لون النص مخصص على مستوى الموقع باستخدام كود CSS

إذا كنت تريد تغيير لون العناوين في منشورك ، فيمكنك إضافة هذا الرمز بدلاً من ذلك:

h2 { color:#990000; }

مرة أخرى ، قم بتغيير الكود السداسي إلى اللون الذي تريده.

ملاحظة : يمكنك أيضًا استخدام هذه الطريقة لتغيير لون الرابط في ووردبريس .

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

البرنامج المساعد CSS Hero

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

خدمات مميزة لآجلك

نأمل أن تساعدك هذه المقالة في تعلم كيفية تغيير نظام ألوان الادمن في الووردبريس. قد ترغب أيضًا في رؤية مختارات حول الإضافات (بلجن) في الووردبريس ودليلنا حول كيفية اختيار أفضل شركات حجز النطاقات والاستضافات وكيفية التعامل معها.

اشترك معنا لمزيد من المعرفة

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