Hamma kenglikda WordPress shabloni. WordPress-da sahifaning to'liq kengligini qanday yaratish kerak
WordPress bloglar uchun ajoyib vositadir, ammo afsuski mukammal emas. Hatto keyin ham katta raqam Qulay ish uchun yangilanishlar va yuzlab yangi funktsiyalar mavjud foydalanuvchi interfeysi yaxshilanishlari kerak.
Yaqinda men ko'p sonli ro'yxat maqolalarini yozdim va bu jarayonda, ilgari bilmagan yoki ilgari menga xalaqit bermagan yoki undan oldin bo'lgan WordPress kirish vizual muharriri bilan bog'liq muammolarni aniqladim.
Ushbu qisqa darsda men sizga asosiy ustunning kengligini Vialgual WordPress kirish muharriridagi matn bilan qanday o'zgartirishni ko'rsataman.
Muammo
Katta yozuvlarni yaratishda (asosan rasmlar bilan) men ro'yxatning to'g'ri formatlanganligiga ishonch hosil qilish uchun postni saqlash va oldindan ko'rishim kerak edi. Bundan tashqari, men to'g'ridan-to'g'ri mening rasmimga to'g'ridan-to'g'ri matn yozishim kerak edi, chunki muharrir oynasi hajmi deyarli bir yarim baravar ko'pdir (shuningdek mening saytdagi asosiy tarkibiy qism):
Qaror
Qaror nisbatan sodda, ammo uni hayotda qanday qilishni bilishingiz kerak. Avval saytingizdagi tarkibiy qismning hozirgi kengligini aniqlashingiz kerak. Mening holatimda, mening blogim blokining kengligi - 650 piksel.
Keyin faylingizni ochishingiz kerak bo'ladi. funktsiya .php.va faylning pastki qismida quyidagi kodni qo'shing:
Funktsiyasi fb_change_mce_buttons ($ starray) \u003d "650px"]; "Tiny_Mcange_Mase_Cutton");
Natija
Natijada, saytning o'zida tarkibiy qismingizning kengligini takrorlaydigan yozuv muharririni ko'rasiz. Shunday qilib, administrator konsolidan arizani yaratganingizda, u iloji boricha tezroq ko'rinishga ega bo'ladi.
Esingizda bo'lsa, ba'zi ekranli rezolyutsiyalar sizning sozlamalaringizni o'zgartiradi va masalan, faqat bitta ustunni ko'rsatadi - bu sizning tarkibingizning kengligiga bog'liq bo'ladi.
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. 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 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. 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: 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: #Page (min-balandlik: 100px; ikkalasi; Ikkala; 96%; 0; 0; MaxX; Max-kengligi: Yuqorida; Ikkinchisi - ikki elementning kengligi, maqolalar ro'yxati va chap menyuda: Asosiy konteyner (kengligi: 980px; 0 avtoulov: Yuqoriga; ; -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. WordPress-da to'liq o'lchamdagi sahifani yaratmoqchimisiz?
Keyin, nega shu erda ekanligimizga qaytaylik. Ushbu usul Agar WordPress mavzusi allaqachon to'liq o'lchamdagi shablon bilan jihozlangan bo'lsa, tavsiya etiladi. Agar sizda yo'q bo'lsa, keyingi tanlovingizga murojaat qiling va oling.
Birinchidan, siz sahifani tahrirlashingiz yoki tashrif buyurib yangisini yaratishingiz kerak " Sahifalar\u003e qo'shish Yangi sahifa Sahifada tahrirlash oynasida tanlang To'liq kenglik Sahifa atributi atributlari ostida shablon sifatida. Modelni tanlaganingizdan so'ng To'liq kenglikSiz o'z sahifangizni ro'yxatdan o'tkazishingiz kerak. Siz ko'proq tarkib qo'shish yoki bosish uchun sahifaning konfiguratsiyasini davom ettirishingiz mumkin oldindan ko'rishbuni amalga oshirish uchun. Agar sizda "to'liq kenglik" opsiyasi yo'q bo'lsa - "To'liq kenglik shablon" - sahifangizdan tahrirlash ekranida, bu sizning WordPress mavzusi bunday sahifaga ega emasligini anglatadi. Ammo tashvishlanmang, biz sizga to'liq kattalikdagi sahifani o'zgartirish qanchalik osonligini ko'rsatamiz. wordPress mavzulari.
Ushbu usul sizdan foydalanadigan WordPress fayllarini tahrirlashingizni va PHP, CSS va HTML-ni asosiy tushunchasini tahrirlashni talab qiladi. Aytgancha, biz ham sizni tanishtirishga taklif qilamiz Avval ochishingiz kerak matn muharriri, masalan, "Notepad" kabi va bo'sh faylga quyidagi kodni joylashtiring: Ushbu kod fayl shablonining nomini shunchaki belgilaydi va WordPress nomini nomini o'chirish uchun so'raydi. Keyin sizga kodning tarkib qismi kerak. FTP mijozidan foydalanib saytingizga ulaning ( yoki fayl menejeri CPanelda) keyin boring / Wp tarkibi / mavzulari / tematik katalog / .
Keyin faylni topishingiz kerak " saxovat " Bu sizning mavzuingiz uchun standart sahifa shabloni. Vazifadan keyin hamma narsani nusxalash " get_header () Va uni faylga joylashtiring To'liq kenglik.php. Kompyuteringizda yaratganingiz uchun. Endi siz "to'liq kenglik" faylining mazmunini ko'rishingiz kerak va ushbu kod satrini o'chirib tashlang: Ushbu satr shunchaki yon panelni tiklaydi va uni WordPress mavzusida namoyish etadi. Uni olib tashlash, shablondan foydalanganda yon panelni ko'rsatmaydi To'liq kenglik.
Siz ushbu satr sizning WordPress mavzusida bir necha marta ko'rinishini ko'rishingiz mumkin. Agar sizning WordPress mavzusi bo'lsa, siz bir nechta panelni ko'rasiz, bu kodda bir marta ishni anglatadi. Siz qaysi yon panellarini tejashni xohlashingiz kerak. Sizning veb-saytingiz sekin yuklanadi, o'zingiz uchun kashf eting Agar sizning mavzuingiz sahifangizdagi yon panelni ko'rsatmasa, siz ushbu kodni faylingizda topa olmaysiz. Qanday qilib bizning to'liq kengligimiz.php kodi o'zgartirishlar kiritish haqida qayg'uradi. Sizning Mavzuingizga qarab kodingiz biroz farq qilishi mumkin. Keyin faylni yuklab olishingiz kerak To'liq kenglik.php. WordPressning mavzusi papkangizda. Siz muvaffaqiyatli yaratilgan va o'zingizning mavzularingiz uchun maxsus keng kenglik sahifasini yaratdingiz. To'liq kattalikdagi sahifani yaratish uchun ushbu shablondan foydalanish uchun keyingi qadam. Asboblar paneliga o'ting va yangi sahifani yarating yoki yarating. Sahifada tahrirlash ekranida sahifa atributi katakchasini toping va "Model" variantida ochiladigan menyuni bosing. Siz o'z modelingizni ko'rishingiz mumkin. Oldinga, uni tanlang va Sahifani saqlang yoki yangilang. Endi siz veb-saytingizga tashrif buyurishingiz mumkin va siz yon panellar g'oyib bo'lishini va sahifangiz bitta ustunli sahifa sifatida ko'rsatiladi. Ehtimol, u hali to'ldirilmagan, ammo endi siz uni boshqacha tarqatishga tayyormiz. Saytingizni ommalashtirish, kashf etish Tarkibingizdagi CSS sinflarini aniqlash uchun siz tekshiruv vositasidan foydalanishingiz kerak. Keyinchalik CSS-dan foydalanib, uning kengligini 100% sozlashingiz mumkin. Biz quyidagi CSS kodini ishlatdik: Bu yigirma o'n yetti yoshga o'xshaydi. Bu dars uchun bu narsa, umid qilamanki, bu sizga to'liq o'lchamdagi sahifalarni yaratishga imkon beradi. Yuqoridagi usullar tez yoki to'liq keng yoki to'liq kengliklarni yaratishga imkon beradigan va tezkor ravishda yaratishga imkon beradigan usullar uchun bepul. Siz zamonaviy qiyofa berish va blogingizni boshqarish yoki veb-saytingizni optimallashtirish uchun boshqa WordPress plaginlaridan foydalanishingiz mumkin. Divi quruvchisi - yuqori sifatli sahifa dizayner, u juda qadrlanadi Oqlangan mavzularGarchi u odatda WordPress Di-Mavzuning bir qismi sifatida ishlatiladi, devi quruvchisi, shuningdek, boshqa WordPress mavzularida ishlatilishi mumkin bo'lgan alohida plagin. Divi quruvchi sizga interfeys tomonidagi vizual interfeysdan foydalangan holda tarkibingizni tahrirlash imkonini beradi, shuningdek server tomonidagi interfeysdan foydalanadi, ammo aksariyat foydalanuvchilar birinchi interfeysni afzal ko'rishadi. Aslida, yon panellar o'rniga hamma narsa qalqib chiquvchi oynalar va suzuvchi tugmalarda. Bu sizga 316 ta oldindan taqdim etilgan andozalarga kirish huquqini beradi, turli taqdimotlarda 40 paketga taqsimlanadi va shuningdek, siz o'zingizning dizayningizni shablonlar sifatida tejashga imkon beradi. Biz sizga ochishni taklif qilamiz Divining xususiyatlaridan biri doimo sizga beradigan uslublar ustidan doimo nazoratga olingan. Uch xil yorliqlarda siz turli xil parametrlarni, shu jumladan moslashtiruvchi boshqarish vositalarini, sozlangan usullarni sozlashingiz mumkin. Siz hatto CSS muharriri asosiy tekshirish va avtomatik to'ldirishni birlashtirganligi sababli, siz ham maxsus CSS qo'shishingiz mumkin.Diviklarning tanqidchilaridan biri u har doim shunday bo'lganligi sababli, bu sizning tarkibingizda bir nechta qisqa klasslar qolayotgan bo'lsangiz, bu sizning tarkibingizda qoladi. Garchi bu ozgina tushkun bo'lsa-da, ammo endi bunday plaginlar bilan qisqa metrajli tozalash kabi kamroq muammolar mavjud. Minimalchilik qurilmasi Minioter Faitorni taklif qilayotgani ajablanarli emas. U buni oddiy sozlamalar bilan ta'minlash uchun uni ko'plab WordPress-ga qo'shadi. Ammo siz uni alohida plagin sifatida sotib olishingiz va uni har qanday WordPress mavzusi bilan ishlatishingiz mumkin. Divi quruvchi va WPBAKY Sahifa Sahifa quruvchisi kabi, INSFACAP yoki orqada sxetalar yaratishga imkon beradi.Yana bir yaxshi narsa - Ushbu plagin sizning javobingizni sozlashingizga imkon beradi boshqaruv ballari (Lekin faqat butun sayt darajasida). Onlayn do'kon yarating va Internetdagi mahsulotlaringizni osongina soting. Minimat quruvchisi bo'yicha qiziqarli xususiyat shundan iboratki, u hali ham standart WordPress muharriridan foydalanishga imkon beradi, boshqa sahifa dizaynerlar esa hamma narsa uchun sahifa quruvchi interfeysidan foydalanasiz. Dastlab 2016 yilda ishga tushirilgan, plagin WordPress Elementlar ushbu ro'yxatning eng yosh ishlab chiqaruvchilaridan biridir. Kechikib ishga tushirilishiga qaramay, elementlar tezda WordPress.org saytida 1,000,000 WordPress.org saytida ko'proq faol sozlamalarni to'plashdi, bu uni WordPress dizaynerlaridan biriga aylantiradi. Agar sizda takliflar yoki sharhlaringiz bo'lsa, ularni o'z bo'limimizda qoldiring
1
kengligi: 31,8%;
Gorizontal naqsh 2 qismini qanday kattalashtirishingiz mumkin, kenglikni o'zgartiring
1
2
3
4
5
6
7
8
#Page (min balandligi: 100px; ikkalasi; Ikkala; 96%; 0; 8px; Max-kengligi: toshbaqasi;
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);););
1-usul: O'rnatilgan kenglik shablonidan WordPress mavzularida
2-usul: Qanday qilib to'liq kenglik bilan sahifalarni yaratish
Shuningdek, bir nechta premium Wordress plaginlarini kashf eting
Sizga yordam beradigan bir nechta premium Wordpress plaginlarini taklif qilamiz.
1. Divi quruvchisi.
2. Buzuvchi
3. Fakir