Page Builder Sandwich: ਲੇਆਉਟ ਅਤੇ ਡਿਜ਼ਾਈਨ ਪ੍ਰਣਾਲੀ, ਭਾਗ 1 ਵਿੱਚੋਂ 2

ਇਹ ਕੀ ਕਰਦਾ ਹੈ

• Flexbox ਅਤੇ CSS Grid ਕੰਟੇਨਰ — ਪੂਰੇ flex ਅਤੇ grid ਨਿਯੰਤਰਣਾਂ ਵਾਲੇ ਸੈਕਸ਼ਨ ਅਤੇ ਕੰਟੇਨਰ, ਜਿਸ ਵਿੱਚ ਇੱਕ ਵਿਜ਼ੂਅਲ ਗਰਿੱਡ ਐਡੀਟਰ ਸ਼ਾਮਲ ਹੈ: ਕਾਲਮ ਅਤੇ ਕਤਾਰਾਂ ਸੈੱਟ ਕਰਨ ਲਈ ਡਰੈਗ ਕਰੋ।
• ਤਿੰਨ ਬਿਲਟ-ਇਨ ਬ੍ਰੇਕਪੁਆਇੰਟ — ਡੈਸਕਟਾਪ, ਟੈਬਲੇਟ ਅਤੇ ਮੋਬਾਈਲ ਲਈ ਵੱਖਰੀਆਂ ਸੈਟਿੰਗਾਂ, ਲਾਈਵ ਪੂਰਵ-ਝਲਕ ਸਮੇਤ।
• ਗਲੋਬਲ ਰੰਗ ਅਤੇ ਫੌਂਟ, ਤੁਹਾਡੀ ਥੀਮ ਨਾਲ ਸਾਂਝੇ ਕੀਤੇ ਗਏ — ਸਾਈਟ-ਵਿਆਪਕ ਰੰਗ ਅਤੇ ਟਾਈਪੋਗ੍ਰਾਫੀ ਜੋ ਥੀਮ ਦੀਆਂ ਸੈਟਿੰਗਾਂ (theme.json) ਤੋਂ ਪੜ੍ਹਦੇ ਅਤੇ ਲਿਖਦੇ ਹਨ, ਤਾਂ ਜੋ ਬਿਲਡਰ ਅਤੇ ਥੀਮ ਹਮੇਸ਼ਾ ਮੇਲ ਖਾਂਦੇ ਰਹਿਣ।
• ਐਲੀਮੈਂਟਾਂ ਅਤੇ ਸਾਈਟਾਂ ਵਿਚਕਾਰ ਸਟਾਈਲ ਕਾਪੀ ਅਤੇ ਪੇਸਟ ਕਰੋ — ਕਿਸੇ ਐਲੀਮੈਂਟ ਦਾ ਸਟਾਈਲ, ਜਾਂ ਪੂਰਾ ਸੈਕਸ਼ਨ ਕਾਪੀ ਕਰੋ, ਅਤੇ ਇਸਨੂੰ ਕਿਸੇ ਹੋਰ ਪੰਨੇ ਜਾਂ ਕਿਸੇ ਹੋਰ ਵੈੱਬਸਾਈਟ ਵਿੱਚ ਪੇਸਟ ਕਰੋ।
• ਤੁਹਾਡੇ ਪੈਲੇਟ ਰੰਗਾਂ ਦੇ ਸ਼ੇਡ ਅਤੇ ਧੁੰਦਲਾਪਨ (OKLCH) — ਕਲਰ ਪਿਕਰ ਵਿੱਚ ਹੀ ਕਿਸੇ ਵੀ ਪੈਲੇਟ ਰੰਗ ਨੂੰ ਹਲਕਾ, ਗੂੜ੍ਹਾ ਜਾਂ ਪਾਰਦਰਸ਼ੀ ਬਣਾਓ। OKLCH ਵਿੱਚ ਮਿਲਾਇਆ ਗਿਆ ਹੈ ਤਾਂ ਜੋ ਰੰਗ ਅਸਲ ਰਹੇ, ਫਿਰ ਵੀ ਪੈਲੇਟ ਰੰਗ ਨਾਲ ਜੁੜਿਆ ਰਹੇ, ਪੁਰਾਣੇ ਬ੍ਰਾਊਜ਼ਰਾਂ ਲਈ ਇੱਕ ਸਾਦੇ-ਰੰਗ ਦੇ ਫਾਲਬੈਕ ਦੇ ਨਾਲ।
• ਸਟਾਈਲ ਬਿਲਡਰ ਵਿੱਚ ਸ਼ਰਤਾਂ (media, container ਅਤੇ supports at-rules) — ਕਿਸੇ ਐਲੀਮੈਂਟ ਨੂੰ ਸਿਰਫ਼ ਪ੍ਰਿੰਟ ਕਰਦੇ ਸਮੇਂ, ਗੂੜ੍ਹੇ ਰੰਗ ਸਕੀਮ ਵਿੱਚ, ਘਟੀ ਹੋਈ ਗਤੀ ਦੇ ਨਾਲ ਜਾਂ ਮਾਊਸ ਡਿਵਾਈਸਾਂ 'ਤੇ ਸਟਾਈਲ ਕਰੋ; ਡਿਵੈਲਪਰ pbsw_style_at_rules PHP ਫਿਲਟਰ ਨਾਲ ਆਪਣੇ ਖੁਦ ਦੇ media, container ਅਤੇ supports ਪ੍ਰੀਸੈਟਸ ਜੋੜ ਸਕਦੇ ਹਨ।
• ਹਰ ਬਲਾਕ 'ਤੇ ਟ੍ਰਾਂਸਫਾਰਮ ਵਿਕਲਪ, ਕਤਾਰਾਂ ਅਤੇ ਕਾਲਮ ਸ਼ਾਮਲ ਹਨ — ਪ੍ਰਤੀ ਸਕ੍ਰੀਨ ਆਕਾਰ ਅਤੇ ਹੋਵਰ 'ਤੇ ਕਿਸੇ ਵੀ ਬਲਾਕ ਨੂੰ ਘੁਮਾਓ, ਸਕੇਲ ਕਰੋ, ਤਿਰਛਾ ਕਰੋ ਅਤੇ ਹਿਲਾਓ; ਸੱਜੇ-ਤੋਂ-ਖੱਬੇ ਭਾਸ਼ਾਵਾਂ ਵਿੱਚ ਇਹ ਹਿਲਜੁਲ ਪੜ੍ਹਨ ਦੀ ਦਿਸ਼ਾ ਦੀ ਪਾਲਣਾ ਕਰਦੀ ਹੈ।
• ਸਮੂਹਾਂ ਅਤੇ ਦੁਹਰਾਉਣ ਯੋਗ ਬਲਾਕਾਂ ਲਈ ਡਿਫੌਲਟ ਆਈਟਮ ਸਟਾਈਲ — ਇੱਕ ਕਤਾਰ, ਸੈਕਸ਼ਨ, ਅਕਾਰਡੀਅਨ ਜਾਂ ਟੈਬਾਂ ਵਿੱਚ ਹਰੇਕ ਆਈਟਮ ਨੂੰ ਇੱਕੋ ਵਾਰ ਸਟਾਈਲ ਕਰੋ, ਪ੍ਰਤੀ ਸਕ੍ਰੀਨ ਆਕਾਰ ਅਤੇ ਹੋਵਰ 'ਤੇ; ਕਿਸੇ ਆਈਟਮ ਦਾ ਆਪਣਾ ਮੁੱਲ ਅਜੇ ਵੀ ਪਹਿਲ ਲੈਂਦਾ ਹੈ।
• ਆਪਣੀਆਂ ਕਤਾਰਾਂ ਅਤੇ ਸੈਕਸ਼ਨਾਂ ਦਾ ਨਾਮ ਰੱਖੋ — ਕਿਸੇ ਵੀ ਕਤਾਰ, ਸੈਕਸ਼ਨ ਜਾਂ ਕੰਟੇਨਰ ਨੂੰ ਇਸਦੀਆਂ ਸੈਟਿੰਗਾਂ ਤੋਂ ਇੱਕ ਲੇਬਲ ("Pricing", "Hero") ਦਿਓ; ਲੇਬਲ ਕੈਨਵਸ ਵਿੱਚ ਕਤਾਰ 'ਤੇ ਅਤੇ Layers ਵਿੱਚ ਦਿਖਾਈ ਦਿੰਦਾ ਹੈ, ਇਸ ਲਈ ਇੱਕ ਲੰਬੇ ਪੰਨੇ 'ਤੇ ਆਸਾਨੀ ਨਾਲ ਨੇਵੀਗੇਟ ਕੀਤਾ ਜਾ ਸਕਦਾ ਹੈ। ਇਹ ਪੰਨੇ 'ਤੇ ਕਦੇ ਵੀ ਪ੍ਰਿੰਟ ਨਹੀਂ ਹੁੰਦਾ।

ਮੁਫ਼ਤ ਜਾਂ ਪ੍ਰੋ

ਇੱਥੇ ਸਭ ਕੁਝ ਮੁਫ਼ਤ ਸੰਸਕਰਣ ਵਿੱਚ ਉਪਲਬਧ ਹੈ।