Page Builder Sandwich’ni ommaga taqdim etganimizga 10 oy bo‘ldi. Hozirda bizda 6 000 ga yaqin faol o‘rnatmalar mavjud va bu biz uchun ancha katta yutuq. Shu sababli biz juda ko‘p fikr-mulohazalar oldik, ham ijobiy, ham salbiy. Biroq, umumiy fikr shuki, odamlar boshqa sahifa tuzuvchilarga qaraganda bu yerda maketlar yaratish va kontent tuzish qanchalik oson ekanligidan mamnun.

Biz olgan fikr-mulohazalarning katta qismi yangi funksiyalar bo‘yicha so‘rovlar edi va o‘tgan bir necha oy davomida ushbu funksiyalarning ko‘pini qo‘shdik. Ammo buni davom ettirar ekanmiz, jarayonda foydalanuvchi interfeysini ham asta-sekin o‘zgartira boshladik. Va natijada foydalanuvchi tajribasini ham o‘zgartirayotgan edik… yomon tomonga. Biroq ish shunday darajaga yetdiki, biz interfeysni qayta ko‘rib chiqishimiz kerak bo‘lib qoldi, chunki u endi silliq ishlamayotgan edi va turli funksiyalar ham u bilan mos tushmayotgan edi.

Eskirgan interfeys

PBS ning oldingi versiyalarida hamma narsa tugmalar ko‘rinishida bo‘lishini xohlagan edik. Nega? Chunki tugmalardan foydalanish oson. Shunchaki… ularni bosasiz. Inspektorning eskiroq versiyalarida (yuqoridagi rasmdagi yon panel), tugmani bosish qiymatni oshirar, shift+bosish esa uni kamaytirar edi. Bu yetarlicha oson tuyuladi. Ammo karusellar, tablar, xaritalar va boshqa yangi elementlar hamda funksiyalar qo‘shilishi bilan, bu tugmalarning barchasi turli dizayndagi turli xil piktogrammalar qorishmasiga aylandi va ajoyib interfeysdan ko‘ra ko‘proq iyerogliflarga o‘xshay boshladi. Bu tajribali foydalanuvchilar uchun muammo emas edi, lekin agar siz PBS da yangi bo‘lsangiz, qarash ancha qo‘rqinchli edi.

Keyin, inspektorda bir nechta muammolar paydo bo‘la boshladi. Asl g‘oya hamma narsani inspektorning ichida oddiy va qulay qilish edi. Hamma narsa deganda esa, matnni sarlavhalarga aylantirishdan tortib, fon ranglarini, shrift ranglarini o‘zgartirishgacha — barcha narsani nazarda tutgan edim. Biroq, uning hozirgi holatida inspektor endi sichqoncha g‘ildiragini tinimsiz yuqoriga va pastga aylantirishga majbur qiladigan juda ko‘p parametrlarni o‘z ichiga oladi. Men ilgari foydalanuvchilar uchun yaratishni umid qilgan inspektordan ancha farq qiladi.

Nihoyat, yaqinda biz sevimli plaginlaringiz uchun shortkodlarni moslashtirishni. Ushbu funksiya sizning shortkodlarni tahrirlash tajribangizni yanada yoqimli qilish uchun matn maydonlari, raqamli slayderlar, kataklar va qo‘shimcha yangi parametr turlarini yaratishimizni talab qildi. Dastlab bu yaxshi g‘oya edi va ha, u siz uchun shortkodlar bilan ishlashni osonlashtirdi. Ammo yana bu funksiya bizning “faqat tugmalar” interfeysimizdan chetga chiqdi. O‘tmishga nazar tashlasak, shortkod atributlarini o‘zgartirish uchun faqat tugmalardan foydalanish haqiqatan ham imkonsiz edi. Endi, so‘nggi versiyada biz 2 turdagi boshqaruv elementlariga ega bo‘ldik: tugmalar va shortkod maydonlari.

Interfeysimiz endi samarali emas (yoki ehtiyojlarimizga mos kelmaydi) degan xulosaga kelishimizga yana bir nechta sabablar bor, ammo yuqoridagi fikrlar eng asosiylaridir. Bir narsa doimo aniq edi: biz interfeysni yangilashimiz kerakligini bilardik.

Sahifa tuzuvchi ideal holda qanday ishlashi kerakligini aniqlash

Vaziyatga darhol aralashib, narsalarni tezda o‘zgartirish o‘rniga, sahifa tuzuvchining butun tajribasini ko‘rib chiqish uchun yuz qadam orqaga chekindik. Biz interfeysga yangi hayot bag‘ishlamoqchi edik. Ochig‘ini aytganda, uni har yili qayta-qayta qurishni xohlamasdik. Bu  charchatadi va WordPress hamjamiyatiga sezilarli yordam keltirmaydi. Bu safar biz ishlarni sekin va ehtiyotkorlik bilan bajarishga qaror qildik. Biz Page Builder Sandwich’ning har bir burchagini va uni nima yaxshi sahifa tuzuvchi qilishini o‘rganib chiqdik va nihoyat butun tahrirlash tajribasini bir nechta asosiy tushunchalarga ajratdik.

1-asosiy tushuncha: Narsalarni tahrirlash uchun to‘g‘ridan-to‘g‘ri kontentingiz ichida yozish

Sahifa tuzuvchini o‘rnatishning asosiy sabablaridan biri — WordPress’ning backend matn muharriri cheklovlaridan qutulishdir. Backend muharriri yomon degani emas, lekin veb-sahifalaringizni yaratishda u saytingiz tashrif buyuruvchilariga sahifangiz qanday ko‘rinishini darhol ko‘rsatmaydi va kontentingizni bir ustunli maketdan tashqari joylashtirishga imkon bermaydi. U yerda faqat matningizni va ba’zi rasmlarni ko‘rishingiz mumkin, ammo murakkabroq narsalarni (masalan, aloqa shakllarini) ko‘ra olmaysiz. Shortkodlar qo‘shishingiz mumkin, ha, lekin ular o‘zlarining renderlangan shaklida ko‘rinmaydi*.

* Buni hal qilish uchun boshqalar tomonidan Shortcake UI kabi plaginlar yaratilmoqda, ammo bu mavzudan tashqari.

Aynan shu yerda frontend sahifa tuzuvchilar yordamga keladi. Ular tahrirlash tajribasini backend’dan chiqarib, frontend’ga olib o‘tadi, bunda siz saytingizni tashrif buyuruvchilar ko‘radigan holatda tahrirlaysiz. Pippin aytganidek: Nima ko‘rsangiz, shu natija (WYSIWYG).

Frontend muharrir bo‘lishning yana bir yaxshi tomoni shundaki, u matningizni to‘g‘ridan-to‘g‘ri tahrirlash imkonini beradi. Sarlavhalar va xatboshilarda yozish veb-sayt yaratishda odatiy matn protsessoridan foydalanish osonligini beradi. Tugmalar va tab yorliqlari ham shunchaki ularni bosish va yozish orqali o‘zgartirilishi mumkin bo‘lishi kerak.

Bu boshqa sahifa tuzuvchilarning aksariyati yaxshi natija bera olmaydigan sohadir. Ularning aksariyati hamma narsani tahrirlash uchun matn maydoni ichida yozishga majbur qiladi. Yana aytamiz, haqiqiy frontend sahifa tuzuvchilarida bunday bo‘lmasligi kerak. Matnni to‘g‘ridan-to‘g‘ri yozish va tahrirlash 2-versiyadan beri Page Builder Sandwich’ning kuchli tomoni bo‘lib kelgan va biz 3-versiyada ham bu saqlanib qolishini ta’minladik.

2-asosiy tushuncha: Tezkor sozlashlar uchun sichqonchadan foydalanish

Sichqoncha kuchli vosita bo‘lib, ko‘pincha sahifa tuzuvchilarda e’tibordan chetda qoladi. Ko‘pincha sahifa tuzuvchilar undan odamlarga elementlarni turli joylarga sudrab olib borish va tashlash yoki tugmalar yoxud kiritish maydonlarini bosish imkonini berish uchun foydalanadilar. Bu yaxshi bo‘lsa-da, sahifa tuzish bo‘yicha sichqoncha bilan qilish mumkin bo‘lgan narsalar ancha ko‘p.

Birinchidan, sahifani tahrirlashda sichqonchadan vosita sifatida foydalanishda, ayniqsa hoshiyalar, ichki masofalar va o‘lchamlar kabi vizual xususiyatlarni sozlashda ajoyib vizual teskari aloqa mavjud. Endi elementlaringizni sozlash tabiiy tajribaga aylanadi.

PBS 3-versiyasida sichqoncha yordamida bir qator narsalarni sozlashingiz mumkin bo‘ladi. Alohida elementlar orasidagi hoshiyalar/masofalarni, ustunlaringiz ichidagi ichki masofalarni, shuningdek rasmlar, piktogrammalar va xaritalar o‘lchamlarini sozlashingiz mumkin. Shuningdek, raqamli qiymatlarni o‘zgartirish imkonini beruvchi tugmalarni slayderlarga almashtirdik.

3-asosiy tushuncha: Matnni uslublash oson bo‘lishi kerak

Agar monitordan bir qadam orqaga chekinsangiz, veb-sahifalaringizga qo‘shayotgan narsalarning aksariyati matnli kontent ekanligini sezasiz. Ha, ularga hamroh bo‘lishi uchun bizda rasmlar va piktogrammalar mavjud — va oxirgi paytlarda saytlarimizga kattaroq rasmlar qo‘shishga moyil bo‘lmoqdamiz. Ammo muhim kontentning aksariyati matndan iborat: sarlavhalar, markerli ro‘yxatlar, xatboshilar, iqtiboslar va boshqalar. Shu bilan birga, dizaynlarimizga moslashtirish uchun matnimizni qanday uslublashimiz ham muhimdir. Biz ularning o‘lchamlari va ranglarini o‘zgartiramiz yoki qalin yoxud kursiv qilamiz. Bu kontentimiz tegishli o‘quvchilarimiz uchun o‘qish osonroq, dolzarb va jozibador bo‘lishi uchundir.

Biz matnni tez-tez uslublaganimiz sababli, uslublarni o‘zgartirishga imkon beruvchi tugmalar juda qulay joylashgan bo‘lishi kerak. Ular biz avval ochishimiz kerak bo‘lgan qalqib chiquvchi oyna ichiga yashirilgan bo‘lmasligi lozim. Ko‘pgina sahifa tuzuvchilar bu muammodan aziyat chekishadi. Ularning foydalanuvchi interfeysi ‘tartibli’ deb atalishi uchun hatto eng ko‘p ishlatiladigan parametrlar ham ko‘zdan yashiriladi.

Buni hal qilish uchun eng ko‘p ishlatiladigan matn protsessorlarini ko‘rib chiqdik. Biz ularda odatda ekranning yuqori qismida matnni formatlash uchun ishlatiladigan ko‘plab tugmalardan iborat qator borligini payqadik va 3-versiya uchun xuddi shu tuzilmani nusxaladik. Endi ekranning yuqori qismida doimo matnni uslublash tugmalari qatori mavjud. Bu uslublashni haqiqatan ham tez va matn tahrirlashdagi tabiiy odatingizga yaqin qiladi.

4-asosiy tushuncha: Murakkab uslublash parametrlari moslashuvchan, ammo tushunish oson bo‘lishi kerak

Sahifa tuzuvchining asosiy mohiyati shundaki, u odamlarga ajoyib dizaynlarni osonlik bilan yaratishga imkon berishi kerak. Bu shuni anglatadiki, biz murakkab o‘rganish jarayoniga majburlamasdan, ko‘plab turli xil sozlamalar va parametrlarni taqdim etishimiz lozim. Hoshiyalar, ichki masofalarni sozlash va matnni uslublash ajoyib, ammo ular yetarli emas. Ishni bajarish uchun sizga fon rasmlari, naqshlar, hoshiya chiziqlari, mahkamlangan fonlar va boshqalar kabi ancha mukammal parametrlar kerak bo‘ladi. Bu barcha turli sozlamalarni to‘plash biroz chalkash bo‘lishi mumkin, shuning uchun 3-versiyada ishlarni qulayroq qilish maqsadida ularning ba’zilarini soddalashtirdik va toifalarga ajratdik.

5-asosiy tushuncha: Shortkodlarni qo‘llab-quvvatlash

Va nihoyat, sahifa tuzuvchimiz WordPress ustiga qurilganini unutmaylik. Biz platformani va uning imkoniyatlarini qabul qilishimiz, ularni cheklamasligimiz yoki ulardan chetga chiqmasligimiz kerak. WordPress taqdim etadigan ulkan xususiyatlardan biri bu — shortkodlar. Bu butun kontent shortkodlardan iborat bo‘lishi kerak degani emas — bu tartibsizlikka olib kelardi — balki biz ular bilan shunchaki mos keluvchi bo‘lishimiz kerak. Ko‘plab plaginlar va mavzular shortkodlardan foydalanadi va agar ularning barchasini e’tiborsiz qoldirsak, katta yo‘qotish bo‘lar edi. Aslida, sahifalar yaratish haqida gap ketganda, shortkodlar foydalanuvchilarga maksimal darajada moslashuvchanlik beradi.

Biz bir necha hafta oldin shortkodlarni moslashtirish tizimimizni taqdim etdik va shu tufayli yuzlab plaginlardan yuzlab shortkodlarni moslashtirdik. Biz WordPress plaginlar katalogidagi eng ommabop plaginlarga ustuvorlik berdik, shuning uchun ularni o‘z saytlaringizda uchratishingiz ehtimoli yuqori. Bu 3-versiyada yanada mustahkamlandi va biz buni kelgusida ham yaxshilashda davom etamiz.

Xulosa

Biz yuqoridagi barcha muhim xususiyatlarni jamlab, ularni Page Builder Sandwich 3-versiyasiga kiritdik. Bu biz hozirgacha WordPress uchun yaratgan eng yaxshi sahifa tuzuvchidir. U foydalanish uchun ancha intuitiv va tabiiyroq, tezroq ishlaydi, ishlatish osonroq va har qachongidan ham qulayroq.

Agar sizda sahifa tuzuvchining muhim funksiyalari haqida biror fikr bo‘lsa, quyida izoh qoldirib bizga bildiring.