Версияи 3.0: Бознигарии он, ки созандаи саҳифа бояд чӣ гуна кор кунад

Муаллиф

дар

,

version-3-0-rethinking-how-a-page-builder-should-workАз замони дастраси умум гардонидани Page Builder Sandwich 10 моҳ гузашт. Ҳоло мо тақрибан 6,000 насби фаъол дорем ва ин барои мо муваффақияти бузург аст. Мо дар ин замина фикру мулоҳизаҳои хеле зиёд гирифтем, ҳам хуб ва ҳам бад. Бо вуҷуди ин, аксарият бар он назаранд, ки сохтани тарҳҳо ва эҷоди муҳтаво дар муқоиса бо дигар созандагони саҳифа хеле осон ва гуворо аст.

Қисми зиёди фикру мулоҳизаҳо дархостҳо барои хусусиятҳои нав буданд ва мо дар чанд моҳи охир бисёре аз ин хусусиятҳоро илова кардем. Аммо ҳангоми иҷрои ин кор, мо дар баробари ин оҳиста-оҳиста интерфейси корбарро низ тағйир медодем. Ва дар натиҷа, мо таҷрибаи корбариро низ тағйир додем… ба самти бадтар. Кор ба ҷое расид, ки мо бояд дар бораи интерфейс аз нав андеша мекардем, зеро он дигар ба таври мураттаб кор намекард ва хусусиятҳои гуногун низ бо он мувофиқат намекарданд.

Интерфейси кӯҳнашуда

Дар версияҳои қаблии PBS мо мехостем ҳама чиз дар шакли тугмаҳо бошад. Чаро? Зеро истифодаи тугмаҳо осон аст. Шумо танҳо… ба болои онҳо клик мекунед. Дар версияҳои кӯҳнаи инспектор (панели паҳлӯӣ дар расми боло), клик кардани тугма арзишро зиёд мекард ва shift+клик кардани тугма онро кам мекард. Ин хеле осон менамояд. Аммо бо илова шудани каруселҳо, табҳо, харитаҳо ва дигар унсурҳо ва хусусиятҳои нав, ҳамаи он тугмаҳо ба як омехтаи нишонаҳои гуногун бо тарҳҳои мухталиф табдил ёфтанд ва бештар ба иероглифҳо монанд шуданд, на ба як интерфейси хуб. Ин барои корбарони ботаҷриба мушкил набуд, аммо агар шумо дар PBS нав бошед, дидани он хеле тарсбахш буд.

Дар баробари ин, дар инспектор якчанд мушкилоти дигар ба вуҷуд омаданд. Идеяи аслӣ ин буд, ки ҳама чиз дар дохили инспектор оддӣ ва дастрас бошад. Ва вақте ки ман ҳама чиз мегӯям, мақсадам ҳама чиз – аз табдил додани матн ба сарлавҳа то тағйир додани рангҳои замина, рангҳои ҳарф ва ғайраҳо буд. Аммо дар ҳолати кунунии худ, инспектор ҳоло имконоти зиёдеро дар бар мегирад, ки шуморо маҷбур месозад чархаи мушро барои пайваста ба боло ва поён ҳаракат додан истифода баред. Ин аз инспекторе, ки қаблан ман барои корбарон эҷод кардан мехостам, комилан фарқ мекунад.

Дар охир, мо ба наздикӣ харитасозии кӯтодкодҳоро (shortcode mapping) барои плагинҳои дӯстдоштаи шумо. Ин хусусият аз мо талаб мекард, ки майдонҳои матнӣ, слайдерҳои рақамӣ, қуттиҳои қайд (checkboxes) ва намудҳои иловагии имконоти навро эҷод кунем, ки барои гуворотар гардонидани таҷрибаи таҳрири шорткодҳо заруранд. Дар аввал ин як идеяи хуб буд ва бале, идоракунии шорткодҳоро барои шумо осонтар кард. Аммо боз ҳам, ин хусусият аз интерфейси мо, ки “танҳо тугмаҳо” буд, фарқ мекард. Агар ба қафо назар андозем, барои тағйир додани хусусиятҳои шорткод истифодаи танҳо тугмаҳо воқеан ғайриимкон буд. Ҳоло, дар версияи охирин, мо бо 2 намуди идоракунӣ мондем: тугмаҳо ва майдонҳои шорткод.

Боз якчанд сабабҳои дигаре ҳастанд, ки моро водор карданд ба хулосае оем, ки интерфейси мо дигар муассир набуд (ё ба ниёзҳои мо мувофиқ набуд), аммо нуктаҳои дар боло зикршуда муҳимтаринашон мебошанд. Як чиз ҳамеша равшан буд: мо медонистем, ки интерфейсро бояд навсозӣ кунем.

Муайян кардани он, ки як созандаи саҳифа дар асл бояд чӣ гуна кор кунад

Ба ҷои он ки якбора ворид шуда ҳама чизро тағйир диҳем, мо садҳо қадам ба қафо гузоштем, то ба тамоми таҷрибаи созандаи саҳифа назар андозем. Мо мехостем ба интерфейс ҳаёти нав бахшем. Росташро гӯем, мо намехостем онро сол ба сол аз нав бисозем. Ин хеле хастакунанда аст ва бешубҳа ба ҷомеаи WordPress кӯмаки назаррас намерасонад. Ин дафъа мо тасмим гирифтем, ки корҳоро оҳиста ва бодиққат анҷом диҳем. Мо ҳар як гӯшаи Page Builder Sandwich-ро ва он чизеро, ки онро созандаи хуби саҳифа мегардонад, омӯхтем ва дар ниҳоят тамоми таҷрибаи таҳрирро ба якчанд консепсияҳои асосӣ табдил додем.

Консепсияи асосии №1: Барои таҳрир кардан бевосита дар дохили муҳтаво навиштан

Яке аз сабабҳои асосии насб кардани созандаи саҳифа ин раҳоӣ ёфтан аз маҳдудиятҳои муҳаррири матнии қисми маъмурии (backend) WordPress мебошад. Ин на ба он маъност, ки муҳаррири backend хуб нест, аммо ҳангоми сохтани саҳифаҳои веби шумо, он фавран нишон намедиҳад, ки саҳифаи шумо ба меҳмонони сайт чӣ гуна намудор хоҳад шуд ва инчунин ба шумо имкон намедиҳад, ки муҳтавои худро берун аз тарҳи яксутуна ҷойгир кунед. Шумо дар он ҷо танҳо матни худ ва баъзе тасвирҳоро мебинед, на унсурҳои мураккабтарро (масалан, варақаҳои тамос). Шумо метавонед шорткодҳо илова кунед, бале, аммо онҳо дар шакли ниҳоии худ намоиш дода намешаванд*.

* Барои ҳалли ин мушкилот плагинҳое мавҷуданд, ки аз ҷониби дигарон сохта шудаанд, ба монанди Shortcake UI, аммо ин мавзӯи дигар аст.

Маҳз дар ҳамин ҷо созандагони саҳифаи пешгоҳ (frontend) ворид мешаванд. Онҳо таҷрибаи таҳрирро аз backend ба frontend меоранд, ки дар он шумо сайти худро ҳамон тавре таҳрир мекунед, ки меҳмононатон онро воқеан мебинанд. Тавре ки Пиппин мегӯяд: Он чизе, ки мебинед, ҳамон чизест, ки ба даст меоред (WYSIWYG).

Бартарии дигари муҳаррири frontend дар он аст, ки он ба шумо имкон медиҳад матни худро бевосита таҳрир кунед. Навиштани сарлавҳаҳо ва бандҳо осонии истифодаи муҳаррири матнии маъмулиро ҳангоми сохтани вебсайт таъмин мекунад. Тугмаҳо ва номҳои табҳо низ бояд танҳо бо клик кардан ба болои онҳо ва навиштан тағйир дода шаванд.

Ин соҳаест, ки аксари дигар созандагони саҳифа онро хуб иҷро намекунанд. Аксари онҳо шуморо маҷбур мекунанд, ки барои таҳрир кардани ҳама чиз дар дохили майдони матнӣ нависед. Бори дигар, дар созандагони воқеии саҳифаи frontend ин тавр набояд бошад. Навиштан ва таҳрир кардани бевоситаи матн аз версияи 2 нуқтаи қавии Page Builder Sandwich буд ва мо итминон ҳосил кардем, ки ин дар версияи 3 низ нигоҳ дошта мешавад.

Консепсияи асосии №2: Истифодаи муш барои тасҳеҳҳои зуд

Муш як абзори пурқувватест, ки аксар вақт дар созандагони саҳифа нодида гирифта мешавад. Аксар вақт созандагони саҳифа онро барои он истифода мебаранд, ки одамон унсурҳоро кашола карда, ба ҷойҳои гуногун партоянд ё ба тугмаҳо ё майдонҳои воридотӣ клик кунанд. Ҳарчанд ин хуб аст, аммо корҳои хеле бештаре ҳастанд, ки шумо метавонед бо муш ҳангоми сохтани саҳифа анҷом диҳед.

Аз як ҷониб, истифодаи муш ҳамчун абзор барои таҳрири саҳифа фикру мулоҳизаи олии визуалиро таъмин мекунад, хусусан ҳангоми танзими хосиятҳои визуалӣ ба монанди ҳошияҳо (margins), фосилаҳои дохилӣ (paddings) ва андозаҳо. Ҳоло тасҳеҳи унсурҳои шумо ба як таҷрибаи табиӣ табдил меёбад.

Дар PBS версияи 3, шумо метавонед бо истифода аз муши худ як қатор чизҳоро танзим кунед. Шумо метавонед ҳошияҳо/фосилаҳои байни унсурҳои алоҳида, фосилаҳои дохилии сутунҳо, инчунин андозаи тасвирҳо, нишонаҳо ва харитаҳоро танзим кунед. Мо инчунин тугмаҳоеро, ки ба шумо имкон медоданд арзишҳои рақамиро тағйир диҳед, ба слайдерҳо иваз кардем.

Консепсияи асосии №3: Ороиши матн бояд осон бошад

Агар шумо аз мониторатон каме қафо шавед, мебинед, ки қисми зиёди он чизе, ки шумо ба саҳифаҳои веби худ илова мекунед, муҳтавои матнӣ мебошад. Бале, мо тасвирҳо ва нишонаҳо дорем, ки онҳоро ҳамроҳӣ кунанд – ва вақтҳои охир мо майл дорем, ки дар сайтҳои худ тасвирҳои калонтар илова кунем. Аммо қисми асосии муҳтавои муҳим ҳама матн аст: сарлавҳаҳо, рӯйхатҳои нуқтавӣ, бандҳо, иқтибосҳо ва ғайра. Дар баробари ин, тарзи ороиши матни мо барои мувофиқат кардан ба тарҳҳоямон муҳим аст. Мо ё андоза ва рангҳои онҳоро тағйир медиҳем, ё онҳоро ғафс ё курсив мекунем. Ин барои он аст, ки муҳтавои мо барои хонандагони мо хонданибобтар, муҳимтар ва ҷолибтар бошад.

Азбаски мо матнро зуд-зуд ороиш медиҳем, тугмаҳое, ки ба мо имкон медиҳанд услубҳоро тағйир диҳем, бояд хеле дастрас бошанд. Онҳо набояд дар дохили равзанаи пайдошаванда (pop-up) ҷойгир карда шаванд, ки мо бояд аввал онро кушоем. Аксари созандагони саҳифа аз ин беморӣ азият мекашанд. Барои он ки интерфейси корбарии онҳо ҳамчун “бе бесарусомонӣ” номида шавад, ҳатто имконоти бештар истифодашаванда аз чашм пинҳон карда мешаванд.

Барои ҳалли ин мушкилот, мо ба муҳаррирони матнии маъмултарин назар андохтем. Мо мушоҳида кардем, ки онҳо одатан дар наздикии қисми болоии экран қаторе бо тугмаҳои зиёд барои формат кардани матн доранд ва ҳамин тарҳро барои версияи 3 нусхабардорӣ кардем. Ҳоло мо як қатори ҳамаи тугмаҳои ороиши матнро дорем, ки ҳамеша дар қисми болоии экрани шумо мавҷуданд. Ин ороишро воқеан зуд ва ба табиати дуюми шумо дар таҳрири матн наздик мекунад.

Консепсияи асосии №4: Имконоти пешрафтаи ороиш бояд фасеҳ, вале осонфаҳм бошанд

Ҳадафи асосии як созандаи саҳифа ин аст, ки ба одамон имкон диҳад тарҳҳои ҳайратангезро ба осонӣ эҷод кунанд. Ин маънои онро дорад, ки мо бояд бидуни мушкил гардонидани омӯзиш танзимот ва имконоти гуногуни зиёдеро фароҳам орем. Қобилияти танзими ҳошияҳо, фосилаҳои дохилӣ ва ороиши матн хеле хуб аст, аммо онҳо танҳо қисме аз корро иҷро карда метавонанд. Барои иҷрои кор ба шумо имконоти хеле мураккабтар лозиманд, ба монанди тасвирҳои замина, нақшҳо, сарҳадҳо, заминаҳои собит ва ғайра. Якҷоя кардани ҳамаи он танзимоти гуногун метавонад каме мураккаб бошад, бинобар ин мо баъзе аз онҳоро содда кардем ва онҳоро ба категорияҳо тақсим намудем, то корҳо дар версияи 3 осонтар шаванд.

Консепсияи асосии №5: Дастгирии шорткодҳо

Дар охир, набояд фаромӯш кунем, ки созандаи саҳифаи мо дар заминаи WordPress кор мекунад. Мо бояд платформа ва хусусиятҳои онро қабул кунем, на он ки онҳоро маҳдуд кунем ё аз онҳо дур шавем. Як хусусияти бузурге, ки WordPress пешниҳод мекунад, шорткодҳо мебошад. Ин маънои онро надорад, ки тамоми муҳтаво бояд аз шорткодҳо иборат бошад – ин боиси бесарусомонӣ мешуд – балки мо бояд танҳо бо онҳо мувофиқ бошем. Бисёре аз плагинҳо ва қолабҳо шорткодҳоро истифода мебаранд ва агар ҳамаи онҳоро нодида гирем, талафоти калон хоҳад буд. Дар асл, шорткодҳо ҳангоми эҷоди саҳифаҳо ба корбарон чандирии бениҳоят калон медиҳанд.

Чанд ҳафта пеш мо системаи харитасозии шорткодҳои худро муаррифӣ кардем ва аз ин сабаб мо садҳо шорткодҳоро аз садҳо плагин харитасозӣ намудем. Мо ба маъмултарин плагинҳое, ки дар феҳристи плагинҳои WordPress мавҷуданд, афзалият додем, аз ин рӯ эҳтимоли зиёд вуҷуд дорад, ки шумо бо онҳо дар сайтҳои худ дучор мешавед. Ин хусусият дар версияи 3 боз ҳам тақвият ёфт ва мо такмил додани онро дар оянда идома хоҳем дод.

Хулоса

Мо ҳамаи он хусусиятҳои асосии дар боло зикршударо гирифтем ва онҳоро ба Page Builder Sandwich версияи 3 дохил кардем. Ин беҳтарин созандаи саҳифаест, ки мо то ҳол барои WordPress сохтаем. Он беихтиёронатар ва табиӣ барои истифода аст, тезтар кор мекунад, истифодааш осонтар ва аз ҳарвақта бештар дӯстона аст.

Агар шумо дар бораи ягон хусусияти муҳими созандаи саҳифа андешае дошта бошед, бо навиштани шарҳи худ дар зер ба мо хабар диҳед.