અમે પેજ બિલ્ડર સેન્ડવિચ (Page Builder Sandwich) ને લોકો સમક્ષ રજૂ કર્યાને 10 મહિના થઈ ગયા છે. હવે અમારી પાસે લગભગ 6,000 સક્રિય ઇન્સ્ટોલ છે, અને તે અમારા માટે ખૂબ જ મોટી સિદ્ધિ છે. અમને તેના કારણે સારા અને ખરાબ બંને પ્રકારના પુષ્કળ પ્રતિસાદ પણ મળ્યા છે. જોકે સર્વસંમતિ એ છે કે અન્ય પેજ બિલ્ડર્સની સરખામણીમાં લોકો લેઆઉટ બનાવવા અને તેમની સામગ્રી તૈયાર કરવાનું કેટલું સરળ છે તેનો આનંદ માણે છે.
અમને મળેલા મોટાભાગના પ્રતિસાદ ફીચર સંબંધિત વિનંતીઓ હતા, અને અમે છેલ્લા કેટલાક મહિનામાં તેમાંથી ઘણા બધા ફીચર્સ ઉમેર્યા છે. પરંતુ જેમ જેમ અમે તેમ કરતા ગયા, તેમ તેમ અમે પ્રક્રિયામાં ધીમે ધીમે યુઝર ઇન્ટરફેસ પણ બદલવાનું શરૂ કર્યું. અને, પરિણામે, અમે યુઝર અનુભવને પણ બદલી રહ્યા હતા… વધુ ખરાબ તરફ. જોકે પરિસ્થિતિ એવી આવી ગઈ હતી કે અમારે ઇન્ટરફેસ વિશે ફરીથી વિચારવાની જરૂર પડી, કારણ કે તે હવે સરળતાથી કામ કરતું ન હતું, અને વિવિધ સુવિધાઓ પણ તેની સાથે યોગ્ય રીતે મેળ ખાતી ન હતી.
બિનકાર્યક્ષમ ઇન્ટરફેસ
PBS ના અગાઉના સંસ્કરણોમાં, અમે બધું બટનોના રૂપમાં રાખવા માંગતા હતા. શા માટે? કારણ કે બટનો વાપરવા સરળ છે. તમારે ફક્ત… તેના પર ક્લિક કરવાનું હોય છે. ઇન્સ્પેક્ટર (ઉપરની છબી પરનો સાઇડબાર) ના જૂના સંસ્કરણો પર, બટન પર ક્લિક કરવાથી મૂલ્ય વધતું હતું, પછી શિફ્ટ+ક્લિક કરવાથી તે ઘટતું હતું. તે સાંભળવામાં ઘણું સરળ લાગે છે. પરંતુ કેરોયુઝલ, ટેબ્સ, નકશા અને અન્ય નવા તત્વો અને સુવિધાઓ ઉમેરવાની સાથે, તે બધા બટનો વિવિધ ડિઝાઇન્સ સાથેના વિવિધ ચિહ્નોનું મિશ્રણ બની ગયા, અને એક શાનદાર ઇન્ટરફેસ કરતાં પ્રાચીન ચિત્રલિપિ જેવા વધુ દેખાવા લાગ્યા. અનુભવી વપરાશકર્તાઓ માટે આ કોઈ સમસ્યા ન હતી, પરંતુ જો તમે PBS માટે નવા હોવ તો તેને જોવું ખૂબ જ ડરામણું લાગે છે.
આગળ, ઇન્સ્પેક્ટર પર કેટલીક સમસ્યાઓ દેખાવા લાગી. મૂળ વિચાર બધું જ સરળ અને ઇન્સ્પેક્ટરની અંદર ઉપલબ્ધ કરાવવાનો હતો. અને બધું એટલે, મારો મતલબ બધું જ – ટેક્સ્ટને હેડિંગમાં ફેરવવાથી લઈને, બેકગ્રાઉન્ડના રંગો, ફોન્ટના રંગો બદલવા સુધી, ગમે તે કહો. જોકે તેની વર્તમાન સ્થિતિમાં, ઇન્સ્પેક્ટરમાં હવે ઘણા બધા વિકલ્પો છે જે તમને સતત ઉપર અને નીચે સ્ક્રોલ કરવા માટે માઉસ વ્હીલનો ઉપયોગ કરાવશે. મેં અગાઉ વપરાશકર્તાઓ માટે જે ઇન્સ્પેક્ટર બનાવવાની આશા રાખી હતી તેના કરતાં આ તદ્દન અલગ છે.
છેલ્લે, અમે તાજેતરમાં તમારા મનપસંદ પ્લગઇન્સ માટે શોર્ટકોડ મેપિંગ. તમારા શોર્ટકોડ એડિટિંગના અનુભવને વધુ સુખદ બનાવવા માટે આ સુવિધામાં અમારે ટેક્સ્ટ ફીલ્ડ્સ, નંબર સ્લાઇડર્સ, ચેકબોક્સ અને વધારાના નવા વિકલ્પ પ્રકારો બનાવવાની જરૂર પડી. શરૂઆતમાં, તે એક સારો વિચાર હતો, અને હા, તેણે તમારા માટે શોર્ટકોડ્સ હેન્ડલ કરવાનું સરળ બનાવ્યું. પરંતુ ફરીથી, આ સુવિધા અમારા “માત્ર બટનો” વાળા ઇન્ટરફેસથી ભટકી ગઈ. પાછળ વળીને જોતાં, શોર્ટકોડ એટ્રિબ્યુટ્સ બદલવા માટે માત્ર બટનોનો ઉપયોગ કરવો ખરેખર અશક્ય હતો. હવે, નવીનતમ સંસ્કરણમાં, અમારી પાસે 2 પ્રકારના નિયંત્રણો આવી ગયા: બટનો અને શોર્ટકોડ ફીલ્ડ્સ.
કેટલાક વધુ કારણો હતા જેના કારણે અમે નક્કી કર્યું કે અમારું ઇન્ટરફેસ હવે અસરકારક (અથવા અમારી જરૂરિયાતો માટે યોગ્ય) નથી રહ્યું, પરંતુ ઉપરોક્ત મુદ્દાઓ મુખ્ય છે. જોકે એક વાત હંમેશા નિશ્ચિત હતી: અમે જાણતા હતા કે અમારે ઇન્ટરફેસને અપડેટ કરવું પડશે.
પેજ બિલ્ડરે આદર્શ રીતે કેવી રીતે કાર્ય કરવું જોઈએ તે વ્યાખ્યાયિત કરવું
સીધા જ કૂદી પડીને તરત જ વસ્તુઓ બદલવાને બદલે, અમે સમગ્ર પેજ બિલ્ડર અનુભવ પર નજર નાખવા માટે સો ડગલાં પાછળ હટી ગયા. અમે ઇન્ટરફેસમાં નવું જીવન લાવવા માંગતા હતા. સાચું કહું તો, અમે દર વર્ષે તેને ફરીથી બનાવતા રહેવા માંગતા ન હતા. તે થકવી નાખનારું છે અને ચોક્કસપણે વર્ડપ્રેસ સમુદાયને નોંધપાત્ર મદદ કરતું નથી. આ વખતે, અમે વસ્તુઓ ધીમે ધીમે અને કાળજીપૂર્વક કરવાનું નક્કી કર્યું. અમે પેજ બિલ્ડર સેન્ડવિચના દરેક પાસાનો અભ્યાસ કર્યો છે અને શું તેને એક સારો પેજ બિલ્ડર બનાવે છે તે તપાસ્યું છે, અને છેવટે સમગ્ર એડિટિંગ અનુભવને કેટલીક મુખ્ય વિભાવનાઓમાં આકાર આપ્યો છે.
આવશ્યક વિભાવના #1: સામગ્રી સંપાદિત કરવા માટે સીધા જ તમારી સામગ્રીમાં ટાઇપ કરવું
પેજ બિલ્ડર ઇન્સ્ટોલ કરવાનું એક મુખ્ય કારણ વર્ડપ્રેસના બેકએન્ડ ટેક્સ્ટ એડિટરના અવરોધોમાંથી બહાર નીકળવાનું છે. એવું નથી કે બેકએન્ડ એડિટર સારું નથી, પરંતુ તમારા વેબપેજ બનાવતી વખતે, તે તમારા સાઇટ મુલાકાતીઓને તમારું વેબપેજ કેવું દેખાશે તે તરત જ બતાવતું નથી, કે તે તમને એક-કૉલમ લેઆઉટ સિવાય તમારી સામગ્રી ગોઠવવાની મંજૂરી આપતું નથી. તમે ત્યાં ફક્ત તમારું લખાણ અને કેટલીક છબીઓ જોઈ શકો છો, પરંતુ વધુ વિસ્તૃત બાબતો (દા.ત. સંપર્ક ફોર્મ) જોઈ શકતા નથી. તમે શોર્ટકોડ્સ ઉમેરી શકો છો, હા, પરંતુ તે તેમના વાસ્તવિક (રેન્ડર થયેલા) સ્વરૂપમાં દેખાશે નહીં*.
* આને ઉકેલવા માટે અન્ય લોકો દ્વારા Shortcake UI જેવા પ્લગઇન્સ બનાવવામાં આવી રહ્યા છે, પરંતુ તે વાત અલગ છે.
ત્યાં જ ફ્રન્ટ એન્ડ પેજ બિલ્ડર્સ ઉપયોગી બને છે. તેઓ એડિટિંગના અનુભવને બેકએન્ડમાંથી બહાર કાઢીને ફ્રન્ટ એન્ડમાં લાવે છે, જેમાં તમે તમારી સાઇટને એવી રીતે સંપાદિત કરો છો જેવી રીતે તમારા મુલાકાતીઓ તેને ખરેખર જોશે. જેમ પિપિન કહેશે: તમે જે જુઓ છો તે જ તમને મળે છે (WYSIWYG).
ફ્રન્ટએન્ડ એડિટર હોવાની બીજી સારી બાબત એ છે કે તે તમને તમારી ટેક્સ્ટને સીધી જ સંપાદિત કરવાની મંજૂરી આપે છે. હેડિંગ અને ફકરાઓમાં ટાઇપ કરવાથી વેબસાઇટ નિર્માણમાં સામાન્ય વર્ડ પ્રોસેસરનો ઉપયોગ કરવાની સરળતા મળે છે. બટનો અને ટેબ લેબલ્સ પણ તેના પર ફક્ત ક્લિક કરીને અને ટાઇપ કરીને બદલી શકાય તેવા હોવા જોઈએ.
આ એ બાબત છે જ્યાં અન્ય મોટાભાગના પેજ બિલ્ડર્સ સારું પ્રદર્શન કરી શકતા નથી. તેમાંના મોટાભાગના તમને બધું સંપાદિત કરવા માટે ટેક્સ્ટ ફીલ્ડની અંદર ટાઇપ કરવાની ફરજ પાડે છે. ફરીથી, વાસ્તવિક ફ્રન્ટએન્ડ પેજ બિલ્ડર્સમાં આવું ન હોવું જોઈએ. સીધું જ ટાઇપ કરવું અને ટેક્સ્ટ સંપાદિત કરવી એ સંસ્કરણ 2 થી પેજ બિલ્ડર સેન્ડવિચનો એક મજબૂત મુદ્દો રહ્યો છે, અને અમે સુનિશ્ચિત કર્યું છે કે સંસ્કરણ 3 માં પણ આ જાળવી રાખવામાં આવે.
આવશ્યક વિભાવના #2: ઝડપી ફેરફારો માટે માઉસનો ઉપયોગ કરવો
માઉસ એક શક્તિશાળી સાધન છે જેને પેજ બિલ્ડર્સમાં ઘણીવાર અવગણવામાં આવે છે. મોટાભાગે, પેજ બિલ્ડર્સ તેનો ઉપયોગ લોકોને વસ્તુઓને આસપાસ ખેંચીને (ડ્રેગ કરીને) વિવિધ સ્થળોએ મૂકવા (ડ્રોપ કરવા) માટે, અથવા બટનો કે ઇનપુટ ફીલ્ડ્સ પર ક્લિક કરવા દેવા માટે કરે છે. જ્યારે આ બરાબર છે, પેજ બિલ્ડિંગના સંદર્ભમાં તમે માઉસ વડે ઘણું બધું કરી શકો છો.
એક તો, પેજ સંપાદિત કરવાના સાધન તરીકે માઉસનો ઉપયોગ કરવામાં અદ્ભુત વિઝ્યુઅલ પ્રતિસાદ મળે છે, ખાસ કરીને માર્જિન, પેડિંગ અને કદ જેવા વિઝ્યુઅલ ગુણધર્મોને વ્યવસ્થિત કરવામાં. હવે, તમારા ઘટકોમાં ફેરફાર કરવો એ એક સ્વાભાવિક અનુભવ બની જાય છે.
PBS સંસ્કરણ 3 માં, તમે તમારા માઉસનો ઉપયોગ કરીને ઘણી બધી બાબતોને વ્યવસ્થિત કરી શકશો. તમે વ્યક્તિગત ઘટકો વચ્ચેના માર્જિન/અંતર, તમારી કૉલમ્સની અંદરના પેડિંગ્સ, તેમજ છબીઓ, ચિહ્નો અને નકશાઓના કદને સમાયોજિત કરી શકો છો. સંખ્યાત્મક મૂલ્યો બદલવાની મંજૂરી આપતા બટનોને પણ અમે સ્લાઇડર્સમાં બદલ્યા છે.
આવશ્યક વિભાવના #3: લખાણને સરળતાથી સ્ટાઇલ કરી શકાવું જોઈએ
જો તમે તમારા મોનિટરથી એક ડગલું પાછળ હટીને જોશો, તો તમને ખ્યાલ આવશે કે તમે તમારા વેબપેજમાં જે કંઈ પણ ઉમેરો છો તેમાંથી મોટાભાગની સામગ્રી લખાણ છે. હા, તેની સાથે અમારી પાસે છબીઓ અને ચિહ્નો પણ છે – અને તાજેતરમાં આપણે આપણી સાઇટ્સમાં મોટી છબીઓ ઉમેરવાનું વલણ રાખીએ છીએ. પરંતુ મોટાભાગની મહત્વપૂર્ણ સામગ્રી બધી લખાણ જ છે: હેડિંગ્સ, બુલેટ લિસ્ટ્સ, ફકરાઓ, ક્વોટ્સ વગેરે. તેની સાથે એ બાબત પણ છે કે આપણે આપણી ડિઝાઇન્સને અનુરૂપ આપણા લખાણને કેવી રીતે સ્ટાઇલ કરીએ છીએ. આપણે કાં તો તેમના કદ અને રંગો બદલીએ છીએ, અથવા તેને બોલ્ડ કે ઇટાલિક બનાવીએ છીએ. આ આપણી સામગ્રીને આપણા વાચકો માટે વધુ વાંચવા યોગ્ય, સુસંગત અને આકર્ષક બનાવવા માટે છે.
આપણે વારંવાર લખાણને સ્ટાઇલ કરતા હોવાથી, સ્ટાઇલ બદલવાની મંજૂરી આપતા બટનો ખૂબ જ સરળતાથી ઉપલબ્ધ હોવા જોઈએ. તેઓ પૉપ-અપ બૉક્સની અંદર છુપાયેલા ન હોવા જોઈએ જેને અમારે પહેલા ખોલવું પડે. મોટાભાગના પેજ બિલ્ડર્સ આ સમસ્યાથી પીડાય છે. તેમના યુઝર ઇન્ટરફેસને ‘ક્લટર-ફ્રી’ તરીકે લેબલ કરવા માટે, સૌથી વધુ ઉપયોગમાં લેવાતા વિકલ્પો પણ સીધી નજરથી છુપાવી દેવામાં આવે છે.
આને ઉકેલવા માટે, અમે સૌથી વધુ ઉપયોગમાં લેવાતા વર્ડ પ્રોસેસર્સ પર નજર નાખી. અમે જોયું કે તેઓ સામાન્ય રીતે ટેક્સ્ટ ફોર્મેટ કરવા માટે સ્ક્રીનની ટોચ પાસે ઘણા બધા બટનો ધરાવતી એક પંક્તિ ધરાવે છે અને સંસ્કરણ 3 માટે તે જ લેઆઉટની નકલ કરી. હવે તમારી સ્ક્રીનની ટોચ પર હંમેશા તમામ ટેક્સ્ટ સ્ટાઇલિંગ બટનોની એક પંક્તિ હાજર હોય છે. આ સ્ટાઇલિંગને ખરેખર ઝડપી બનાવે છે અને ટેક્સ્ટ સંપાદનમાં તમારી સ્વાભાવિક ટેવની નજીક લાવે છે.
આવશ્યક વિભાવના #4: અદ્યતન સ્ટાઇલિંગ વિકલ્પો લવચીક છતાં સમજવામાં સરળ હોવા જોઈએ
પેજ બિલ્ડરની મુખ્ય બાબત એ છે કે તેણે લોકોને સરળતાથી અદભુત ડિઝાઇન્સ બનાવવાની મંજૂરી આપવી જોઈએ. આનો અર્થ એ છે કે આપણે શીખવાની મુશ્કેલ પ્રક્રિયામાં ફસાયા વિના ઘણાં વિવિધ સેટિંગ્સ અને વિકલ્પો પ્રદાન કરવા જોઈએ. માર્જિન, પેડિંગ અને ટેક્સ્ટ સ્ટાઇલિંગને વ્યવસ્થિત કરવામાં સક્ષમ હોવું ખૂબ સરસ છે, પરંતુ તેનાથી માત્ર મર્યાદિત કામ થઈ શકે છે. કામ પૂરું કરવા માટે તમારે ઘણા વધુ વિસ્તૃત વિકલ્પોની જરૂર પડશે, જેમ કે બેકગ્રાઉન્ડ છબીઓ, પેટર્ન, બોર્ડર્સ, ફિક્સ્ડ બેકગ્રાઉન્ડ અને વધુ જેવા વિકલ્પો. તે તમામ વિવિધ સેટિંગ્સને એકસાથે ભેગા કરવાથી થોડી મૂંઝવણ થઈ શકે છે, તેથી અમે સંસ્કરણ 3 માં બાબતોને વધુ અનુકૂળ બનાવવા માટે તેમાંથી કેટલાકને સરળ બનાવ્યા છે અને તેમને શ્રેણીઓમાં ગોઠવ્યા છે.
આવશ્યક વિભાવના #5: શોર્ટકોડ સપોર્ટ
છેલ્લે, ચાલો ભૂલશો નહીં કે અમારું પેજ બિલ્ડર વર્ડપ્રેસ પર આધારિત છે. આપણે પ્લેટફોર્મ અને તેની સુવિધાઓને અપનાવવી જોઈએ અને તેને મર્યાદિત ન કરવી જોઈએ કે તેનાથી ભટકવું ન જોઈએ. વર્ડપ્રેસ પ્રદાન કરે છે તે એક વિશાળ સુવિધા શોર્ટકોડ્સ છે. આનો અર્થ એ નથી કે સમગ્ર સામગ્રી શોર્ટકોડ્સથી બનેલી હોવી જોઈએ – તે અવ્યવસ્થિત થઈ જશે – પરંતુ તેના બદલે આપણે ફક્ત તેની સાથે સુસંગત હોવું જોઈએ. ઘણા પ્લગઇન્સ અને થીમ્સ શોર્ટકોડ્સનો ઉપયોગ કરે છે, અને જો તે બધાને અવગણવામાં આવે તો તે ઘણું મોટું નુકસાન થશે. વાસ્તવમાં, જ્યારે પેજ બનાવવાની વાત આવે છે ત્યારે શોર્ટકોડ્સ વપરાશકર્તાઓને અત્યંત લવચીકતા આપે છે.
અમે થોડા અઠવાડિયા પહેલા અમારી શોર્ટકોડ મેપિંગ સિસ્ટમ રજૂ કરી હતી, અને તેના કારણે અમે સેંકડો પ્લગઇન્સમાંથી સેંકડો શોર્ટકોડ્સ મેપ કર્યા છે. અમે વર્ડપ્રેસ પ્લગઇન ડિરેક્ટરીમાં મળતા સૌથી લોકપ્રિય પ્લગઇન્સને પ્રાધાન્ય આપ્યું છે, તેથી સંભાવના છે કે તમે તમારી પોતાની સાઇટ્સમાં તેનો સામનો કરશો. આ સંસ્કરણ 3 માં વધુ મજબૂત બન્યું છે, અને અમે આગળ જતાં આમાં સુધારો કરવાનું ચાલુ રાખીશું.
નિષ્કર્ષ
અમે ઉપર જણાવેલ તે તમામ આવશ્યક ગુણધર્મો લીધા છે અને તેને પેજ બિલ્ડર સેન્ડવિચ સંસ્કરણ 3 માં સામેલ કર્યા છે. વર્ડપ્રેસ માટે અમે અત્યાર સુધી બનાવેલ આ શ્રેષ્ઠ પેજ બિલ્ડર છે. તેનો ઉપયોગ કરવો વધુ સાહજિક અને વધુ સ્વાભાવિક છે, તે ઝડપી પ્રદર્શન કરે છે, વાપરવા માટે સરળ છે અને પહેલા કરતાં વધુ અનુકૂળ છે.
જો તમારી પાસે આવશ્યક પેજ બિલ્ડર સુવિધા પર કોઈ વિચારો હોય, તો નીચે ટિપ્પણી કરીને અમને જણાવો.