يعد إجراء التخصيصات باستخدام معاينة في الوقت الفعلي على مدونتك أسهل بكثير وأكثر إرضاءً ، عندما يكون لديك القدرة على رؤية التغييرات المختلفة بمجرد إجرائها. أفضل طريقة لإجراء تغييرات قابلة للتطبيق في الوقت الفعلي هي بالطبع استخدام مكون إضافي.
التخصيص المغلق هي ميزة تقدمها العديد من الإضافات WordPress.org. إذا كنت تبحث عن مكون إضافي يقوم بإنشاء ورقة أنماط (CSS) ، لديك العديد من الخيارات المتاحة لك. ولكن ، على الرغم من وجود الكثير من المكونات الإضافية التي يمكنك استخدامها لإنشاء كود CSS مخصص ، إلا أن هناك عددًا قليلاً جدًا من الخيارات التي تقدم تحريرًا في الوقت الفعلي لرمز CSS.
لذلك بعد استكشاف دليل المكونات الإضافية لإيجاد حل لهذا القيد ، تمكنت من العثور على بعض الأحجار الكريمة النادرة التي تستحق اهتمامنا.
ولكن من قبل ، إذا لم تقم بتثبيت WordPress ، فاكتشف كيفية تثبيت وورد بلوق الخطوات 7 et كيفية العثور عليها، وتثبيت وتفعيل موضوع ورد على بلوق
ثم عد إلى سبب وجودنا هنا.
1. قلم رصاص أصفر: Visual CSS Style Editor
Yellow Pencil هو محرر نمط مرئي يمكنك استخدامه مع أي سمة لتخصيص موقع الويب الخاص بك في دقائق (الخطوط والألوان والرسوم المتحركة والمزيد ...).
هذا البرنامج المساعد WordPress المتميز سيخلق أنماط CSS في خلفية بينما تلعب بالألوان كما لو كانت لعبة ، فقد تم تصميمها لكل من المستخدمين المبتدئين وذوي الخبرة.
اكتشف أيضا لدينا الإضافات 5 WordPress لإظهار الإخطارات
لا يلزم معرفة الترميز. ومع ذلك ، يحتوي المكون الإضافي WordPress على محرر CSS جيد لأولئك الذين يحبون البرمجة. يمكنك كتابة التعليمات البرمجية مباشرة باستخدام هذا المحرر وتخصيص CSS الخاص بك.
تحميل | عرض | استضافة المواقع
2. من السهل مخصص JS و CSS
هذا المكون الإضافي WordPress المميز هو محرر كود CSS و Javascript قوي يسمح لك بإضافة هذه إلى أي قسم من موقع الويب الخاص بك. يتيح لك الاحتفاظ بالتخصيصات الخاصة بك حتى بعد إجراء تحديث رئيسي لموضوع WordPress الخاص بك. 
لديك إمكانية الحد من مجال استخدام الرمز الشخصي الخاص بك. على سبيل المثال ، يمكنك استخدام الكود الخاص بك فقط لمقال بتنسيق الفيديو.
انظر مقالاتنا على كيف تطلب قبول شروط الاستخدام على ووردبريس
أو يمكنك قصر التعليمات البرمجية على سمة WordPress محددة ؛ وهو أمر مفيد إذا كنت تقوم حاليًا بتغيير السمات لمدونة WordPress الخاصة بك.
تحميل | عرض | استضافة المواقع
3. عرف JS و CSS لجوتنبرج
المكون الإضافي WordPress الإضافي Custom JS و CSS لـ غوتبورغ سيسمح لك بإضافة عدد غير محدود من الأنماط المخصصة إلى محرر WYSIWYG لمنشورات وصفحات WordPress الخاصة بك. إنه متوافق تمامًا مع إصدار Gutenberg من WordPress.
يمكنك ببساطة إنشاء نمط جديد باستخدام محرر CSS سهل الاستخدام. هذا البرنامج المساعد ووردبرس] يمتد ميزات الحقول المخصصة من موقع الويب الخاص بك ويمنحك القدرة على تعديل الحقول المخصصة الخاصة بك مع وحدة تخصيص ديناميكية وقوية. ووظائف معاينة في الوقت الحقيقي من هذا البرنامج المساعد ووردبريس يجعلها مريحة للغاية وسهلة الاستخدام.
تحميل | عرض | استضافة المواقع
4. CSS محرر المتقدم
تم تطوير هذه الإضافة بواسطة شركة ThemeIsle، مطورة منتجات ووردبريس، وWunderkind. بعد تثبيتها وتفعيلها، انتقل إلى الموقع التالي: المظهر> التخصيص للوصول إلى لوحة القيادة وابحث عن "Advanced CSS Editor" في القائمة. سيظهر أعلى قائمة عناصر القائمة في ملف مخصص. 
لتعديل كود CSS ، كل ما عليك فعله هو إضافة محدد والقاعدة التي تنطبق عليه في مربع النص عند النقر فوق "القائمة". CSS محرر المتقدم".
انظر أيضا كيفية تحسين صفحات ذات جودة سيئة من مدونتك
يمكن كتابة قواعد CSS لتطبيقها بشكل عام أو لاستهداف عنصر معين على أجهزة معينة (الكمبيوتر ، الهاتف ، الكمبيوتر اللوحي ، إلخ.). بمجرد كتابة القواعد ، يعرض Customizer معاينة مع التغييرات التي تم إجراؤها.
تحميل | عرض | استضافة المواقع
5. SiteOrigin CSS
إنه إلى حد بعيد مكون WordPress الإضافي الذي يقدم معظم الخيارات في هذه القائمة. أكثر شيء مدهش في هذا الأخير أنه مجاني. هذا البرنامج المساعد WordPress هو الوحيد الذي لا يمكن العثور عليه في أداة التخصيص.
بعد تثبيت البرنامج الإضافي وتفعيله، تحتاج إلى الانتقال إلى الموقع التالي " المظهر> CSS مخصص للوصول إلى إصدار CSS من البرنامج المساعد. في هذه الصفحة ، يمكنك رؤية محرر نصوص لا يوفر معاينة مباشرة.
اقرأ أيضا مقالتنا على 10 WordPress الإضافات لتعزيز مبيعات موقعك
للوصول إلى الأخير ، يجب النقر فوق أحد الزرين اللذين يظهران على اليسار ، أعلى المحرر مباشرة. سيظهر الزر الذي يحمل رمز العين محررًا مرئيًا لرمز CSS سيقدره المتحمسون. سيعرض الرمز الذي يحتوي على أسهم التمديد محرر نصوص يعني التمكن من أكواد CSS.
تحميل | عرض | استضافة المواقع
الموارد الأخرى الموصى بها
ندعوك أيضًا إلى الرجوع إلى الموارد الموضحة أدناه للمضي قدمًا في قبضة والتحكم في موقع الويب والمدونة.
- 7 WordPress الإضافات لتحسين SEO من الصور على موقع الويب الخاص بك
- كيف تجد الراعي وينقد مدونتك؟
- كيفية إزالة السلسلة v = xxx من عناوين URL الخاصة بـ WordPress
- كيفية إضافة التمرير اللانهائي إلى مدونة WordPress
خاتمة
ها هو! هذا كل شيء لقائمة الإضافات وورد قسط التي ستساعدك على تحرير CSS بصريًا على مدونتك. إذا كان لديك تعليقات أو اقتراحات ، لا تتردد في إعلامنا في القسم المحجوز.
ومع ذلك ، يمكنك أيضًا الرجوع إلى RESSOURCES، إذا كنت بحاجة إلى مزيد من العناصر لتنفيذ مشاريعك الخاصة بإنشاء مواقع الإنترنت ، من خلال الرجوع إلى دليلنا على وورد خلق بلوق أو واحد على ديفي: أفضل موضوع وورد في كل العصور.
نحن ندعوك ل مشاركة على الشبكات الاجتماعية المفضلة لديك.
...