WordPressda maxsus CSSni qanday qo’shish kerak: turli maqsadlar uchun 4 usul

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

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

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

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 bir necha 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

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

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

Umuman olganda, oddiy CSS  plaginlari bizning asosiy CSS sozlamalarni qo’shishning eng sevimli usuli hisoblanadi.

Shuningdek qarang:

WordPress mavzusining CSS uslublarini CSS Hero plaginini tezda tahrirlash

3-usul: bolangiz mavzusini uslubga o’tkazing

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.

Bola 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 siz mavzuni o’zgartirsangiz, uni ko’chirishingiz kerak bo’ladi.

Maxsus CSS uchun bolalar mavzusidan qanday foydalanish

Agar sizning mavzuingizda 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

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

Yoki unga Tashqi ko’rinish -> Tahrirlovchiga kirib kirishingiz mumkin :

wordpress-da maxsus CSS yaratish usuli

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 shaxsiy 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 fayl yoki shunga o’xshash bir plagin kod bu parcha qo’shishingiz edi  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 mavjud bo’lsa (masalan, 1000 qatordan ortiq), siz o’zingizning farzandingiz mavzusining jadvalini ishlatganingiz ma’qul.

Va nihoyat, har doim o’zingizning jadvalingizni o’rnatishingiz mumkin.

Behruzbek Hamidov

Blogger,Psixolog,Web-dasturchi,Seo mutaxasis

Fikr bildirish

Email manzilingiz chop etilmaydi. Majburiy bandlar * bilan belgilangan

Next Post

WordPress standart funktsiyalari uchun oddiy sozlamalar

Sesh Sen 22 , 2020
WordPress haqida eng yaxshi narsa bu uning egiluvchanligidir. Mavzu sizga yoqmaydimi? Uni o’zgartiring. Qo’shimcha funksiyalar kerakmi? Ehtimol siz yuklab olishingiz yoki sotib olishingiz mumkin bo’lgan plagin mavjud. Agar yo’q bo’lsa, uni o’zingiz yaratishingiz mumkin! WordPress-da ko’p narsalarni o’zgartirishingiz mumkin. Ushbu maqolada biz WordPress- ni sozlash uchun siz ilgari bilmagan bo’lishi mumkin bo’lgan bir necha oson usullarni ko’rib chiqamiz . 1. Standart jQuery manbasini o’zgartirish WordPress-ning […]