Elementor 3.6 ๊ฒ€ํ† : ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๋ฐ ๊ฐœ์„  ์‚ฌํ•ญ

Whats new in Elementor 3.6

์•„์ง Elementor 3.6์„ ์‚ฌ์šฉํ•ด ๋ณด์…จ๋‚˜์š”?ย 

์•„๋‹ˆ๋ฉด ๋‹น์‹ ์€ ๊ธฐ๋‹ค๋ฆฌ๊ณ  ์žˆ์Šต๋‹ˆ๊นŒ? ์ข‹์€ ์—˜๋ฆฌ๋ฉ˜ํ„ฐ 3.6 ๋ฆฌ๋ทฐ ๋งˆ์Œ์„ ์ •ํ•˜๋ ค๊ณ ?

๊ธ€์Ž„, ๊ทธ๋ ‡๋‹ค๋ฉด ๊ธฐ๋‹ค๋ฆผ์€ ๋๋‚ฌ์Šต๋‹ˆ๋‹ค!

์ด ๊ธฐ์‚ฌ์—์„œ๋Š” Elementor 3.6์˜ ๋ชจ๋“  ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ์ถ”๊ฐ€ ๋ฐ ๊ฐœ์„  ์‚ฌํ•ญ์— ๋Œ€ํ•ด ์ž์„ธํžˆ ์•Œ๊ฒŒ ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

Elementor 3.6์€ ๋ธŒ๋žœ๋“œ ์•„์ด๋ดํ‹ฐํ‹ฐ๋ฅผ ๋†’์ด๋Š” ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ๋„์›€์„ ์ค๋‹ˆ๋‹ค. ๋”ฐ๋ผ์„œ ์ฃผ๋กœ ๋‹ค์Œ ์ž‘์—…์— ๋„์›€์ด ๋˜๋Š” ๊ธฐ๋Šฅ์— ์ค‘์ ์„ ๋‘ก๋‹ˆ๋‹ค. ํ”ฝ์…€ ๋‹จ์œ„๊นŒ์ง€ ์™„๋ฒฝํ•œ ์žฅ์น˜ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ ๋งŒ๋“ค๊ธฐ ์ €๊ฒƒ ๋” ๋น ๋ฅด๊ฒŒ ๋กœ๋“œ ์‚ฌ์šฉ์ž๊ฐ€ ์ตœ๊ณ ์˜ ์‡ผํ•‘ ๊ฒฝํ—˜.

์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ๊ณผ ํ•จ๊ป˜ ๋‹ค์Œ ๊ธฐ๋Šฅ๋„ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด WooCommerce ์œ„์ ฏ Elementor ์›น์‚ฌ์ดํŠธ์˜ ์‡ผํ•‘ ๊ฒฝํ—˜์„ ๊ฐœ์„ ํ•ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์‹คํ—˜์ ์ธ ๋ฒ„์ „์ด๋ฏ€๋กœ ๋ฐ”๋กœ Elementor 3.6์œผ๋กœ ์ „ํ™˜ํ•  ํ•„์š”๋Š” ์—†์Šต๋‹ˆ๋‹ค. ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์‹œํ—˜ํ•ด ๋ณธ ํ›„ ์›ํ•  ๊ฒฝ์šฐ ์ ์ง„์ ์œผ๋กœ ์ „ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.ย 

ํ•˜์ง€๋งŒ ๊ทธ๋Ÿฌ๊ธฐ ์œ„ํ•ด์„œ๋Š” ์•Œ์•„์•ผ ํ•  ๊ฒƒ์ด ์žˆ์–ด์š” Elementor 3.6์˜ ๊ธฐ๋Šฅ๊ณผ ๊ฐœ์„  ์‚ฌํ•ญ์€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ?, ์˜ค๋ฅธ์ชฝ?

๊ทธ๋Ÿผ ๋ณธ๋ก ์œผ๋กœ ๋“ค์–ด๊ฐ€ Elementor 3.6 ๋ฆฌ๋ทฐ๋กœ ๋„˜์–ด๊ฐ€๊ฒ ์Šต๋‹ˆ๋‹คโ€ฆ

Elementor 3.6์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๋ฐ ๊ฐœ์„  ์‚ฌํ•ญ

์ตœ์‹  ์ฃผ์š” ๊ธฐ๋Šฅ๊ณผ ๊ฐœ์„  ์‚ฌํ•ญ์„ ๋ชจ๋‘ ํฌํ•จํ•˜๋ ค๊ณ  ๋…ธ๋ ฅํ–ˆ์Šต๋‹ˆ๋‹ค. ์—˜๋ ˆ๋ฉ˜ํ„ฐ ์ œ๊ณตํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ๊ธฐ๋Šฅ์— ๋Œ€ํ•œ ์ž์„ธํ•œ ๋‚ด์šฉ์„ ๋ณด๋ ค๋ฉด ๋ธ”๋กœ๊ทธ๋ฅผ ์ฝ์–ด๋ณด์„ธ์š”.

โœจ Flexbox ์ปจํ…Œ์ด๋„ˆ ์†Œ๊ฐœ

Elementor 3.6์—๋Š” CSS Flexbox ์ปจํ…Œ์ด๋„ˆ์™€ ๊ฐ™์€ ์ƒˆ๋กœ์šด ๋ ˆ์ด์•„์›ƒ ๊ตฌ์กฐ๊ฐ€ ๋„์ž…๋˜์—ˆ์Šต๋‹ˆ๋‹ค. Flexbox ์ปจํ…Œ์ด๋„ˆ์—๋Š” ๋‹ค์Œ์ด ์žˆ์Šต๋‹ˆ๋‹ค. ๋‚ด๋ถ€ ์„น์…˜์ด ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ๋” ์ด์ƒ!

Flexbox ์ปจํ…Œ์ด๋„ˆ Elementor 3.6 ๊ฒ€ํ† 

๋‹น์‹ ์€ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์ปจํ…Œ์ด๋„ˆ์— ์œ„์ ฏ์„ ์ง์ ‘ ์ถ”๊ฐ€ ๋˜ํ•œ ์ปจํ…Œ์ด๋„ˆ ์•ˆ์— ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์ถ”๊ฐ€ํ•˜์—ฌ ํ–‰๊ณผ ์—ด์„ ๋งŒ๋“ค ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ปจํ…Œ์ด๋„ˆ์˜ ๋ฐฉํ–ฅ์„ ์‚ฌ์šฉ์ž ์ •์˜ํ•˜์—ฌ ํ–‰์ด๋‚˜ ์—ด๋กœ ๋ณ€ํ™˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์ด ์ปจํ…Œ์ด๋„ˆ ๋ ˆ์ด์•„์›ƒ์€ ํ”ฝ์…€ ๋‹จ์œ„์˜ ์™„๋ฒฝํ•œ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค. ๊ฒŒ๋‹ค๊ฐ€ flexbox ์ปจํ…Œ์ด๋„ˆ๋Š” ๋”์šฑ ์ตœ์ ํ™”๋œ DOM ์ถœ๋ ฅ ๊ทธ๋Ÿฌ๋ฉด ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ์ด ๋ˆˆ์— ๋„๊ฒŒ ํ–ฅ์ƒ๋  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

ํ˜„์žฌ ์„น์…˜-์—ด ๊ตฌ์กฐ์˜ Elementor ์‚ฌ์ดํŠธ๋ฅผ ์ƒˆ๋กœ์šด Flexbox ์ปจํ…Œ์ด๋„ˆ ๊ตฌ์กฐ๋กœ ์–ด๋–ป๊ฒŒ ๋ณ€ํ™˜ํ• ์ง€ ๊ฑฑ์ •ํ•˜์ง€ ๋งˆ์‹ญ์‹œ์˜ค.ย 

Elementor 3.6์—๋Š” ์‚ฌ์šฉํ•˜๊ธฐ ์‰ฌ์šด ๋ณ€ํ™˜๊ธฐ ์˜ต์…˜ ํŽ˜์ด์ง€/๊ฒŒ์‹œ๋ฌผ ์„ค์ •์—์„œ. ๋ณ€ํ™˜ ๋ฒ„ํŠผ/์˜ต์…˜์„ ํด๋ฆญํ•˜๊ณ  ํŽ˜์ด์ง€์˜ Flexbox ์ปจํ…Œ์ด๋„ˆ ๋ฒ„์ „ ์ถ”๊ฐ€ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ์„ ์ˆ˜ํ–‰ํ•˜์ง€ ์•Š๊ณ .

๋ฉ”๋ชจ: ์ƒˆ๋กœ์šด Flexbox ์ปจํ…Œ์ด๋„ˆ๋ฅผ ์‚ฌ์šฉํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ์ž์„ธํžˆ ์•Œ์•„๋ณด๋ ค๋ฉด ์—ฌ๊ธฐ.

โœจ ์ƒˆ๋กœ์šด ๊ฐ€์ ธ์˜ค๊ธฐ/๋‚ด๋ณด๋‚ด๊ธฐ ๊ธฐ๋Šฅ

Elementor 3.6์€ ์›น ๋””์ž์ธ์„ ๊ทธ ์–ด๋Š ๋•Œ๋ณด๋‹ค ๋น ๋ฅด๊ฒŒ ๋งŒ๋“ค์–ด์ฃผ๋Š” ๋‚ด๋ณด๋‚ด๊ธฐ ๋ฐ ๊ฐ€์ ธ์˜ค๊ธฐ ๊ด€๋ จ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.ย 

๋ฐฉ๋ฒ•์ด ๊ถ๊ธˆํ•˜์‹ ๊ฐ€์š”?
์Œ, Elementor์˜ ์ƒˆ ๋ฒ„์ „์—๋Š” ๊ฐ€์ ธ์˜ค๊ธฐ-๋‚ด๋ณด๋‚ด๊ธฐ ํ…œํ”Œ๋ฆฟ ํ‚คํŠธ ์ฝ˜ํ…์ธ , ์‚ฌ์ดํŠธ ์„ค์ •, ํ…œํ”Œ๋ฆฟ์„ ๊ฐ€์ ธ์˜ฌ ๋ฟ๋งŒ ์•„๋‹ˆ๋ผ ์ „์ฒด ์›น์‚ฌ์ดํŠธ ํ‚คํŠธ๋ฅผ ๋‹ค๋ฅธ ์›น์‚ฌ์ดํŠธ๋กœ.

Elementor 3.6 ๊ฒ€ํ†  Elementskit 3.6 ๊ฐ€์ ธ์˜ค๊ธฐ-๋‚ด๋ณด๋‚ด๊ธฐ ํ…œํ”Œ๋ฆฟ ํ‚คํŠธ

๋”ฐ๋ผ์„œ ์ด์ œ ๋ช‡ ๋ฒˆ์˜ ํด๋ฆญ๋งŒ์œผ๋กœ ์›น ์‚ฌ์ดํŠธ์—์„œ Elementor ๋ฐ Elementor Pro(์˜ˆ: WooCommerce)์™€ ํ•จ๊ป˜ ์‚ฌ์šฉํ•˜๋Š” ๋ชจ๋“  ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ๋‹ค๋ฅธ ์‚ฌ์ดํŠธ๋กœ ๋‚ด๋ณด๋‚ด๊ฑฐ๋‚˜ ๊ฐ€์ ธ์˜ฌ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ๋˜ํ•œ ๊ฐ€์ ธ์˜ฌ ํ”Œ๋Ÿฌ๊ทธ์ธ๊ณผ ์„ค์ •์„ ์„ ํƒํ•˜์„ธ์š”.

Elementor 3.6 ๊ฒ€ํ† 

์ด ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์˜ ๋˜ ๋‹ค๋ฅธ ์žฅ์ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค. ๋ชจ๋“  ๋™์  ๋งํฌ ๋ฐ ์ฐธ์กฐ ๊ฐ€์ ธ์˜ค๊ธฐ ์‚ฌ์ดํŠธ์˜. ๋˜ํ•œ ํ™”๋ฉด์—์„œ ์„ ํƒํ•œ ๋ชจ๋“  ํ”Œ๋Ÿฌ๊ทธ์ธ, ์„ค์ • ๋“ฑ์˜ ์š”์•ฝ ๋ฒ„์ „์„ ๋ณผ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘‰๐Ÿ‘‰ ๋ธ”๋กœ๊ทธ์—์„œ๋„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค Elementor๋กœ ๋ฉ”๊ฐ€ ๋ฉ”๋‰ด๋ฅผ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

โœจ ํ”„๋ฆฌ๋กœ๋”๋ฅผ ์‚ฌ์šฉํ•œ ํŽ˜์ด์ง€ ์ „ํ™˜

์˜ˆ! ์ด์ œ ํ”„๋ฆฌ๋กœ๋”๋ฅผ ์ถ”๊ฐ€ํ•˜๊ธฐ ์œ„ํ•ด ์ถ”๊ฐ€ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ํ•„์š”ํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์—˜๋ ˆ๋ฉ˜ํ„ฐ ๋Œ€์ง€. Elementor 3.6์€ ์ž์‹ ๋งŒ์˜ ๊ฒƒ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋Š” ์˜ต์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค ํ”„๋ฆฌ๋กœ๋”๋ฅผ ์‚ฌ์šฉํ•œ ๊ฐœ์ธํ™”๋œ ํŽ˜์ด์ง€ ์ „ํ™˜ ์ด๋Š” ๊ท€ํ•˜์˜ ๋ธŒ๋žœ๋“œ๋ฅผ ๋ฐ˜์˜ํ•˜๊ณ  ํ™๋ณดํ•˜๋Š” ๋™์‹œ์— ์‚ฌ์šฉ์ž์—๊ฒŒ ๋” ๋‚˜์€ ๊ฒฝํ—˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.

Elementor 3.6 ํ”„๋ฆฌ๋กœ๋”๋ฅผ ์‚ฌ์šฉํ•œ ๊ฒ€ํ†  ํŽ˜์ด์ง€ ์ „ํ™˜

์‚ฌ์ดํŠธ ์„ค์ •์—์„œ ํŽ˜์ด์ง€ ์ „ํ™˜ ์„ค์ •์„ ์ฐพ์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ฐฐ๊ฒฝ์ƒ‰, ํ…์ŠคํŠธ ์ƒ‰์ƒ, ์ž…์žฅ ์• ๋‹ˆ๋ฉ”์ด์…˜์„ ๋งž์ถค ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ๋˜ํ•œ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์ด๋ฏธ์ง€, ํ…์ŠคํŠธ, ์• ๋‹ˆ๋ฉ”์ด์…˜๊ณผ ๊ฐ™์€ ํ”„๋ฆฌ๋กœ๋” ์œ ํ˜•, ํ”„๋ฆฌ๋กœ๋” ์ง€์—ฐ ์‹œ๊ฐ„ ๋ฐ ์‹œ๊ฐ„ ์„ค์ •๊ณผ ํ•จ๊ป˜ ๋“ฑ.

์ตœ๊ณ ์˜ Elementor ์• ๋“œ์˜จ ElementsKit

โœจ ์ „์ฒด ์ƒ‰์ƒ ๋ฐ ๊ธ€๊ผด ์žฌ์ •๋ ฌ

์–ด๋–ค ์‚ฌ๋žŒ๋“ค์€ ์ด ์ถ”๊ฐ€ ์‚ฌํ•ญ์ด ๋งค์šฐ ์ค‘์š”ํ•˜๋‹ค๊ณ  ์ƒ๊ฐํ•˜์ง€ ์•Š์„ ์ˆ˜๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๊ท€ํ•˜๊ฐ€ ์™„๋ฒฝ์ฃผ์˜์ž์ด๊ณ  ์ฒด๊ณ„์ ์ธ ๋ฐฉ์‹์œผ๋กœ ์ž‘์—…ํ•˜๊ธฐ๋ฅผ ์ข‹์•„ํ•œ๋‹ค๋ฉด ์ด ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜์—ฌ ์›น ๋””์ž์ธ ํ”„๋กœ์„ธ์Šค๋ฅผ ๋”์šฑ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Elementor 3.6 ๊ฒ€ํ† : ์ „์—ญ ์ƒ‰์ƒ ๋ฐ ๊ธ€๊ผด ์žฌ์ •๋ ฌ

์ด์ œ ์ „์—ญ ๊ธ€๊ผด๊ณผ ์ƒ‰์ƒ์„ ์žฌ๊ตฌ์„ฑํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋‹น์‹ ์€ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ๊ธ€๋กœ๋ฒŒ ์‹œ์Šคํ…œ ์ƒ‰์ƒ๊ณผ ์‚ฌ์šฉ์ž ์ •์˜ ์ƒ‰์ƒ์˜ ์ˆœ์„œ๋ฅผ ์žฌ๊ตฌ์„ฑํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ์‚ฌ์šฉ์ž ์ •์˜ ์ƒ‰์ƒ๋งŒ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์ „์—ญ ๊ธ€๊ผด์„ ์žฌ๊ตฌ์„ฑํ•˜๊ณ  ์‹œ์Šคํ…œ ๊ธ€๊ผด์ด ์•„๋‹Œ ์‚ฌ์šฉ์ž ์ •์˜ ๊ธ€๊ผด์„ ์‚ญ์ œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๐Ÿ‘‰๐Ÿ‘‰ ๋ธ”๋กœ๊ทธ์—์„œ๋„ ํ™•์ธํ•˜์‹ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ์‚ฌ์šฉ์ž ์ •์˜ Elementor ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ ํ…œํ”Œ๋ฆฟ์„ ๋งŒ๋“œ๋Š” ๋ฐฉ๋ฒ•

โœจ ์œ„์ ฏ ์ถ”๊ฐ€ ๋ฐ ๊ฐœ์„ 

์ƒˆ๋กœ์šด ๊ฒƒ์„ ๊ธฐ๋‹ค๋ฆฌ๊ณ  ์žˆ์—ˆ๋‹ค๋ฉด ์šฐ์ปค๋จธ์Šค ๊ณ ๊ฐ์˜ ์‡ผํ•‘ ๊ฒฝํ—˜์„ ํ–ฅ์ƒ์‹œํ‚ค๊ธฐ ์œ„ํ•œ ์œ„์ ฏ์„ ์‚ฌ์šฉํ•œ๋‹ค๋ฉด ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ์ถ”๊ฐ€ ์œ„์ ฏ์˜ ์ƒˆ๋กญ๊ฒŒ ํ–ฅ์ƒ๋œ ๋ ˆ์ด์•„์›ƒ๊ณผ ํ•จ๊ป˜ ๋‘ ๊ฐœ์˜ ์ƒˆ๋กœ์šด ์œ„์ ฏ์ด ์ถ”๊ฐ€๋˜์—ˆ๋‹ค๋Š” ์‚ฌ์‹ค์„ ์•Œ๊ฒŒ ๋˜์–ด ๊ธฐ์  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

โœ… ๊ตฌ๋งค ์š”์•ฝ ์œ„์ ฏ:

์ด WooCommerce ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜๋ฉด ์ฃผ๋ฌธ ํ™•์ธ ํŽ˜์ด์ง€๋ฅผ ๋งŒ๋“ค๊ณ  ๋งž์ถค ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—์„œ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค ํ™•์ธ ๋ฉ”์‹œ์ง€, ๊ฒฐ์ œ ์„ธ๋ถ€์ •๋ณด, ์€ํ–‰ ์„ธ๋ถ€์ •๋ณด, ๋‹ค์šด๋กœ๋“œ, ๊ตฌ๋งค ์š”์•ฝ, ์ฒญ๊ตฌ ์„ธ๋ถ€์ •๋ณด๋ฅผ ์‚ฌ์šฉ์ž ์ •์˜ํ•ฉ๋‹ˆ๋‹ค. ๋“ฑ.

Elementor 3.6 WooCommerce ๊ตฌ๋งค ์š”์•ฝ ์œ„์ ฏ Elementor 3.6์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๋ฐ ๊ฐœ์„  ์‚ฌํ•ญ

WooCommerce ์‚ฌ์ดํŠธ์— ์‚ฌ์šฉ์ž ์ •์˜ ํ•„๋“œ๋ฅผ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ์œผ์‹ญ๋‹ˆ๊นŒ?
๐Ÿ‘‰๐Ÿ‘‰ํ™•์ธํ•˜์„ธ์š” ์ฝ”๋”ฉ ์—†์ด WooCommerce ์‚ฌ์šฉ์ž ์ •์˜ ๊ฒฐ์ œ ํ•„๋“œ๋ฅผ ์ถ”๊ฐ€ํ•˜๋Š” ๋ฐฉ๋ฒ•

โœ… WooCommerce ์•Œ๋ฆผ ์œ„์ ฏ:

์ด ์œ„์ ฏ์„ ์‚ฌ์šฉํ•˜๋ฉด WooCommerce ํŽ˜์ด์ง€ ํ—ค๋”์— ๋งž์ถค ์•Œ๋ฆผ์„ ํ‘œ์‹œํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ์œ„์ ฏ์€ ๊ธฐ๋ณธ WooCommerce ์•Œ๋ฆผ์„ ๋ฌด์‹œํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์ดํŠธ ์„ค์ •์—์„œ ๋‹ค์–‘ํ•œ WooCommerce ์•Œ๋ฆผ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

Elementor 3.6์˜ WooCommerce ์•Œ๋ฆผ ์œ„์ ฏ Elementor 3.6์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๋ฐ ๊ฐœ์„  ์‚ฌํ•ญ

โœ… ์ƒˆ๋กœ์šด ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ์ถ”๊ฐ€ ์œ„์ ฏ ๋ ˆ์ด์•„์›ƒ:

์ด์ œ Elementor Add to Cart ์œ„์ ฏ์— ๋Œ€ํ•œ ์ƒˆ๋กœ์šด ๋ ˆ์ด์•„์›ƒ ์˜ต์…˜์ด ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค. ์„ธ ๊ฐ€์ง€ ๋ ˆ์ด์•„์›ƒ์€ ์ž๋™, ์ธ๋ผ์ธ ๋˜๋Š” ์Šคํƒ์ž…๋‹ˆ๋‹ค. ์ด๋ ‡๊ฒŒ ํ•˜๋ฉด ์žฅ๋ฐ”๊ตฌ๋‹ˆ์— ์ถ”๊ฐ€ ์„น์…˜์˜ ๋ชจ์–‘์„ ํ–ฅ์ƒํ•˜๊ธฐ ์œ„ํ•ด ๋” ๋งŽ์€ ์ œ์–ด๊ถŒ์„ ๊ฐ–๊ฒŒ ๋ฉ๋‹ˆ๋‹ค.

โœจ ์„ฑ๋Šฅ ๊ฐœ์„ 

Elementor 3.6์˜ ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ ๋ฐ ๊ฐœ์„  ์‚ฌํ•ญ

๋ชจ๋“  ์ƒˆ ๋ฒ„์ „๊ณผ ๋งˆ์ฐฌ๊ฐ€์ง€๋กœ ์ด ์ƒˆ Elementor ๋ฒ„์ „๋„ ์›น ์‚ฌ์ดํŠธ์˜ ์ „๋ฐ˜์ ์ธ ์„ฑ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๊ธฐ ์œ„ํ•ด ๋งŽ์€ ๊ธฐ๋Šฅ์„ ๊ฐœ์„ ํ–ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ์—๋Š” ๊ฒŒ์œผ๋ฅธ ๋กœ๋“œ ์ถ”๊ฐ€ ํ•˜์ด๋ผ์ดํŠธ์ž…๋‹ˆ๋‹ค.ย 

์ง€์—ฐ ๋กœ๋“œ ๊ธฐ๋Šฅ์„ ์‚ฌ์šฉํ•˜๋ฉด ์ด์ „ ๋ฒ„์ „๊ณผ ๋‹ฌ๋ฆฌ ์ด์ œ ์ „์ฒด ์›น์‚ฌ์ดํŠธ ์ฝ˜ํ…์ธ ๊ฐ€ ๋™์‹œ์— ๋กœ๋“œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์˜คํžˆ๋ ค ๊ทธ๋Ÿด ๊ฒƒ์ด๋‹ค. ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฐ”๋กœ ๋ณด์ด๋Š” ๋ถ€๋ถ„๋งŒ ๋กœ๋“œ. ๊ทธ๋ฆฌ๊ณ  ์‚ฌ์šฉ์ž๊ฐ€ ์•„๋ž˜๋กœ ์Šคํฌ๋กคํ•˜๋ฉด ๋‚˜๋จธ์ง€ ์ฝ˜ํ…์ธ ๊ฐ€ ๋กœ๋“œ๋ฉ๋‹ˆ๋‹ค.

์ด ์ง€์—ฐ ๋กœ๋“œ๋Š” ์›น์‚ฌ์ดํŠธ์˜ ๋ชจ๋“  ์„น์…˜์— ์žˆ๋Š” ํšŒ์ „์‹ ์œ„์ ฏ๊ณผ ๋ฐฐ๊ฒฝ ์Šฌ๋ผ์ด๋“œ์‡ผ ๊ธฐ๋Šฅ์— ์ ์šฉ๋ฉ๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ์ ์œผ๋กœ ์„ฑ๋Šฅ์ด ํฌ๊ฒŒ ํ–ฅ์ƒ๋˜๋Š” ๊ฒƒ์„ ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์‚ฌ์‹ค, ์ƒˆ ๋ฒ„์ „์ด ๋‚˜์˜ค๋ฉด ๋†€๋ž„ ๊ฒƒ์ž…๋‹ˆ๋‹ค. CSS๊ฐ€ 137kb์—์„œ 11kb๋กœ ์ค„์—ˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ, ์ฐจ์ด๋Š” 126kb์ž…๋‹ˆ๋‹ค!

๊ฒŒ๋‹ค๊ฐ€, 'elementor-section-wrap'์ด ์ œ๊ฑฐ๋˜์—ˆ์Šต๋‹ˆ๋‹ค. DOM ์ถœ๋ ฅ์„ ์ตœ์†Œํ™”ํ•˜๊ธฐ ์œ„ํ•ด ์ตœ์ ํ™”๋œ DOM ์ถœ๋ ฅ ๋” ๋‚˜์€ ์›น ์‚ฌ์ดํŠธ ๋กœ๋”ฉ ์†๋„๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.ย 

๋ฉ”๋ชจ: Elementor 3.6.0์— ๋ฒ„๊ทธ๊ฐ€ ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๋ฒ„๊ทธ๋Š” "ํƒ€์‚ฌ ์ง€์› ์ค‘๋‹จ ์ถฉ๋Œ๋กœ ์ธํ•ด ํŽธ์ง‘๊ธฐ๋ฅผ ๋กœ๋“œํ•˜์ง€ ๋ชปํ–ˆ์Šต๋‹ˆ๋‹ค"์˜€์Šต๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ ๊ทธ๋žฌ์–ด์š” ์ƒˆ ๋ฆด๋ฆฌ์Šค์—์„œ ์ˆ˜์ •๋˜์—ˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ, ๋งŽ์€ ๊ธฐ๋Šฅ์ด ์ถ”๊ฐ€๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ๊ฐ๊ฐ€ ์ƒ๊ฐ ์˜๋„์ ์œผ๋กœ ์„ฑ๋Šฅ ํ–ฅ์ƒ์„ ๋ชฉ์ ์œผ๋กœ ํ•ฉ๋‹ˆ๋‹ค.

ElementsKit์€ Elementor 3.6๊ณผ ํ˜ธํ™˜๋ฉ๋‹ˆ๊นŒ?

์˜ˆ. ElementsKit์€ Elementor 3.6๊ณผ ์™„๋ฒฝํ•˜๊ฒŒ ํ˜ธํ™˜๋ฉ๋‹ˆ๋‹ค.

๋”ฐ๋ผ์„œ ElementsKit์„ ์‚ฌ์šฉํ•˜์—ฌ ๋นŒ๋“œํ•˜๊ณ  ์‚ฌ์šฉ์ž ์ •์˜ํ•˜๋Š” ๊ฒƒ์„ ์ข‹์•„ํ•˜๋Š” ๋ถ„๋“ค์€ ์š”์†Œ ์‚ฌ์ดํŠธ, ๊ฑฑ์ •ํ•  ๊ฒƒ ์—†์Šต๋‹ˆ๋‹ค.

์šฐ๋ฆฌ ๊ฐœ๋ฐœ์ž์™€ ํ’ˆ์งˆ ๋ณด์ฆ ํŒ€์€ ์ตœ์‹  ElementsKit ๋ฒ„์ „์œผ๋กœ Elementor 3.6์„ ํ…Œ์ŠคํŠธํ–ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ์šฐ๋ฆฌ๋Š” ๋‹น์‹ ์ด ๊ฐˆ๋“ฑ ์—†์Œ.

๊ทธ๋Ÿฌ๋‚˜ Elementor 3.6์„ ์‚ฌ์šฉํ•˜๊ธฐ ์‹œ์ž‘ํ•œ ํ›„ ์‚ฌ์ดํŠธ์˜ ElementsKit์— ๋ฌธ์ œ๊ฐ€ ์žˆ๋Š” ๊ฒฝ์šฐ ๋‹ค์Œ์„ ์ˆ˜ํ–‰ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ง€์›ํŒ€์— ๋ฌธ์˜ํ•˜์„ธ์š”.ย 

Elementor 3.6์„ ์‚ฌ์šฉํ•˜๊ณ  ๋ฒ„๊ทธ๋‚˜ ์˜ค๋ฅ˜ ์—†์ด ๋” ๋งŽ์€ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•  ์ˆ˜ ์žˆ๋Š” ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์„ ์ฐพ๊ณ  ์žˆ๋Š” ์‚ฌ๋žŒ์ด๋ผ๋ฉด ๋ฐ˜๋“œ์‹œ ์‹œ๋„ํ•ด ๋ณผ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ElementsKit - Elementor๋ฅผ ์œ„ํ•œ ์ตœ๊ณ ์˜ ์• ๋“œ์˜จ์ž…๋‹ˆ๋‹ค.

๊ทธ๊ฒƒ์€ ๊ฐ€์ง€๊ณ ์žˆ๋‹ค 85๊ฐœ ์ด์ƒ์˜ ์œ„์ ฏ ํ˜„์žฌ ๊ทธ ์ด์ƒ์„ ์ƒ์‚ฐํ•˜๊ณ  ์žˆ๋Š” ๋ชจ๋“ˆ๊ณผ 50๋งŒ ๋ช…์˜ ์‚ฌ์šฉ์ž ์›น ๊ฐœ๋ฐœ ๋…ธ๋ ฅ์ด ๋”์šฑ ์œ ์ตํ•ด์กŒ์Šต๋‹ˆ๋‹ค. Elementor ์›น ๋””์ž์ธ ๋„๊ตฌ ์ƒ์ž๋ฅผ ์™„๋ฒฝํ•˜๊ฒŒ ๋ณด์™„ํ•  ๊ฒƒ์ž…๋‹ˆ๋‹ค.

์ตœ์ข… ๋‹จ์–ด

๊ธ€์Ž„, ๊ทธ๊ฒŒ ๋‹ค์•ผ! Elementor 3.6์ด ์ธ์ƒ์ ์ด๊ตฐ์š”, ๊ทธ๋ ‡์ฃ ?ย 

Flexbox ์ปจํ…Œ์ด๋„ˆ๋กœ ์ „ํ™˜ํ•˜๋Š” ๊ฒƒ์€ ์ฒ˜์Œ์—๋Š” ๋‹ค์†Œ ์–ด๋ ค์›Œ ๋ณด์ด์ง€๋งŒ Elementor๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๋ณ€ํ™˜ ํ”„๋กœ์„ธ์Šค๋Š” ๊ฝค ์ข‹์Šต๋‹ˆ๋‹ค.

์†”์งํžˆ, ์ง€์—ฐ ๋กœ๋“œ๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด ์‚ฌ์šฉ์ž ๊ฒฝํ—˜๊ณผ ๋‚ฎ์€ ์ดํƒˆ๋ฅ  ์œ ์ง€ ์ธก๋ฉด์—์„œ ํƒ€ํ˜‘ํ•  ์ˆ˜ ์—†๋Š” ์›น ์‚ฌ์ดํŠธ์˜ ๋กœ๋”ฉ ์†๋„๊ฐ€ ํฌ๊ฒŒ ํ–ฅ์ƒ๋˜๋ฏ€๋กœ ์ œ๊ฐ€ ๊ฐ€์žฅ ์ข‹์•„ํ•˜๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค.

๋จผ์ € ์ค€๋น„ ์‚ฌ์ดํŠธ์—์„œ ๋ชจ๋“  ๊ฒƒ์„ ์‹œ๋„ํ•ด ๋ณด๋Š” ๊ฒƒ์ด ์ข‹์Šต๋‹ˆ๋‹ค. ๊ฒฐ๊ณผ๊ฐ€ ๋งŒ์กฑ์Šค๋Ÿฌ์šฐ๋ฉด ์‹ค์ œ ๋„๋ฉ”์ธ์œผ๋กœ ์ด๋™ํ•˜์„ธ์š”.

๋ธ”๋กœ๊ทธ๊ฐ€ ๋„์›€์ด ๋˜์…จ๊ธฐ๋ฅผ ๋ฐ”๋ž๋‹ˆ๋‹ค. ๋Œ“๊ธ€ ์ƒ์ž์—์„œ ๊ฐœ์ธ์ ์œผ๋กœ ๊ฐ€์žฅ ๋งˆ์Œ์— ๋“œ๋Š” ์ƒˆ๋กœ์šด ๊ธฐ๋Šฅ์„ ๊ณต์œ ํ•ด ์ฃผ์„ธ์š”.

์ตœ๊ณ ์˜ Elementor ์• ๋“œ์˜จ ElementsKit

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€์“ฐ๊ธฐ

์ด๋ฉ”์ผ์€ ํ‘œ์‹œ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ๊ทธ์ธ์ด ๋ฉ๋‹ˆ๋‹ค