![](https://akme.uz/bahor-qaytsaydi-yana/2020/10/1.jpg)
WordPress bilan ko’proq tanishganingiz sayin, hech bo’lmaganda saytingizga kamida bir oz maxsus CSS qo’shishni xohlaysiz. WordPress-da maxsus CSS-ni qo’shish biroz qiyin bo’lishi mumkin, chunki ota-ona uslubi jadvalini tahrirlash va shu erda kodingizni joylashtirish yaxshi emas.
WordPress-da maxsus CSS-ni to’g’ri qo’shishga yordam berish uchun biz to’rt xil usulni baham ko’ramiz.
1-usul: WordPress Customizer-dan foydalanish
Keling, WordPress Customizer-dan boshlaymiz, chunki bu eng maqbul usul.
CSS uchun WordPress Customizer-dan foydalanishning ijobiy tomonlari
- Siz plaginni sozlashingiz yoki o’rnatishingiz shart emas. Bu WordPress yadrosining bir qismidir.
- O’zingizning CSS-ga o’zgartirishlaringizni saytingizni jonli oldindan ko’rishda ko’rishingiz mumkin.
- Hech narsa aralashmaganligingizga ishonch hosil qilish uchun asosiy tekshirishni o’z ichiga oladi.
CSS uchun WordPress Customizer-dan foydalanishning kamchiliklari
Siz qo’shgan har qanday maxsus CSS sizning mavzuingizga bog’liq. Agar siz mavzularni o’zgartirsangiz, o’zingizning CSS-ni nusxalashingiz kerak.
CSS uchun WordPress Customizer-dan qanday foydalanish
WordPress boshqaruv panelida Tashqi ko’rinish → Moslashtirish bo’limiga o’tib, WordPress Customizer interfeysini ishga tushiring :
![WordPress-ga qanday qilib maxsus CSS-ni qo'shish kerakligi](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-1-e1522672766918.png)
Keyin WordPress Customizer yon panelidagi CSS- ni qo’shish- ni bosing (pastki qismida bo’lishi kerak):
![WordPress saytiga maxsus CSS-ni qanday qo'shish kerak](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-2-e1522673061311.png)
Endi faqat CSS-ni oynaga qo’shing. Agar siz biron bir sintaksisni buzsangiz, muharrir sizni xatolar haqida ogohlantiradi:
![1-usul WordPress saytiga CSS-ni qanday qo'shish](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-3-e1522673046802.png)
Shaxsiy CSS-ni qo’shib bo’lgach , o’zgarishlarni real vaqt rejimida saqlash uchun Nashr etish tugmasini bosing .
Boshqaruv 2. Bepul Simple CSS plaginidan foydalanish
Simple CSS – Tom Usborne-dan bepul plagin, u shuningdek mashhur GeneratePress mavzusining yaratuvchisi. Plagin avvalgi usuldan deyarli hamma narsani va boshqalarni amalga oshirishi mumkin.
Simple CSS plaginidan foydalanishning ijobiy tomonlari
- Siz Live View uchun WordPress Customizer-dan foydalanib CSS-ni qo’shishingiz mumkin.
- Plagin tarkibida WordPress Customizer-dan tashqarida alohida to’liq ishlaydigan CSS muharriri mavjud.
- Shaxsiy xabarlarga yoki sahifalarga maxsus CSS-ni qo’shishingiz mumkin.
- Siz qo’shgan har qanday CSS mavzuga bog’liq emas. Shunday qilib, siz mavzularni almashtirsangiz ham, CSS hali ham mavjud bo’ladi.
Simple CSS-dan foydalanishning kamchiliklari
WordPress Customizer usuli kabi kodni tasdiqlash mavjud emas.
Simple CSS plaginidan qanday foydalanish
Plaginni o’rnatgandan va faollashtirgandan so’ng, WordPress-ga maxsus CSS-ni qo’shishning turli xil usullari mavjud.
Birinchidan, Tashqi ko’rinish -> Moslashtirish va oddiy CSS parametridan foydalanishingiz mumkin. Bu sizga oldingi usul kabi CSS-dagi o’zgarishlarni oldindan ko’rishga imkon beradi:
![WordPress saytiga polshalik CSS-ni qanday qo'shish kerak](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-4-e1522673032652.png)
Ikkinchidan, to’liq muharrirdan foydalanish uchun Tashqi ko’rinish -> Oddiy CSS- ga o’tishingiz mumkin . Simple CSS maydonidagi ushbu tahrirlovchining kodi WordPress Customizer-dagi kod bilan bir xil bo’ladi:
![2-usul, qanday qilib wordpress-ga maxsus CSS-ni qo'shish](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-5-e1522673162555.png)
Va nihoyat, siz WordPress muharriridagi yangi oddiy CSS meta-kodi orqali bitta CSS-ni bitta xabarga yoki sahifaga qo’shishingiz mumkin:
![WordPress-ga qanday qilib maxsus CSS-ni qo'shish kerakligi](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-6-e1522673232187.png)
Umuman olganda, oddiy CSS plagini – bu bizning asosiy CSS sozlamalarni qo’shishning eng sevimli usuli.
3-usul: bolangiz mavzusini uslubga aylantiring
Agar sizda bu erda bir nechta tweaks emas, balki qo’shish uchun juda ko’p maxsus CSS bo’lsa, mavzuning uslublar jadvalidan foydalansangiz yaxshi bo’ladi.
Siz o’zingizning CSS-ni ota-ona mavzusining jadvaliga qo’shib bo’lmaydi, chunki bu mavzuni har yangilaganingizda uning ustiga yoziladi.
Buning o’rniga siz bolalar mavzusidan foydalanishingiz kerak. Shunday qilib, sizning ota-onangiz mavzusi yangilangan taqdirda ham, sizning shaxsiy CSS -laringiz bir xil bo’ladi.
Bolalar mavzusidan foydalanishning ijobiy tomonlari
Ko’p maxsus CSS-ni qo’shish uchun yaxshi (masalan, 1000 ta qator yoki undan ko’p).
Bola mavzusidan foydalanishning kamchiliklari
- WordPress Customizer-da oldingi ikkita usul kabi oldindan ko’rish mavjud emas.
- Umuman olganda, boshqa ikkita usul kabi qulay emas.
- O’zingizning CSS-sizning mavzuingizga bog’liq, shuning uchun mavzuni o’zgartirsangiz, uni ko’chirishingiz kerak bo’ladi.
Maxsus CSS uchun bolalar mavzusidan qanday foydalanish
Agar sizning mavzusingizda siz ishlashingiz mumkin bo’lgan bolalar mavzusi bo’lmasa, bepul ” Bir marta bosish” bolalar mavzusi plaginidan foydalaning .
Plaginni o’rnatgandan va faollashtirgandan so’ng, Tashqi ko’rinish -> Bolalar mavzusi yorlig’iga o’ting va:
- Ism, tavsif va muallif uchun ma’lumotlarni kiriting.
- Bola yaratish-ni bosing .
![wordpress-da maxsus CSS yaratish](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-7-e1522673360574.png)
Plagin farzandingiz mavzusini yaratgandan so’ng, u avtomatik ravishda uni faollashtiradi. Keyin to’g’ridan-to’g’ri farzandingizning uslublar jadvaliga o’tishingiz mumkin:
![wordpress-da maxsus CSS yaratish usuli](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-8-e1522673413646.png)
Yoki siz unga Tashqi ko’rinish -> Tahrirlovchiga kirib kirishingiz mumkin :
![wordpress-da maxsus CSS yaratish usuli](https://hostenko.com/wpcafe/wp-content/uploads/how-to-add-custom-css-to-wordpress-9-e1522673521280.png)
WordPress Customizer usuli singari, WordPress har qanday qo’shilgan CSS-da asosiy kodni tekshirishni amalga oshiradi (bu yaqinda qo’shilgan xususiyat).
Boshqaruv 4. O’zingizning odatiy uslubingizni amalga oshirish
Ko’pgina WordPress foydalanuvchilari ushbu usuldan foydalanishni xohlamaydilar.
Ammo biz buni kiritdik, chunki ba’zi odamlar o’zlarining jadvallarini to’g’ridan-to’g’ri <head> bo’limiga qo’shib, o’zlarining uslublar jadvalini qo’shishga harakat qilmoqdalar:
<link rel = “stylesheet” type = “text / css” href = “mystyle.css”>
Yuqoridagi usul WordPress-da buni amalga oshirishning to’g’ri usuli emas.
Buning o’rniga, jadvallaringizni qo’shish uchun wp_enqueue_style dan foydalanishingiz kerak.
Misol uchun, bir stillar jadvallari siz mavzuni papkaga yuklangan deb nomlangan customstyles.css kiritish uchun siz functions.php faylga kod bu parcha qo’shishingiz edi yoki plagin kabi kod .
wp_enqueue_style (‘customstyles’, get_stylesheet_directory_uri (). ‘/customstyles.css’);
WordPress-da maxsus CSS-ni qanday qo’shish haqida yakuniy fikrlar
Agar siz CSS-ning bir nechta maxsus bitlarini qo’shishni istasangiz, WordPress Customizer yoki Simple CSS plaginidan foydalanish eng oson yo’li bo’ladi.
Agar sizda qo’shish uchun juda ko’p maxsus CSS bo’lsa (masalan, 1000 dan ortiq qator), siz o’zingizning farzandingiz mavzusining jadvalini ishlatganingiz ma’qul.
Va nihoyat, har doim o’zingizning jadvalingizni o’rnatishingiz mumkin.