Page Builder Sandwich તમારા સામાન્ય પેજ બિલ્ડર જેવું નથી, તે જટિલ નથી અને ઉપયોગમાં સરળ છે.
ઝડપી પરિચય માટે તમે નીચેનો વિડિઓ જોઈ શકો છો.
એડિટર ક્યાં છે?
પ્રથમ, એક નવું પેજ, પોસ્ટ અથવા CPT બનાવો. પછી તમારા ફ્રન્ટએન્ડમાં તમારી નવી પોસ્ટ અથવા કોઈપણ હાલની પોસ્ટની મુલાકાત લો. PBS ૧૦૦% ફ્રન્ટએન્ડ છે, તમારે બેકએન્ડમાં માથાકૂટ કરવી પડશે નહીં.
તમારા પેજના ટોચ પર (તમારા એડમિન બાર પર) “Page Builder Sandwich” બટન હોવું જોઈએ, એડિટિંગ શરૂ કરવા માટે તેના પર ક્લિક કરો. તમને ઉપરથી ટેક્સ્ટ ફોર્મેટિંગ એરિયા અને બાજુમાંથી એડ એલિમેન્ટ્સ પેનલ પોપ અપ થતી દેખાશે. તમારી થીમનો કન્ટેન્ટ એરિયા હવે તમારું એડિટર છે!
તમે PBS સાથે માત્ર સિંગલ પેજ જ એડિટ કરી શકો છો. તમે બ્લોગ પોસ્ટ્સની સૂચિ અથવા 404 પેજ એડિટ કરી શકતા નથી કારણ કે તે તમારી થીમ દ્વારા બનાવવામાં આવે છે. પોસ્ટ્સ, પેજીસ અને કસ્ટમ પોસ્ટ ટાઈપ્સ બરાબર છે.
તમારું કન્ટેન્ટ એડિટ કરવું
હવે એક અદ્ભુત ભાગ આવે છે.. એકવાર તમે ફ્રન્ટએન્ડમાં અને એડિટરની અંદર હોવ, તમારા કન્ટેન્ટમાં કોઈપણ ટેક્સ્ટ પર ક્લિક કરો અથવા તમારા કન્ટેન્ટ એરિયાની અંદર ક્લિક કરો અને ટાઇપ કરવાનું શરૂ કરો! અન્ય પેજ બિલ્ડર્સથી વિપરીત, PBS તમને પોપઅપ ડાયલોગ બોક્સમાંથી પસાર થયા વિના સીધા કન્ટેન્ટને એડિટ કરવાની મંજૂરી આપે છે.
તમારા કન્ટેન્ટનું ફોર્મેટિંગ કરવું / વસ્તુઓને સુંદર બનાવવી
એડિટ કરતી વખતે, ટોચ પરના વિસ્તારને Text Formatting Bar કહેવામાં આવે છે. આ બારમાં ટેક્સ્ટને સ્ટાઇલ કરવા માટે તમે ઉપયોગ કરશો તે તમામ ફોર્મેટિંગ ટૂલ્સ શામેલ છે જેમ કે: રંગો, બોલ્ડ, ઇટાલિક, ગોઠવણી, લિંક્સ ઉમેરવી, બુલેટ્સ અને વધુ. ટૂલ શું કરે છે તે શોધવા માટે દરેક બટન પર હોવર કરો.
એલિમેન્ટ્સ ઉમેરવા
Add Element Panel બતાવવા માટે સ્ક્રીનની ઉપર ડાબી બાજુએ Add Elements બટન પર તમારું માઉસ હોવર કરો. તમે તેને દેખાડવા માટે તમારા માઉસને ફક્ત સ્ક્રીનની ડાબી બાજુ પણ લઈ જઈ શકો છો.
કોઈપણ એલિમેન્ટ દાખલ કરવા માટે, તેના પર તમારા માઉસને દબાવી રાખો, પછી તેને તમારા કન્ટેન્ટ એરિયામાં ખેંચો. જ્યાં એલિમેન્ટ મૂકવામાં આવશે તે વિસ્તાર હાઇલાઇટ થઈ જશે. એલિમેન્ટ મૂકવા માટે તમારા માઉસનું બટન છોડો.
એલિમેન્ટ્સને સ્ટાઇલ અને સંશોધિત કરવા
તમારા કન્ટેન્ટમાં રહેલા કોઈપણ એલિમેન્ટ પર તમારું માઉસ હોવર કરો અને પછી તેમની ઉપર આઉટલાઇન્સ અને ટૂલબાર દેખાવા જોઈએ.
એલિમેન્ટ્સ વચ્ચેના માર્જિન વધારવા/ઘટાડવા માટે તમે આઉટલાઇનની કિનારીઓ પર તમારું માઉસ હોવર કરી શકો છો.
એલિમેન્ટ પર ઝડપી ક્રિયાઓ કરવા માટે તમે ટૂલબાર પરના બટન પર પણ ક્લિક કરી શકો છો. ટૂલબાર પરના ગિયર આઇકન પર ક્લિક કરવાથી Properties Inspector ખુલશે જેમાં વધુ વિકલ્પો શામેલ છે.
The Properties Inspector
પ્રોપર્ટીઝ ઇન્સ્પેક્ટર તમને તમારા એલિમેન્ટ્સના દેખાવ પર વધુ નિયંત્રણ આપે છે. તમે શેડો, એનિમેશન, નકશાના રંગો બદલવા, બોર્ડર રેડિયસ અને ઘણું બધું ઉમેરી શકો છો.
તમે એલિમેન્ટના પેરેન્ટ્સની પ્રોપર્ટીઝને પણ ઍક્સેસ કરી શકો છો. ઉદાહરણ તરીકે, જો તમે કૉલમની અંદર ઇમેજ મૂકી હોય અને પ્રોપર્ટીઝ ઇન્સ્પેક્ટર ખોલ્યું હોય, તો તમે ઇમેજની પ્રોપર્ટીઝ, જેમાં તે સમાવિષ્ટ છે તે કૉલમ, અને જેમાં કૉલમ સમાવિષ્ટ છે તે પંક્તિની પ્રોપર્ટીઝને ઍક્સેસ કરી શકો છો.
પ્રોપર્ટીઝ ઇન્સ્પેક્ટરમાં વિવિધ એલિમેન્ટ્સ માટે ઘણી બધી વિવિધ સેટિંગ્સ શામેલ છે, તેથી તે બધી ચોક્કસ તપાસો.
શોર્ટકોડ્સનો ઉપયોગ કરવો
Page Builder Sandwich તમને ફ્રન્ટએન્ડમાં વાસ્તવિક શોર્ટકોડ્સ બતાવે છે, અને તમે તેને સરળતાથી એડિટ પણ કરી શકો છો!
જો તમે તમારા શોર્ટકોડ્સ યાદ રાખ્યા હોય, તો તમે તમારા કન્ટેન્ટમાં સીધા જ ટાઇપ કરીને શોર્ટકોડ્સ દાખલ કરી શકો છો. પરંતુ જો તમે તે બધા યાદ ન રાખ્યા હોય (એવું કોણ કરે?), તો ઇન્સ્પેક્ટર તમારી સાઇટમાં ઉપલબ્ધ તમામ શોર્ટકોડ્સની યાદી આપે છે. ઇન્સ્પેક્ટરમાંથી Shortcode બટનને તમારા કન્ટેન્ટ એરિયામાં ખેંચો અને જેને તમે દાખલ કરવા માંગો છો તે શોધો, તેને દાખલ કરવા માટે તેના પર ક્લિક કરો.
શોર્ટકોડ્સ ફ્રન્ટએન્ડમાં વાસ્તવિક કન્ટેન્ટ તરીકે રેન્ડર થાય છે, તેમને સંપાદિત કરવા માટે, તમે તેને પસંદ કરી શકો છો અને ઇન્સ્પેક્ટરમાં તેમની વિશેષતાઓ ચકાસી શકો છો. અથવા વધુ નિયંત્રણ માટે, તમે શોર્ટકોડને તેના મૂળ સ્વરૂપમાં એડિટ કરવા માટે તેના પર ડબલ ક્લિક કરી શકો છો. તમારા સંપાદનો કર્યા પછી, ફેરફારો દર્શાવવા માટે તમારો શોર્ટકોડ અપડેટ થશે.
તમારા કન્ટેન્ટને ફરીથી ગોઠવવું
તમે PBS સાથે કંઈપણ ક્લિક અને ડ્રેગ કરી શકો છો અને તેને ગમે ત્યાં ખસેડી શકો છો. જ્યારે તમે કંઈક ડ્રેગ કરો છો, ત્યારે તેને પેજના અન્ય એલિમેન્ટની ઉપર ખસેડો, તમે તેને અન્ય કોઈપણ કન્ટેન્ટની ઉપર અથવા નીચે ખસેડી શકો છો.
તમારું કાર્ય સાચવવું
એકવાર તમે તમારી ડિઝાઇનથી સંતુષ્ટ થઈ જાઓ, પછી તમારા પેજની ઉપર ડાબી બાજુએ સેવ બટન પર ક્લિક કરો. બસ આટલું જ!