પેજ બિલ્ડર સેન્ડવિચ તમારા સામાન્ય પેજ બિલ્ડર જેવું નથી, તે વાપરવામાં ખૂબ જ સરળ અને બિન-જટિલ છે.

ઝડપી ટૂર માટે તમે નીચેનો વીડિયો જોઈ શકો છો.

એડિટર ક્યાં છે?

પ્રથમ, એક નવું પેજ, પોસ્ટ અથવા CPT બનાવો. પછી તમારા ફ્રન્ટએન્ડમાં તમારી નવી પોસ્ટ અથવા કોઈપણ હાલની પોસ્ટની મુલાકાત લો. PBS ૧૦૦% ફ્રન્ટએન્ડ છે, તમારે બેકએન્ડમાં કોઈ ફેરફાર કરવાની જરૂર રહેશે નહીં.

તમારા પેજની ટોચ પર (તમારા એડમિન બાર પર) “Page Builder Sandwich” બટન હોવું જોઈએ, એડિટિંગ શરૂ કરવા માટે તેના પર ક્લિક કરો. તમને ટોચ પરથી ટેક્સ્ટ ફોર્મેટિંગ એરિયા અને બાજુમાંથી એડ એલિમેન્ટ્સ પેનલ પોપ અપ થતી દેખાશે. તમારી થીમનો કન્ટેન્ટ એરિયા હવે તમારું એડિટર છે!

તમે PBS સાથે ફક્ત સિંગલ પેજ એડિટ કરી શકો છો. તમે બ્લોગ પોસ્ટ્સની સૂચિ અથવા 404 પેજ એડિટ કરી શકતા નથી કારણ કે તે તમારી થીમ દ્વારા બનાવવામાં આવે છે. પોસ્ટ્સ, પેજીસ અને કસ્ટમ પોસ્ટ ટાઈપ્સ બરાબર છે.

તમારા કન્ટેન્ટનું એડિટિંગ કરવું

હવે સૌથી અદ્ભુત ભાગ આવે છે.. એકવાર તમે ફ્રન્ટએન્ડમાં અને એડિટરની અંદર આવી જાઓ, પછી તમારા કન્ટેન્ટમાંના કોઈપણ ટેક્સ્ટ પર ક્લિક કરો અથવા તમારા કન્ટેન્ટ એરિયાની અંદર ક્લિક કરો અને ટાઇપ કરવાનું શરૂ કરો! અન્ય પેજ બિલ્ડરોથી વિપરીત, PBS તમને પોપઅપ સંવાદ બોક્સમાંથી પસાર થયા વિના સીધા કન્ટેન્ટને એડિટ કરવાની મંજૂરી આપે છે.

તમારા કન્ટેન્ટનું ફોર્મેટિંગ કરવું / સામગ્રીને આકર્ષક બનાવવી

એડિટિંગ કરતી વખતે, ટોચ પરના એરિયાને ટેક્સ્ટ ફોર્મેટિંગ બાર (Text Formatting Bar) કહેવામાં આવે છે. આ બારમાં બધા ફોર્મેટિંગ ટૂલ્સ શામેલ છે જેનો ઉપયોગ તમે ટેક્સ્ટને સ્ટાઇલ કરવા માટે કરશો જેમ કે: રંગો, બોલ્ડ, ઇટાલિક, સંરેખણ (alignment), લિંક્સ ઉમેરવી, બુલેટ્સ અને વધુ. તે ટૂલ શું કરે છે તે શોધવા માટે દરેક બટન પર હોવર કરો.

એલિમેન્ટ્સ ઉમેરવા

Add Element Panel બતાવવા માટે સ્ક્રીનની ઉપર ડાબી બાજુએ આવેલ એડ એલિમેન્ટ્સ બટન પર તમારા માઉસને હોવર કરો. તમે તેને પ્રદર્શિત કરવા માટે તમારા માઉસને ફક્ત સ્ક્રીનની ડાબી બાજુએ પણ ખસેડી શકો છો.

કોઈપણ એલિમેન્ટ દાખલ કરવા માટે, તેના પર તમારું માઉસ દબાવી રાખો, પછી તેને તમારા કન્ટેન્ટ એરિયામાં ખેંચો (ડ્રેગ કરો). જે એરિયામાં એલિમેન્ટ મૂકવામાં આવશે તે હાઇલાઇટ થઈ જશે. એલિમેન્ટ મૂકવા માટે તમારા માઉસનું બટન છોડો.

એલિમેન્ટ્સને સ્ટાઇલ અને સંશોધિત કરવા

તમારા કન્ટેન્ટમાં રહેલા કોઈપણ એલિમેન્ટ પર તમારા માઉસને હોવર કરો અને પછી તેમની ઉપર આઉટલાઇન્સ અને ટૂલબાર્સ દેખાવા જોઈએ.

તમે એલિમેન્ટ્સ વચ્ચેના માર્જિનને વધારવા/ઘટાડવા માટે આઉટલાઇનની કિનારીઓ પર તમારા માઉસને હોવર કરી શકો છો.

એલિમેન્ટ પર ઝડપી ક્રિયાઓ કરવા માટે તમે ટૂલબાર પરના બટન પર પણ ક્લિક કરી શકો છો. ટૂલબાર પરના ગિયર (gear) આઇકોન પર ક્લિક કરવાથી પ્રોપર્ટીઝ ઇન્સ્પેક્ટર (Properties Inspector) ખુલશે જેમાં વધુ વિકલ્પો છે.

પ્રોપર્ટીઝ ઇન્સ્પેક્ટર

પ્રોપર્ટીઝ ઇન્સ્પેક્ટર તમને તમારા એલિમેન્ટ્સના દેખાવ પર વધુ નિયંત્રણ આપે છે. તમે શેડોઝ, એનિમેશન્સ, નકશાના રંગો બદલવા, બોર્ડર રેડિયસ અને ઘણું બધું ઉમેરી શકો છો.

તમે એલિમેન્ટના પેરેન્ટ્સની પ્રોપર્ટીઝ પણ ઍક્સેસ કરી શકો છો. ઉદાહરણ તરીકે, જો તમે કૉલમની અંદર કોઈ ઇમેજ મૂકી હોય અને પ્રોપર્ટીઝ ઇન્સ્પેક્ટર ખોલ્યું હોય, તો તમે તે ઇમેજ, તે જેમાં સમાયેલી છે તે કૉલમ અને તે કૉલમ જેમાં સમાયેલ છે તે રો (row) ની પ્રોપર્ટીઝ ઍક્સેસ કરી શકો છો.

પ્રોપર્ટીઝ ઇન્સ્પેક્ટરમાં વિવિધ એલિમેન્ટ્સ માટે ઘણી બધી વિવિધ સેટિંગ્સ શામેલ છે, તેથી તે બધાને તપાસવાની ખાતરી કરો.

શોર્ટકોડ્સનો ઉપયોગ કરવો

પેજ બિલ્ડર સેન્ડવિચ તમને ફ્રન્ટએન્ડમાં વાસ્તવિક શોર્ટકોડ્સ બતાવે છે, અને તમે તેને સરળતાથી એડિટ પણ કરી શકો છો!

જો તમે તમારા શોર્ટકોડ્સ યાદ રાખ્યા હોય, તો તમે તમારા કન્ટેન્ટમાં સીધા ટાઇપ કરીને શોર્ટકોડ્સ દાખલ કરી શકો છો. પરંતુ જો તમે તે બધાને યાદ ન રાખ્યા હોય (કોણ યાદ રાખે છે?) તો ઇન્સ્પેક્ટર તમારી સાઇટ પર ઉપલબ્ધ તમામ શોર્ટકોડ્સની યાદી આપે છે. ઇન્સ્પેક્ટરમાંથી Shortcode બટનને તમારા કન્ટેન્ટ એરિયામાં ખેંચો અને જેને તમે દાખલ કરવા માંગો છો તેને શોધો, તેને દાખલ કરવા માટે તેના પર ક્લિક કરો.

શોર્ટકોડ્સ ફ્રન્ટએન્ડમાં વાસ્તવિક કન્ટેન્ટમાં રેન્ડર થાય છે, તેમને એડિટ કરવા માટે, તમે તેને પસંદ કરી શકો છો અને ઇન્સ્પેક્ટરમાં તેમના એટ્રિબ્યુટ્સ ચકાસી શકો છો. અથવા વધુ નિયંત્રણ માટે, તમે શોર્ટકોડને તેના મૂળ સ્વરૂપમાં એડિટ કરવા માટે તેના પર ડબલ ક્લિક કરી શકો છો. તમારા ફેરફારો કર્યા પછી, તમારો શોર્ટકોડ ફેરફારોને દર્શાવવા માટે અપડેટ થશે.

તમારા કન્ટેન્ટને ફરીથી ગોઠવવું

તમે PBS વડે કોઈપણ વસ્તુને ક્લિક કરીને ખેંચી શકો છો અને તેને ગમે ત્યાં ખસેડી શકો છો. જ્યારે તમે કોઈ વસ્તુને ખેંચો છો, ત્યારે તેને પેજના અન્ય કોઈ એલિમેન્ટની ટોચ પર ખસેડો, તમે તેને અન્ય કોઈપણ કન્ટેન્ટની ઉપર અથવા નીચે ખસેડી શકો છો.

તમારું કામ સાચવવું

એકવાર તમે તમારા ડિઝાઈનથી સંતુષ્ટ થઈ જાઓ, પછી તમારા પેજની ઉપર ડાબી બાજુએ આવેલ સેવ બટન પર ક્લિક કરો. બસ આટલું જ!