Page Builder Sandwich: Sistema ng layout at disenyo, bahagi 1 ng 2

Ang ginagawa nito

• Mga container ng Flexbox at CSS Grid — Mga section at container na may buong kontrol sa flex at grid, kabilang ang visual na grid editor: i-drag para itakda ang mga column at row.
• Tatlong built-in na breakpoint — Magkakahiwalay na setting para sa desktop, tablet, at mobile, na may live preview.
• Mga pangkalahatang kulay at font, ibinabahagi sa iyong tema — Mga kulay at typography sa buong site na nagbabasa mula at nagsusulat sa mga setting ng tema (theme.json), upang laging magkatugma ang builder at tema.
• Kopyahin at i-paste ang mga style sa pagitan ng mga elemento at site — Kopyahin ang style ng isang elemento, o ng isang buong section, at i-paste ito sa ibang pahina o sa ibang website.
• Mga shade at opacity ng mga kulay ng iyong palette (OKLCH) — Gawing mas maliwanag, mas madilim, o malinaw (see-through) ang anumang kulay ng palette nang direkta sa color picker. Pinaghalo sa OKLCH upang manatiling totoo ang kulay (hue), nakaugnay pa rin sa kulay ng palette, na may plain-colour na fallback para sa mga lumang browser.
• Mga kondisyon sa style builder (mga at-rule ng media, container, at supports) — I-style ang isang elemento kapag nagpi-print lamang, sa isang dark colour scheme, na may reduced motion, o sa mga mouse device; maaaring magdagdag ang mga developer ng sarili nilang mga preset ng media, container, at supports gamit ang PHP filter na pbsw_style_at_rules.
• Mga opsyon sa transform sa bawat block, kasama ang mga row at column — I-rotate, i-scale, i-skew, at igalaw ang anumang block ayon sa laki ng screen at kapag ini-hover; sinusunod ng paggalaw ang direksyon ng pagbasa sa mga wikang mula kanan pakaliwa.
• Mga default na style ng item para sa mga grupo at nauulit na block — I-style ang bawat item sa isang row, section, accordion, o mga tab nang sabay-sabay, ayon sa laki ng screen at kapag ini-hover; mananaig pa rin ang sariling value ng isang item.
• Pangalanan ang iyong mga row at section — Bigyan ng label ("Pagpepresyo", "Hero") ang anumang row, section, o container mula sa mga setting nito; lumalabas ang label sa row sa canvas at sa Mga Layer, upang madaling mahanap ang iyong kinaroroonan sa isang mahabang pahina. Hindi ito kailanman inililimbag sa pahina.

Libre o Pro

Lahat ng narito ay kasama sa libreng edisyon.