WordPress-da sahifani qanday kengaytirish kerak. WordPress mavzusi kengligi o'zgarishi
Ko'pincha, WordPress shablonini tanlashda, bu blokning kengligi etarli emas. Ko'pchilik darhol shablonning kengligini o'zgartirish istagi paydo bo'ladi. HTML yoki PHP-ga yaxshi bilganlar uchun maxsus muammolar yaratmaydi. Ammo batafsil ma'lumotni yozishni tayyorsiz odam uchun WordPress shablon hajmida o'zgartirishlar kiritish uchun sizga to'liq risola kerak bo'ladi.
Eng oddiy narsa bu buyurtma berish, lekin uni mustaqil ravishda oladilar. Kelajakda u har bir kichik narsa uchun mutaxassislar bilan bog'lanish shart emas. Buni juda mumkin bo'lgan "asos" ni bilish. Ishga tushirishdan oldin, har qanday o'zgarishlar, sizning resursingizning barcha sahifalarining zaxira nusxasini yarating. Noto'g'ri ish bo'lsa, siz saytning boshlang'ich saytini osongina tiklashingiz mumkin.
WordPress shablonlari aql bovar qilmaydigan to'plamdir, ularning barchasi boshqacha va hamma o'z yo'lida o'zgaradi. Ammo bunday asosiy bloklar: asosiy sahifaning kengligi, shlyapa, chap va o'ng ustun, podval hamma narsaga ega. Ishlash uchun bizda kerak bo'ladi:
- Veb-brauzer Mozilla Firefox..
- Firefox-ga o'rnatilgan Firebug plaginini o'rnating.
Siz yuklab olingan bo'lsa, o'rnatilgan bo'lsa, o'rnatilgan va ishga tayyor bo'lganda, tanlangan shablonni Mozlela Firefox-da oching va qo'ng'iz ikonini bosgan holda o'chiring.
Oddiy panel
Plaginlar paneli ochilib, biz ishlay olamiz. Monitaning yuqori qismida barcha o'zgarishlar darhol ko'rsatiladi. O'ng yorliqda biz chap tomonda tanlangan elementning uslubini ko'ramiz hTML kod sahifalar. Shablonning kengligini oshirish yoki kamaytirish uchun, hozirgi asosiy o'lchamini aniqlashimiz kerak. Plaginning kursor belgisini bosing.
Sahifadagi elementlar turli xil ranglar bilan ta'kidlanadi va saytingiz tarkibi bilan tanish bo'lgan har bir sahifaning ta'kidlashingiz mumkin. Ism olish, aniq o'lchovlarni bilib oling. Hozirgi kenglik o'rnatilgandan so'ng, Sichqoncha tugmasi ushbu qiymatga bosim o'tkaziladi. Biz eng munosib kenglikni va sinovni yaratamiz, uning displeyi.
Siz har qanday narsa va qiymatlar bilan xavfsiz tajriba qilishingiz mumkin. Joriy o'zgarishlar serverdagi sahifangizga ta'sir qilolmaydi, ular faqat plagin oynasida faol (hozirgi Mazil keshi). Yangilanish paytida barcha sozlamalar qayta o'rnatiladi.
Qoidalar Style.css
Endi u WordPress shabloniga ushbu o'zgartirishlarni saqlash qoladi. Odatda, shablon kengligi style.css-da buyuriladi. Biz veb-saytning ma'muriy paneliga kiramiz → Tashqi ko'rinish → Muharrir → Style.css → SPRSS → Qiymat kengligini o'zgartirish. Biz tejamiz.
Biroz wordPress andozalari Sidbar deb ataladigan yon menyuda juda tor torayish yoki aksincha, ba'zi veb-ustalar ma'lum chegaralarni kengaytirishga, masalan, banner hamroh bo'lgan. Ushbu maqolada, qanday qilib sizga aytaman sarlavhaning o'lchamlarini, maqola yoki yon menyusining qismini o'zgartiring.
Bu uchun shablon hajmini o'zgartirish kerak bo'lishi mumkin.
Shablonning o'lchami siz boshida ikkalasini o'zgartirishni xohlashingiz mumkin, uni o'rnatilgan va bir qator maqolalarni yozganingizdan so'ng va birinchi o'nlab tashrif buyuruvchilarni ko'rishni boshladingiz. Masalan, men o'zimning ishimdan reklama paytida birinchi marta reklama olishni xohlaganimdan so'ng shablonni kengaytirishim kerak edi - Blog. Ushbu maqsadlar uchun tizim tanlandi banner reklama dan Google AdSense. Ammo hech bo'lmaganda baxtsiz ikki tsentni hisobga olish kerak bo'lgan ikkita parametrni hisobga olish kerak:
- Reklama ustiga bosilgan kishiga, bu tizim ma'lum joylarda chiqarilishi kerakligini banner uchun kerak. Internetda ular bu chap slayder ekanligini yozadilar, bu erda kvadrat bayroq va uch marta. Eng yuqori qismida, markazda, ba'zi bir sarlavhalardan keyin va oxirida. Bunday joy odamlar uchun juda mos keladi, bannerni bosish uchun. Albatta boshqa variantlar, masalan, rasmlarda, lekin biz ularni ushbu maqolada hisobga olmaymiz.
- Google ma'lum bir o'lchamdagi bayroqni chiqaradi.
ular. Birinchi va ikkinchi elementni, ya'ni Google yoki Yandeksdan bayoni va bu uchun ajratilgan joyga joylashtirilgan joyga joylashtirilishi kerak, bu esa va chap yon panel va maqolalarda joylashtirilishi kerak. Mening shablonim bu maqsadlar uchun juda tor bo'lganligi sababli, kichkina banner osilganligi mantiqiy emas, chunki hech kim ularda hech kim qolmaydi, shunda faqat bitta narsa qolmaydi - cho'zish yon panel va maqolalar bo'limlari.
Qanday qilib gorizontal ravishda 1 qismni oshirish mumkin, biz raqamlarni tushunamiz
Qancha zarurligini tushunish uchun biz bir yoki boshqa buyumning kengligini oshirishimiz kerak. Biz "u erda etarli santimetr" ni va yarim santimetrga, bu raqamlarni aniq bir pikselda o'rganishga tahdid qilmaslik kerak. Bu erda deyarli har qanday brauzer bizga yordam beradi, masalan:
- Safari.
- Firefox.
- Gugl xrom.
Shaxsan men Safari misolida ko'rsataman va siz uchun qulay bo'lgan har qanday brauzerdasiz. Farqlar faqat bitta tugmada bo'lishi kerak.
Shunday qilib, bazamiz bizning saytimiz - 4 elementdan, shablonning o'zi, sahifaning o'lchami, maqolaning o'lchami va chap menyu blokidan iborat. Barchamiz navbatga chiqamiz, tashvishlanmang, xavotirlanmaydi.
Chap menyuning kengligini o'zgartirish.
Bunday holda, siz 3-5-bandda va sahifada foiz foizida bo'lgani kabi, siz ham pikselni ham o'zgartirishingiz mumkin. Buning uchun piksel o'rniga parametrni o'zgartirish kifoya
1 | kengligi: 31,8%; |
Ushbu qiymatlar kenglikning qancha foizini bir yoki boshqa element egallashi mumkinligini anglatadi. Asosiysi, bu yon panel va maqola 100% ishg'ol qilingan, aks holda siz sahifada shishgansiz.
Ana xolos. Endi biz hamma narsalarning ulushi qanchalik qadrli bo'lishimiz kerakligini bilamiz, shunda hamma narsa katta. Bu uslub faylida kerakli ma'lumotlarni yaratish uchun kichik bo'lib qoladi.
Gorizontal naqsh 2 qismini qanday kattalashtirishingiz mumkin, kenglikni o'zgartiring
Raqamlarni tushunganimizdan so'ng, ularni barglardagi biron bir joyga yozib qo'yganimizdan keyin, ularni nafaqat o'zingiz uchun emas, balki hamma uchun o'zgartiraylik. Buning uchun:
- Saytga FTP-ga o'ting
- Kompyuteringiz / WP-Content / Mavzular / Mavzuni / STYLE.CSS-ga toping va nusxa oling
- Ushbu faylning zaxira nusxasini yarating, i.e. Uni hujjatlarim papkamga nusxalash. Biz ishlaymiz, ikkinchisi biz tegmaydigan ikkinchi faylning ikkita nusxasini yaratish. Ikkinchisi, agar biz biron bir noto'g'ri narsani o'zgartirsak va buni unutsak.
- Faylni qulay muharrirga oching. Endi eski qadriyatlarni yangilariga o'zgartirish juda oddiy vazifamiz bor. Ikkita usul bor, birinchi yorug'lik ikkinchi yarasi og'ir. Birinchisi eski qiymatni qidirmoqda va uning o'rniga yangisini yozing. Ikkinchi usul - Biz kenglik qidirayotgan va qiymatni o'zgartirish uslublar ichida uslublarning nomini qidirmoqdamiz.
Shaxsan men birinchi bo'lib o'zim uchun oson yo'lni tanladim, chunki bu sizga bir necha soniya ichida bir necha soniya ichida o'zgarishlar qilish imkonini beradi. Shunday qilib, biz 980 qiymatini qidirmoqdamiz. Faylni qidirish menda faqat ikkita parametr berilgan.
Birinchisi saytning kengligi uchun javobgardir:
1 2 3 4 5 6 7 8 | #Page (min balandligi: 100px; ikkalasi; Ikkala; 96%; 0; 8px; Max-kengligi: toshbaqasi; |
#Page (min-balandlik: 100px; ikkalasi; Ikkala; 96%; 0; 0; MaxX; Max-kengligi: Yuqorida;
Ikkinchisi - ikki elementning kengligi, maqolalar ro'yxati va chap menyuda:
1 2 3 4 5 6 7 8 9 10 11 | . Asosiy idishlar (kengligi: 980px; 0 avtoulov: 0) Yuqoriga; #FX 0px 10pba (50, 50, 50, 0,17) ; - Moz-boks - soya: 0px 0px 10px 10px RGBA (50, 50, 50, 0.0, 50, 0,17););); |
Asosiy konteyner (kengligi: 980px; 0 avtoulov: Yuqoriga ko'ra; 1; 5px 10px 10px rgba (50, 50, 50, 0,17) ; -Mooz-baks-soya: 0px 0px 10px RGBA (50, 50, 50, 0,17); Box soya: 0px 0px 10px (50, 50, 50, 0,17);););
980 dan 1080 gacha bo'lgan qiymatlarni o'zgartirish va yuklab olish uchun qolgan narsalarning barchasi.
Bu hammasi, lekin agar sizda biron bir savol bo'lsa, sharhlarga yozing yoki sizga yordam berishdan mamnun bo'laman.
Ko'pincha sizga yoqadigan mavzu yozuvlar uchun tor maydonga ega va uning sozlamalarida kenglikning o'zgarishi ta'minlanmaydi. Bunday holda, uni minimal bilim bilan ko'paytirish mumkin HTML. va CSS. . Masalan, biz ommaviy, bepul patagoniya mavzusidan foydalanamiz. Siz ajoyib plagin yordamida mavzuni kengaytirishingiz mumkin Firefox.— Firebug.. Birinchidan, uni bu yerdan yuklab olish orqali o'rnatilishi kerak. Keyin yoqing plagin, rasmda ko'rsatilganidek - Tool yorlig'i — Veb-reja — Firebug. — ochiq olovni oching.:
Shundan so'ng, ekranning pastki qismida kursorni ushlab, sichqonchani bosib, turli elementlarni tanlang. Shu bilan birga, o'ng tomonda ko'rsatiladi. sog'liqlar CSS.va sahifaning sahifasida yoki bu mintaqa ajratiladi - asosiy yon panel, sarlavha.. Biz shuningdek, biz "chiqadi" degani bizda "chiqadi" degan asosiy sohadan manfaatdormiz Masalan, yo'lning kengligi Asosiy maydon 550 piksel, 620 gacha. Buning uchun siz satrga o'zgartirish kiritishingiz kerak kengligi: 550px Fayli style.css.. Agar mavzu allaqachon o'rnatilgan bo'lsa, siz ushbu faylni to'g'ridan-to'g'ri admindan tahrirlashingiz mumkin, agar bo'lmasa, arxivni mavzuni chiqarib, muharrirdan foydalanib faylga o'zgartirishingiz kerak. Bizning holatda, mavzu o'rnatilgan, shuning uchun biz kiramiz adminpar— Tashqi ko'rinish
— Muharrir - Style.css faylini oching, biz kenglikni topamiz: 550px ipini topamiz va 550px kengligi qiymatini 620px. Jmem. Faylni yangilang.. Biz saytga boramiz va postlarning maydoni kengayganini ko'ramiz, ammo joylarda o'ng ustunga "urish". Bunday holda, biz ushbu sohani mutanosib ravishda tor toraytirishimiz kerak. Buning uchun biz ham foydalanamiz plaginni otishma., avvalgi ishda bo'lgani kabi. Tegni toping.