اضافه کردن استایل | CSS سفارشی به وردپرس

اضافه کردن استایل ها یا CSS های سفارشی به وردپرس با استفاده از افزونه ی Simple Custom CSS

یکی دیگر از افزونه هایی که با استفاده از آن می توانید به سایت وردپرس خود کد های CSS را اضافه کنید، افزونه ی Simple Custom CSS می باشد. این افزونه یکی از محبوب ترین افزونه ها در زمینه اضافه کردن استایل سفارشی به وردپرس می باشد. کد های CSS که با این افزونه به وردپرس اضافه می شوند به جای استایل های قالب شما قرار می گیرند، در نتیجه استایل های مدنظر شما در قالب قرار می گیرند یا به عبارتی دیگر Override می شود.

همان طور که می دانید استایل هایی که با افزونه اضافه می شوند حتی با تغییر Theme یا قالب شما هم وجود دارند. در نتیجه استایل های مورد علاقه ی شما همیشه هستند. فرض کنید شما قصد دارید فونت تگ H1 در سایت شما همیشه 20 پیکسل باشد و فونت اصلی شما Yekan باشد. با قرار دادن کد مخصوص این دو استایل در این افزونه، این استایل برای همیشه در سایت شما اجرا می شود. به علت معروف بودن این افزونه، بر خلاف دیگر افزونه های این زمینه، افزونه ی Simple Custom CSS به صورت مداوم آپدیت می شود.

ویژگی های افزونه ی Simple Custom CSS

• قابلیت Live Preview یا مشاهده تغییرات به صورت زنده
• نمایش خطاهای نوشته شده و در نتیجه رفع کردن آن ها به سادگی
• نیاز به تنظیمات خاصی نیست. فقط کد CSS را بنویسید و ذخیره کنید.
• رابط کاربری زیبا سازگار با وردپرس و محیط آن
• عدم تاثیر در پایین آوردن کیفیت اجرایی سایت
• کاملاً ساده و عدم پیچیدگی
• قابلیت اجرا در حالت چند سایتی یا Multisite

دانلود و نصب افزونه ی Simple Custom CSS برای افزودن استایل سفارشی به وردپرس

جهت یادگیری نحوه ی نصب افزونه ها در وردپرس به صفحه ی آموزش نصب افزونه در وردپرس مراجعه کنید.

در منوی وردپرس خود در صفحه ی افزونه ها / افزودن در باکس جستجو مقدار Simple Custom Css را وارد کنید و بعد از پیدا شدن، افزونه را نصب و فعال کنید.

همچنین می توانید با استفاده از لینک زیر این افزونه را دانلود و به صورت دستی نصب کنید.

دانلود و نصب افزونه Simple Custom Css از مخزن وردپرس

 

پس از نصب افزونه یک گزینه ی جدید به داشبورد وردپرس شما در منوی نمایش به نام Custom CSS اضافه خواهد شد.

تنظیمات و کار با افزونه Simple Custom CSS

تنظیمات این افزونه به صورت اتوماتیک اجرا می شوند و به صورت کلی نیازی هم به تنظیمات خاصی نیست. برای استفاده از این افزونه کافی است به منوی نمایش / custom CSS در داشبورد وردپرس خود بروید و مطابق تصویر زیر کدهای CSS خود را اضافه کرده و Save را بزنید.

استایل های نوشته شده به راحتی هر چه تمام تر بر روی وردپرس و یا قالب شما اجرا خواهد شد. پس با استفاده از افزونه ی Simple Custom CSS به راحتی می توانید کدهای CSS موردنظر خود را به وردپرس اضافه کنید. از دیگر افزونه هایی که می توانید با استفاده از آن به وردپرس خود استایل سفارشی اضافه کنید می توان به افزونه ی WP Add Custom CSS اشاره کرد.