Page Builder Sandwich: લેઆઉટ અને ડિઝાઇન સિસ્ટમ, ભાગ ૧ માંથી ૨

તે શું કરે છે

• Flexbox અને CSS Grid કન્ટેનર્સ — સંપૂર્ણ flex અને grid નિયંત્રણો સાથેના સેક્શન્સ અને કન્ટેનર્સ, જેમાં વિઝ્યુઅલ ગ્રીડ એડિટર શામેલ છે: કૉલમ અને પંક્તિઓ સેટ કરવા માટે ડ્રૅગ કરો.
• ત્રણ ઇન-બિલ્ટ બ્રેકપૉઇન્ટ્સ — ડેસ્કટૉપ, ટેબ્લેટ અને મોબાઇલ માટે અલગ સેટિંગ્સ, જેનું લાઇવ પૂર્વાવલોકન જોઈ શકાય છે.
• ગ્લોબલ રંગો અને ફોન્ટ્સ, તમારી થીમ સાથે શેર કરેલા — સાઇટ-વ્યાપી રંગો અને ટાઇપોગ્રાફી જે થીમના સેટિંગ્સ (theme.json) માંથી વાંચે છે અને તેમાં લખે છે, જેથી બિલ્ડર અને થીમ હંમેશા મેળ ખાતા રહે.
• એલિમેન્ટ્સ અને સાઇટ્સ વચ્ચે શૈલીઓની કૉપિ અને પેસ્ટ કરો — કોઈ એલિમેન્ટની શૈલી અથવા આખા સેક્શનની કૉપિ કરો, અને તેને અન્ય પૃષ્ઠ અથવા અન્ય વેબસાઇટ પર પેસ્ટ કરો.
• તમારા પેલેટ રંગોના શેડ્સ અને અપારદર્શકતા (OKLCH) — કલર પીકરમાં જ પેલેટના કોઈપણ રંગને હળવો, ઘાટો અથવા પારદર્શક બનાવો. OKLCH માં મિશ્રિત હોવાથી રંગછટા (hue) મૂળ જેવી જ રહે છે, પેલેટ રંગ સાથે જોડાયેલી રહે છે, અને જૂના બ્રાઉઝર્સ માટે સાદા-રંગનો ફોલબેક ઉપલબ્ધ છે.
• શૈલી બિલ્ડરમાં શરતો (media, container અને supports at-રૂલ્સ) — ફક્ત પ્રિન્ટ કરતી વખતે, ડાર્ક કલર સ્કીમમાં, ઓછી ગતિ (reduced motion) સાથે અથવા માઉસ ઉપકરણો પર જ કોઈ એલિમેન્ટને સ્ટાઇલ કરો; ડેવલપર્સ pbsw_style_at_rules PHP ફિલ્ટર વડે તેમના પોતાના media, container અને supports પ્રીસેટ્સ ઉમેરી શકે છે.
• દરેક બ્લૉક પર ટ્રાન્સફોર્મ વિકલ્પો, પંક્તિઓ અને કૉલમ્સ શામેલ છે — સ્ક્રીનના કદ દીઠ અને હોવર પર કોઈપણ બ્લૉકને ફેરવો (rotate), સ્કેલ કરો, ત્રાંસો કરો (skew) અને ખસેડો; જમણે-થી-ડાબે લખાતી ભાષાઓમાં આ હલનચલન વાંચવાની દિશાને અનુસરે છે.
• ગ્રૂપ્સ અને પુનરાવર્તિત બ્લૉક્સ માટે ડિફૉલ્ટ આઇટમ શૈલીઓ — સ્ક્રીન કદ દીઠ અને હોવર પર, પંક્તિ, સેક્શન, એકોર્ડિયન અથવા ટૅબ્સમાંની દરેક આઇટમને એકસાથે સ્ટાઇલ કરો; આઇટમનું પોતાનું મૂલ્ય હજી પણ અગ્રતા ધરાવે છે.
• તમારી પંક્તિઓ અને સેક્શન્સને નામ આપો — તેના સેટિંગ્સમાંથી કોઈપણ પંક્તિ, સેક્શન અથવા કન્ટેનરને લેબલ આપો ("કિંમત", "હીરો"); લેબલ કૅનવાસ પરની પંક્તિમાં અને લેયર્સમાં દેખાય છે, જેથી લાંબા પૃષ્ઠ પર નેવિગેટ કરવું સરળ બને છે. તે પૃષ્ઠ પર ક્યારેય છપાતું નથી.

મફત કે પ્રો

અહીંની દરેક વસ્તુ મફત સંસ્કરણમાં ઉપલબ્ધ છે.