Tarkib
- 1. Har doim foydalanuvchi administratorini ko'rib chiqing
- 2. Menyularingizni ishlating
- 3. Axborot tashuvchilar bilan ishlash
- 4. Qisqa kodlarni o'zlashtirish
- 5. JavaScript bizni aql-idrokda saqlaydi
WordPress tezda maishiy nomga va tarkibni boshqarish tizimlarining oltin standartiga aylanib bormoqda. WordPress-ga ishonish tarkibni etkazib berish uchun odatiy holga aylanayotgan bo'lsa-da, foydalanuvchilar ushbu tarkibni iste'mol qilish uchun mobil qurilmalardan tobora ko'proq foydalanmoqdalar. Darhaqiqat, 2015 yilda Internetning 50 foizdan ortig'i mobil qurilma tomonidan iste'mol qilinishi kutilmoqda. 4G-ni yuklab olish va uydagi yoki ofisdagi mobil qurilmalardan foydalanish bilan ushbu mobil foydalanuvchilar har doim ham kam tarmoqli kengligi bilan cheklanib qolmaydi.
Shunday qilib, mobil qurilmalar, statsionar kompyuterlar va hatto ulkan keng monitorlarda ushbu go'zal dizaynni saqlab, WordPress-da ishlaydigan veb-saytimiz yaxshi ishlashini qanday ta'minlashimiz kerak? Ethan Marcotte tomonidan ishlab chiqilgan (hozirga kelib u o'zining shaxsiy ismiga aylanishiga yaqin) javob beradigan veb-dizayn - bu barcha qurilmalar va ekran o'lchamlari uchun izchil dizayni va funksionalligini ta'minlaydigan atrof-muhitga mos keladigan veb-saytlarni yaratish usulidir.
Javobli WordPress mavzusi o'zining afzalliklariga ega, ammo bizda WordPressning ba'zi elementlari mavjud bo'lib, ularni engib o'tishimiz kerak. Quyida biz ushbu qobiliyatlarni qanday ishlatishni va aksincha ba'zi to'siqlarni qanday engib o'tishni ko'rib chiqamiz.
1. Har doim foydalanuvchi administratorini ko'rib chiqing
CMS ishlab chiqaruvchisi, xususan WordPress ishlab chiqaruvchisi sifatida siz doimo biz yaratadigan saytlar uchun ikki turdagi foydalanuvchilar haqida o'ylashingiz kerak. Birinchisi aniq va bu saytning odatiy mehmoni. Ikkinchi turdagi foydalanuvchi - foydalanuvchi administratori, tarkibni o'zgartiradigan va WordPress backend-ni boshqaradigan mas'ul.
Boshqaruvni yangi boshlagan internet foydalanuvchisiga topshirish juda qiyin bo'lishi mumkin va siz qanchalik ko'p tayyorgarlik ko'rganingizdan qat'iy nazar, oxir-oqibat xatoga yo'l qo'yasiz. Menda foydalanuvchi ma'murlari 50-dan ortiq sahifalarni bitta darajali ochiladigan menyuga qo'shishdan tortib, barcha postlarini kelajakda chiqarilishi uchun rejalashtirishga qadar va nima uchun ular saytdan yo'qolib qolganiga hayron bo'lishgan.
Sizning foydalanuvchi administratoringiz o'zining porloq yangi veb-saytida nima qilishi mumkinligini bashorat qilish juda qiyin, ammo ba'zi bir osonroq ishlarni sinab ko'rishni rejalashtirish yaxshi. Ayniqsa, javob beradigan saytni qurishda biz oldindan rejalashtirishimiz kerak. Bir nechta yaxshi maslahatlarga quyidagilar kiradi:
- Qo'ng'iroqlaringizning chuqurligini belgilash ikki darajali ochiladigan menyuni buzilgan olti pog'onali ochiladigan menyuga aylanishiga yo'l qo'ymaydi.
- Tasvirning kengligi va balandligini aniqlash, agar kerak bo'lsa, WordPress rasmlarni avtomatik ravishda o'zgartirish va kesish ishlarini bajarishi mumkin.
- Qarama-qarshi kodni o'rnatishni oldini olish uchun plaginlarga kirishni oldini olish
- Keyinchalik nizolarning oldini olish uchun skriptlarni ishga tushiring.
2. Menyularingizni ishlating
WordPress menyularni qachon qabul qilganini eslayman va bu ishlab chiquvchilar uchun ajoyib kun edi. Endi dinamik menyularni yaratish uchun biz murakkab echimlarni yaratishimiz shart emas edi. Bugun biz sahifalarni tom ma'noda menyuga sudrab boramiz, ularni xohlaganimizga ko'ra tartiblaymiz va hattoki osongina ierarxiya yaratish qobiliyatiga egamiz. WordPress hattoki butun sayt bo'ylab foydalanish uchun menyuni oldindan belgilash imkoniyatini beradi.
Bu ikkita menyuni aniqlashni osonlashtiradi, biri stol kompyuterlari, ikkinchisi mobil qurilmalar uchun. Agar siz ko'p sahifali katta veb-sayt qurayotgan bo'lsangiz, ehtimol siz mobil foydalanuvchiga kerak bo'lmasligi mumkin bo'lgan katta nav menyusida qimmatbaho sarlavha maydonini qurbon qilishni xohlamaysiz.
Bir nechta satr kodlari bilan biz tegishli ravishda ishlatilishi kerak bo'lgan mobil menyu va ish stoli menyusini aniqlashimiz mumkin.
The registr_nav_menu funktsiyasiga joylashtirilgan bo'lar edi funktsiyalari.php mavzudagi fayl. Siz bir vaqtning o'zida bir nechta menyuni ro'yxatdan o'tkazishingiz mumkin. Ushbu funktsiya haqida ko'proq bilish uchun iltimos, WordPress kodeksiga murojaat qiling.
Menyularimizni yaratgandan so'ng, qaysi birini ish stolida yoki mobil ko'rinishda namoyish qilishni aniqlay olamiz.
Mavzu fayllarimizda PHP-Mobile-Detect kabi PHP sinfidan foydalanib qaysi menyu ko'rsatilishini so'rashimiz mumkin yoki shunchaki ikkala menyuni ham ko'rsatib CSS bilan yashirishimiz mumkin.
Menyu kabi sodda narsa uchun men "mobil" sinfidan va "ish stoli" sinfidan foydalanishga moyil bo'laman, keyin CSS media so'rovlaridan foydalaning displey: yo'q to'g'ri sinf.
Maslahat: Ushbu sinflarni to'g'ridan-to'g'ri administrator maydonidagi to'g'ridan-to'g'ri nav menyulariga qo'shishingiz mumkin. Agar siz sinflar uchun variantni ko'rmasangiz, ekranning yuqori qismiga o'ting, bosing ekran parametrlari va darslarni tekshirish.
3. Axborot tashuvchilar bilan ishlash
CMS va javob beradigan veb-saytlarning murakkab muammolaridan biri bu ishlab chiqaruvchi endi tarkibni nazorat qilmasligi. Foydalanuvchi administratori o'z zimmasiga oladi va kerak bo'lganda tarkibni qo'shadi. Ko'p hollarda ushbu foydalanuvchilar administratorlari HTMLni bilishmaydi. Ushbu HTML bilimlarining etishmasligini WordPress bilan birlashtirganda har doim har bir kiritilgan rasmga kenglik va balandlik atributini qo'shib, biz javob beradigan nizolarga duch kelishimiz mumkin.
Tasvirlar va videolar kontent muharririga quyida keltirilganida, ushbu xususiyatlarning ustiga yozish uchun echimim bor. Shu bilan birga, uy sahifasida, arxiv sahifalarida, qidiruv natijalarida va yon panellarda "taniqli rasmlar" ni bizning mavzularimizda ishlatish odatiy holdir. Ushbu taniqli rasmlar hali ham foydalanuvchi administratori tomonidan yuklanadi, ammo tarkibning bir qismidan ko'ra ko'proq meta qiymati hisoblanadi. Boshqacha qilib aytadigan bo'lsak, biz taniqli tasvirni tema fayllaridagi tarkibning qolgan qismidan tashqarida deb atashimiz mumkin.
Ushbu rasmlarni nafaqat PHP fayllarimizda chaqirishimiz mumkin, balki ularning o'lchamlarini aniqlashimiz mumkin, va WordPress ularni avtomatik ravishda o'lchamlarini o'zgartiradi va kesib tashlaydi.
Post eskizlari uchun mavzuni qo'llab-quvvatlashni qo'shgandan so'ng, yordamida turli o'lchamlarni qo'shishimiz mumkin add_image_size funktsiya. Ushbu funktsiya haqida ko'proq ma'lumotni Kodeksda o'qishingiz mumkin.
Yuqoridagi kod parchasi taniqli rasmlar uchun mavzuni qo'llab-quvvatlaydi, so'ngra biz ushbu mavzu uchun kerakli eskiz nomlari va o'lchamlarini belgilaydi. Oxirgi parametr, agar kerak bo'lsa, WordPress-ning rasmni kesishini xohlaysizmi, deb so'raydi. Bunday holda men tasvirlarning buzilishini istamayman, shuning uchun uni rostga qo'ydim.
Tasvir o'lchamlarini oldindan belgilash, foydalanuvchi administratorlari qo'limizdan xatoliklarni keltirib chiqaradi. Ushbu oddiy funktsiya qo'ng'iroqlarisiz foydalanuvchi administratorlari 2400x1800pikselli fotosuratni taniqli rasm sifatida o'rnatishi mumkin, aksariyat hollarda undan kichikroq bo'lishi kerak. Bunday ulkan tasvirni mobil qurilmaga yuklab olishning hojati yo'qligini tezda ko'rishimiz mumkin.
Qurilma turini aniqlash uchun PHP funktsiyasidan foydalanish mobil qurilmalarga sezilarli darajada kichikroq rasmlarni va ish stoliga katta o'lchamdagi fotosuratlarni taqdim etishimizga imkon beradi.
4. Qisqa kodlarni o'zlashtirish
Qisqa kodlar bizga hech qanday kodni bilmasdan funktsiyalarga oddiy qo'ng'iroqlarni yaratishga imkon beradi. Biz shunchaki qisqa kodni aniqlay olamiz [myshortcode] yoki hatto kapsulali qisqa kodlarga ega [myshortcode] mening tarkibim [/ myshortcode].
Shortcode API turli xil funktsiyalarga va qo'shimcha mavzuni qo'llab-quvvatlashga imkon beradi. API yaxshi hujjatlashtirilgan va juda yaxshi o'qilgan.
Veb-saytimda men "yozuvlar" ni belgilash yoki elementlarni chetga surish uchun qisqa kodlardan foydalanaman. Kengroq ish stoli ekranida yozuvlar chap tomondagi panelda, ammo mobil qurilmada yon panel bitta ustunga birlashtirilgan.
Bu tomni ixtiro bilan aniq puflamaydi, lekin foydalanuvchi administratorlari uchun muammoni hal qiladi. Men qilayotgan narsa divni yopish, boshqasini ochish va keyin ularni qayta yopish. Agar siz HTMLni bilsangiz, bu unchalik katta muammo emas (ehtimol har doim darslaringizni eslab qolishga harakat qilishdan tashqari). Ammo HTMLni bilmaydigan odam uchun faqat ularning tarkibini o'rash kerak [note] [/ note].
WordPress hatto tahrirlovchilar panelini o'zgartirish va u erda qisqa kodlarimizni qo'shish imkoniyatini beradi. Qisqa kodlarni qo'shishning qulayligi va foydalanuvchi administratorlariga ularning mavjudligi ularni quyidagi echimlarni topadi:
- Tarkibni mobil qurilmalarda yashirish yoki tarkibni keng ish stoli ekranlarida ko'rsatish.
- Reklama berish (ish stoliga qarshi mobil telefonlar).
- Tarkibdagi qattiq kodlash havolalari.
- va yana ko'p narsalar ...
5. JavaScript bizni aql-idrokda saqlaydi
Biz foydalanuvchi administratori haqida bir necha bor aytib o'tgan edik. Biz ularning qo'llarini ushlab turishimizga yaramasligimiz sababli, biz quradigan saytlarning buzilmasligini va rivojlanish uchun juda ko'p ishlaganimiz javobgarlikni yo'qotmasligimizni ta'minlashimiz kerak.
Foydalanuvchi administratori tarkibni tarkibiga rasm qo'shganda yoki ishlatganda oembed videoni yuklash uchun biz javob beradigan saytlarni buzadigan HTML xususiyatlarini meros qilib olishni ozgina nazorat qilamiz. JavaScript va aniqrog'i jQuery media elementlari bilan bog'liq bo'lgan kenglik atributlarini yozish orqali ushbu muammolarni engillashtirishga yordam beradi.
Quyidagi jQuery parchasi plagin tomonidan yaratilgan div-dan 'style' atributini olib tashlash uchun ishlatiladigan soddalashtirilgan skriptdir. Mening veb-saytimda oddiy plagin qo'shilgan uchta ijtimoiy media almashish tugmasi mavjud, ular biron bir sababga ko'ra chiziq uslublarida foydalanishga qaror qildilar. Kelgusida plaginni yangilash bilan to'qnashuvlarning oldini olish maqsadida men uning fayllarini tahrirlashni xohlamadim. Buning o'rniga men ziddiyatli atributlarni olib tashlash uchun JavaScript-dan foydalanishim mumkin.
jQuery keraksiz, lekin avtomatik ravishda qo'shilgan atributlarni o'chirish uchun ishlatilishi mumkin, bu bizning javob berishga intilishimizga zid keladi. The removeAttr () funktsiyani global miqyosda yoki siz aniqlaganingizga qarab amalga oshirish mumkin. Modernizr va boshqalar kabi brauzer va qurilmalar turini aniqlashga yordam beradigan vositalar yordamida javob beradigan saytlarni yaratishni yanada osonlashtirish uchun biz JavaScript-dan ham foydalanishimiz mumkin.
Bu WordPress-ning ba'zi bir meros funktsiyalaridan foydalanish va ba'zi bir asoratlarni engishga yordam beradigan bir nechta maslahatlar. Sizni tark etmoqchi bo'lgan bir narsa - bu Responsive Web Design emas mobil telefon haqida. Biz keng statsionar kompyuterlar bilan g'ayrioddiy ishlarni bajarishimiz va qo'shimcha bo'sh joydan foydalanishimiz mumkin. Ayniqsa, WordPress-da, odatda bo'shashadigan tarkib mavjud bo'lib, keng brauzerlarda qo'shimcha ustun qo'shish mantiqan to'g'ri keladi. Mening saytimda siz keng brauzerlarda ko'rishingiz mumkin, men haqiqatan ham maqola yonida sharhlarim bo'limini ochaman. Menga bu juda yoqadi, chunki maqolalarni skimey bilan o'tkazadigan foydalanuvchilar bir vaqtning o'zida sharhlanadigan narsalar haqida tasavvurga ega bo'lishlari mumkin va biz ekranni chiroyli tarzda to'ldiramiz.
Agar siz WordPress-ni muhokama qilishga aralashsangiz, meni Twitter-da bilib olishdan qo'rqmang. Shuningdek, men ushbu mavzu bo'yicha chuqurroq ma'lumotga ega bo'laman .net jurnalining may oyidagi sonida (227) va mening kitobimda (Nyu-chavandozlar o'zlarining "Ovozlari muhim" turkumi ostida nashr etilmoqda). bu yoz.
