كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

 إضافة CSS إلى ووردبريس عبر المكون الإضافي Simple Custom CSS and JS


كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

هل سبق لك أن أردت تغيير جوانب معينة من مظهر موقع الويب الخاص بك ولكنك لم تعرف كيف؟

يوجد حل: يمكنك إضافة أوراق الأنماط المتتالية (CSS) المخصصة إلى موقعك ووردبريس!

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

إقرأ ما يفيدك عن : كيفية تعديل CSS في ووردبريس

 

ما هو CSS؟


 

CSS هي لغة ورقة أنماط تعمل على تغيير مظهر البنية الأساسية لموقع الويب الخاص بك، المكتوبة بلغة HTML. يتيح لك CSS تعيين خصائص مختلفة – مثل اللون والحجم والتخطيط والعرض – لعلامات HTML.

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

برامج تنفعك لكتابة لغة HTML و CSS :

 

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


 

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

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

إقرأ كيفية تثبيت مكونات ووردبريس الاضافية بسهولة وبدون أخطاء.

 

 

تثبيت المكون الاضافي Simple Custom CSS and JS


 

اخترت لكم  المكون الاضافي Simple Custom CSS and JS لأن به مميزات جميلة  وسهل الاستخدام .

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

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

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

≡ شرح الوثيقة :

  1. إختر إضافات
  2. أنقر على ” أضف إضافة جديدة “
  3. في حقل البحث، أكتب إسم الاضافة Simple Custom CSS and JS
  4. أنقر على زر  التنصيب الآن

كيفية تعديل المكون الاضافي Simple Custom CSS and JS


 

بعد التنصيب ، أنقر على زر تفعيل . ثم  عُدْ إلى الشريط الجانبي، ستلاحظ إضافة قائمة Custom CSS & JS كما هو مبين في الصورة أدناه والمشار إليه بالرقم 1 .

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

≡ شرح الوثيقة:

  1. أنقر على القائمة Custom CSS & JS
  2. أنقر على Add Custom CSS

ستدخل إلى محرر CSS للمكون الاضافي:

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

≡ شرح الوثيقة:

  1. الدخول للإضافة عبر القائمة Custom CSS & JS ثم  Add Custom CSS
  2. هذه مساحة لإضافة أكواد CSS  . قم بمسح الكود الموجود افتراضياً ثم أضف الكود الذي تريد.
  3. ضع لهذا الكود عنواناً كي تهتدي إليه بسرعة حين تريد توقيفه أو تعديله أو إزالته
  4. أنقر على الزر نشر  لتفعيل وحفظ الكود CSS الذي أضفته.

 

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

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

كيفية إضافة CSS إلى ووردبريس عبر المكون الإضافي

≡ شرح الوثيقة:

  1. من الشريط الجانبي  أنقر على Custom CSS & JS ثم  All Custom CSS ستجد كل الأكواد المنشورة بموقعك
  2. يمكنك اختيار الكل بالتأشير على المربع رقم 2
  3. يمكنك اختيار أحد المنشورات بالتأشير على مربع واحد لمنشور محدد.
  4. من القائمة المنسدلة يمكنك اختيار أحد الخيارات: تحرير  ( تعديل ) أو إلقائها في سلة المهملات ( حذف ) .
  5. بعد الاختيار  يمكنك النقر على زر  « تطبيق »  لتنفيذ الأمر.
  6. إذا أردت التعديل على الكود CSS أو حذفه  او تعطيله أو تنشيطه ، مَرٍّر الماوس فوق إسم منشور الكود في القائمة  

 

أخيراً سأقدم لك هدية هذه المقالة ، وهي هذه المجموعة من أكواد CSS  ستفيدك في تزيين موقعك ووردبريس :

 

متى تستخدم CSS في ووردبريس؟

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

 

خاتمة

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

 

قناتي على اليوتوب

 

أرى أن هذه المواضيع قد تهمك:

 

شَـاركِ الْمَوْضُوع: 
إذا أعجبك هذا المحتوى، فلا تَقْرَأْ وتَرْحَل … تَـعْلِيقَـاتُكَ تَـشْجِيعٌ لَـنَـا لِنَسْتَمِرَّ فِــي الْبَحْثِ وَالْعَطَـاء. وإِذَا كنت تعتقد أنه قد يكون مفيداً لأشخاص آخرين، فشَارِكْهَ على الشبكات الاجتماعية.

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

حول الكاتب :   من أقصى شمال المغرب كاتب مقالات إلكترونية حول كيفية بناء موقع ويب ناجح : ووردبريس ، HTML ، CSS .ومواضيع مختلفة وناشط على اليوتيوب في قناة: Jabism Web و رحيل الليل
كتب 449 مقالة في jabism.com.
-:- راسلني   -:- تابعني على تويتر   -:- تابعني على الفايسبوك

14 عدد المشاهدات لهذا المحتوى
Scroll to Top