إضافة CSS إلى ووردبريس عبر المكون الإضافي Simple Custom CSS and JS
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
هل سبق لك أن أردت تغيير جوانب معينة من مظهر موقع الويب الخاص بك ولكنك لم تعرف كيف؟
يوجد حل: يمكنك إضافة أوراق الأنماط المتتالية (CSS) المخصصة إلى موقعك ووردبريس!
في هذه المقالة، سنغطي كل ما تحتاج لمعرفته حول أوراق الأنماط المتتالية (CSS) وكيفية استخدامها لتغيير الشكل والمظهر العام لموقع الويب الخاص بك.
ما هو CSS؟
CSS هي لغة ورقة أنماط تعمل على تغيير مظهر البنية الأساسية لموقع الويب الخاص بك، المكتوبة بلغة HTML. يتيح لك CSS تعيين خصائص مختلفة – مثل اللون والحجم والتخطيط والعرض – لعلامات HTML.
يمكنك أيضاً تخصيص المظهر الافتراضي لبعض قوالب ووردبريس. لذلك، إذا كنت تريد إنشاء التصميم والشكل الذي تريده، يمكنك إضافة CSS مخصص إلى موقك ووردبريس.
≡ برامج تنفعك لكتابة لغة HTML و CSS :
إضافة CSS مخصص إلى ووردبريس عبر المكونات الاضافية
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
لكي تتمكن من إضافة CSS مخصص إلى موقعك ووردبريس بأسهل وأسرع الطرق يمكنك استخدام المكونات الإضافية.
يوجد في مستودع ووردبريس للإضافات الكثير من البرامج المساعدة التي توفي بهذا الغرض ، لكنني هنا سأقترح عليك الأكثر شيوعاً واستخداماً من طرف أصحاب المواقع. وهي في معظمها سهلة التثبيت والاستخدام .
إقرأ كيفية تثبيت مكونات ووردبريس الاضافية بسهولة وبدون أخطاء.
تثبيت المكون الاضافي Simple Custom CSS and JS
اخترت لكم المكون الاضافي Simple Custom CSS and JS لأن به مميزات جميلة وسهل الاستخدام .
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
طريقة التثبيت:
من لوحة تحكم ووردبريس ، ومن الشريط الجانبي، إختر الإضافات، ثم أضف إضافة جديدة ، ستجد نفسك داخل مستودع يحتوي على كل إضافات ووردبريس ولك ان تختار منها ما تشاء ولكي يسهل عليك الاختيار ، إستخدم حقل البحث ↓.
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
≡ شرح الوثيقة : 
- إختر إضافات
- أنقر على ” أضف إضافة جديدة “
- في حقل البحث، أكتب إسم الاضافة Simple Custom CSS and JS
- أنقر على زر التنصيب الآن
كيفية تعديل المكون الاضافي Simple Custom CSS and JS
بعد التنصيب ، أنقر على زر تفعيل . ثم عُدْ إلى الشريط الجانبي، ستلاحظ إضافة قائمة Custom CSS & JS كما هو مبين في الصورة أدناه والمشار إليه بالرقم 1 .
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
≡ شرح الوثيقة:
- أنقر على القائمة Custom CSS & JS
- أنقر على Add Custom CSS
ستدخل إلى محرر CSS للمكون الاضافي:
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
≡ شرح الوثيقة:
- الدخول للإضافة عبر القائمة Custom CSS & JS ثم Add Custom CSS
- هذه مساحة لإضافة أكواد CSS . قم بمسح الكود الموجود افتراضياً ثم أضف الكود الذي تريد.
- ضع لهذا الكود عنواناً كي تهتدي إليه بسرعة حين تريد توقيفه أو تعديله أو إزالته
- أنقر على الزر نشر لتفعيل وحفظ الكود CSS الذي أضفته.
إذن أصبح بإمكانك الآن إضافة CSS مخصص إلى ووردبريس لإضافة الجمالية لصفحات موقعك .. كما يمكنك الوصول إلى كل الأكواد التي أضفتها في المكون الاضافي عبر الخطوات التالية:
كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي
≡ شرح الوثيقة:
- من الشريط الجانبي أنقر على Custom CSS & JS ثم All Custom CSS ستجد كل الأكواد المنشورة بموقعك
- يمكنك اختيار الكل بالتأشير على المربع رقم 2
- يمكنك اختيار أحد المنشورات بالتأشير على مربع واحد لمنشور محدد.
- من القائمة المنسدلة يمكنك اختيار أحد الخيارات: تحرير ( تعديل ) أو إلقائها في سلة المهملات ( حذف ) .
- بعد الاختيار يمكنك النقر على زر « تطبيق » لتنفيذ الأمر.
- إذا أردت التعديل على الكود CSS أو حذفه او تعطيله أو تنشيطه ، مَرٍّر الماوس فوق إسم منشور الكود في القائمة
أخيراً سأقدم لك هدية هذه المقالة ، وهي هذه المجموعة من أكواد CSS ستفيدك في تزيين موقعك ووردبريس :
متى تستخدم CSS في ووردبريس؟
يتم استخدام CSS في WordPress لتخصيص المظهر المرئي لموقعك. يوصى باستخدام CSS عندما تريد إجراء تغييرات محددة على تصميم قالب WordPress الخاص بك. على سبيل المثال، يمكنك استخدام CSS لتغيير الألوان والخطوط والتخطيط والهوامش والحشو والخلفيات وما إلى ذلك.
خاتمة
يتيح لك CSS تصميم محتوى موقعك. لذا فإن إضافة CSS مخصص إلى WordPress يعد طريقة رائعة لجعل موقع الويب الخاص بك فريداً وأكثر جاذبية.
قناتي على اليوتوب
 أرى أن هذه المواضيع قد تهمك: |
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.