WordPress-da blog eng ko'p o'zgartirilishi mumkin turli yo'llar bilan, va bu o'zgarishlar haqiqatda qilingan kodlarda PHP fayllari joylashgan faol dizayn mavzusi papkasida blogda.

Endi blogingizga tanqidiy nazar bilan qarang. Tez orada ko'p narsa boshqacha bo'ladi, chunki printsipial jihatdan siz o'zingiz xohlagan narsani o'zgartirishingiz mumkin. Albatta, siz buni qanday qilishni bilishingiz kerak.

Ma'muriy panelda

Ma'muriy panelga kiring Tashqi ko'rinish— Muharrir . Siz ko'pgina shablonlar nima uchun javobgar ekanligini allaqachon bilasiz, ammo endi sizni shablonlar emas, balki ularning ostidagi narsalar qiziqtiradi: Uslublar. Aniqrog'i, ularning bir qismi, deyiladi Uslublar ro'yxati.

Ushbu ro'yxatga mos keladigan fayl style.css. Ushbu fayl blogda faol mavzu papkasida joylashgan. Siz uni har doim u erda topishingiz mumkin.

Brauzerda

Shunchaki brauzeringizni oching. Ko'pgina brauzerlarda mavjud yaxshi funktsiya: Sichqonchaning oʻng tugmasi bilan blogning istalgan joyini bosishingiz va amallar roʻyxatidan tanlashingiz mumkin Element kodini ko'rish . Quyida topishingiz mumkin bo'lgan oyna paydo bo'ladi qiziqarli ma'lumotlar siz bosgan element haqida.

Ushbu oynada chap Siz sahifa kodini ko'rasiz va bu kodda chiziq ta'kidlanadi. ushbu elementga mos keladi. A o'ngda, uslublarda ushbu elementning xususiyatlari bo'ladi.

Shrift o'lchami, chekinishlar, matn va fon rangi, tekislash: hammasi uslublarda , va bularning barchasini o'zgartirish mumkin.

Fon rangini o'zgartirish

Yoniq WordPress blogi Shaxsan menga maqolalar foni va hamma narsaning foni boshqacha bo'lsa, bu yoqmaydi. Bunday holda, tasmadagi maqolalar alohida bloklarda paydo bo'ladi va mening fikrimcha, juda yaxshi ko'rinmaydi. Biz hamma joyda fonni maqolaning hozirgi foni bilan bir xil qilamiz. Biz o'zgartirmoqchi bo'lgan fonni o'ng tugmasini bosing va "Element kodini ko'rish" ni tanlang. O'ngdagi natija sifatida ta'kidlangan qatorda bizni qiziqtiramiz sinf atributining nomi . Uslublar sinf tomonidan maxsus belgilanadi.

IN Ushbu holatda sinf = art-layout-hujayra Bu uslublarda, faylda degan ma'noni anglatadi style.css, bunday sinf ham bo'ladi va unda xususiyatlar allaqachon ko'rsatilgan. Bu shunchaki boshqacha ko'rinadi, xususan:

.art-layout-hujayra, keyin esa bu sinfning xossalari jingalak qavs ichida yoziladi.

Faylda shu nomdagi sinfni toping style.css. Keling, qidiruv funksiyasidan foydalanamiz Ctrl+F, va qidiruv maydoniga ismni kiriting: art-layout-hujayra. Biz darhol fonni ko'ramiz:

fon rangi: shaffof. Shaffof anglatadi shaffof .

Endi bizga qanday rang kerak? Maqolalarimizning fon rangini qayerdan olsam bo'ladi? Bu safar biz foydalanamiz FSCapture dasturi. Unda. boshqa narsalar qatorida, asboblar to'plami orasida siz topishingiz mumkin pipetka, bu sizning monitor ekraningizdagi istalgan hududning rangini aniqlaydi. Juda foydali vosita!

FSCapture dasturini oching, o'ting Sozlamalar, va asbobni tanlang Ekran ko'z tomchisi . Ekrandagi kerakli maydonni bosing. Oynada Hex Sizga kerak bo'lgan rang uchun kodni ko'rasiz: D2E8EE

Siz uni uslubga kiritasiz art-layout-hujayra so'z o'rniga Shaffof .

Qarang, nima bo'ldi. Hali qilinishi kerak bo'lgan ishlar ko'p, ammo buning boshlanishi allaqachon qilingan.

Shu haqida video. Wordpress blogida fonni qanday tahrirlash

Batafsilroq ma'lumotni "Barcha kurslar" va "Utilitalar" bo'limlarida olishingiz mumkin, ular orqali kirish mumkin. Yuqori menyu sayt. Ushbu bo'limlarda maqolalar mavzular bo'yicha turli mavzular bo'yicha eng batafsil (iloji boricha) ma'lumotlarni o'z ichiga olgan bloklarga guruhlangan.

Shuningdek, siz blogga obuna bo'lishingiz va barcha yangi maqolalar haqida bilib olishingiz mumkin.
Bu ko'p vaqt talab qilmaydi. Quyidagi havolani bosish kifoya:

Bugun o'z amaliyotimda men menyuning fonini o'rnatish kerakligiga duch keldim shaffoflik. Albatta, buni picture.png yordamida qilish imkoniyati bor edi, lekin men hali ham qazib olishga va buni qilishga qaror qildim. shaffof fon Bilan CSS yordamida . Bu juda oson bo'lib chiqdi :)

Html kodida biz "sinf" yozamiz, buning uchun ma'lum bir shaffoflikni o'rnatish kerak:

FON (fon: rgba(200, 54, 54, 0.5); )

Shunday qilib, men uchta asosiy rang uchun qiymatlarni belgilash orqali fon rangini aniqladim (qizil - r, yashil - g, ko'k - b) va fon shaffofligi 50% gacha (alfa - a) bitta mulk bilan. Rang uchun qiymatlar 0 dan 255 gacha, shaffoflik uchun esa 0,0 dan 1,0 gacha.

Mulk rgba boshqa barcha elementlar uchun ham amal qiladi. Ammo agar ma'lum bir sinfdagi barcha elementlar uchun shaffoflikni o'rnatish zarur bo'lsa, u holda siz xususiyatdan foydalanishingiz mumkin shaffoflik, bu butun element yoki butun sahifa uchun shaffoflikni o'rnatadi. keyin kod quyidagicha ko'rinadi:

FON (shaffoflik: 0,5; )

Bunday holda, ushbu sinfdagi barcha elementlar, shu jumladan shaffof bo'ladi rasmlar va matn shaffof bo'ladi.

Obuna bo'ling va elektron pochta orqali foydali maqolalarni oling!

Bizning blogimizdagi boshqa ajoyib maqolalar

• Bilaman, amalda ko'pincha sayt egasi saytni bir necha marta "qayta tiklaydi" yoki "noldan" yaratadi va oxirida kerakli natijaga erishmaydi. Bunday holda, siz ...
• Hamkorlik materiali! Doimiy e'tibor tufayli qidiruv tizimlari to'g'ridan-to'g'ri Internet foydalanuvchisining o'zi va ko'rsatkichlari so'nggi yangilanishlar Google algoritmlari, veb-sayt egalari uchun ularning yuklanish tezligiga e'tibor berish yanada muhimroq bo'ldi...
• Qarang, agar sizda "kalit taslim veb-sayt yaratish" vazifasi bo'lsa, ushbu havolaga o'ting va vazifani bizga topshiring. Agar sizga misol kerak bo'lsa texnik topshiriq- "Yaratish uchun texnik xususiyatlar ..." maqolasiga qarang.
• Hamkorlik materiali! - Maqolangizni nashr etmoqchimisiz? Ko'pgina veb-sayt egalari uchun SEO optimallashtirish juda qiyin vazifa kabi ko'rinadi. Aslida bu haqiqat emas. Rag'batlantirish uchun yuqori malakali mutaxassislarni jalb qilish juda...

Fon - bu saytning barcha elementlari ko'rsatilgan rasm. Yoki bu rasm emas, balki qattiq yoki gradient rang bo'lishi mumkin.

Ko'pgina shablonlar fonni sozlash va o'zgartirishni qo'llab-quvvatlamaydi. Biroq, barcha mavzular buni qila olmaydi, ayniqsa bepul nusxalar haqida gap ketganda. Ammo sizning saytingizda WordPress fonini sozlamalarda o'zgartirishingiz mumkin bo'lgan shablon o'rnatilgan bo'lsa ham, bu juda kam operatsiya bo'ladi, chunki o'zgarishlar bir vaqtning o'zida butun saytga qo'llaniladi. Oddiy shablonlarda faqat ba'zi xabarlar, toifalar yoki sahifalar fonini o'zgartirish mumkin emas.

Ushbu maqolada biz sizga bir necha marta bosish orqali ushbu muammoni hal qiladigan ikkita oddiy plagin haqida gapirib beramiz.

Har bir sahifa uchun fon

Bu WordPress fonida operatsiyalarni bajarishga imkon beruvchi eng oddiy plagin. Uni o'rnatish va faollashtirgandan so'ng, sayt boshqaruv panelida hech qanday sozlamalar yoki qo'shimcha elementlar paydo bo'lmaydi. Faqat har bir post va sahifa sahifasida maxsus fon rasmini qo'shish imkonini beruvchi yangi variant bo'ladi.

WordPress fonida tanlangan rasmga bir nechta effektlarni qo'llash mumkin:

• Takrorlashni tanlang - gorizontal yoki vertikal;
• Rasmni sayt yoki sobit, deb ataladigan bilan aylantirilishi mumkin;
• WordPress fon yo'nalishini tanlang - o'ng, chap, markaz;
• Tasvirlar o'rniga oddiy rangli to'ldirishni tanlang.

Plagin bepul. Bundan tashqari, har bir yuklab olingan WordPress fonini ushbu plaginning o'rnatilgan muharririda tahrirlash mumkin.

To'liq ekran fon rasmlari Pro

Ushbu plaginni ishlatish ancha murakkab va WordPress fonida ko'proq operatsiyalarni bajarishga imkon beradi. Bu pullik va 13 dollar turadi. Plaginni faollashtirishni o'rnatgandan so'ng, boshqaruv panelida menyu elementi bo'ladi. U fonlar galereyasini saqlaydi, bu yerda istalgan vaqtda rasmlarni qo‘shish, o‘chirish va tahrirlash mumkin.

Bundan tashqari, siz har qanday post yoki sahifa uchun WordPress fonini o'rnatishingiz mumkin, ularni identifikatori bo'yicha aniqlashingiz mumkin bosh sahifa, har qanday toifa, arxiv sahifalari va hatto 404 sahifa.

Ushbu plaginning keng imkoniyatlari birinchisida bo'lgan funksiya bilan to'ldiriladi - har bir sahifa va postning qo'shilgan sahifasida u yoki bu plaginni o'rnatish imkoniyatlari qo'shiladi. fon tasviri, muharrir va har xil effektlar bilan.

Umuman olganda, ajoyib vosita WordPress fonini yaratish uchun. Ham pullik, ham bepul plagin bu bilan bog'liq ko'plab muammolarni hal qilish uchun javob beradi.