WordPress์˜ 8๊ฐ€์ง€ ์ตœ๊ณ ์˜ ์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ

WordPress์˜ ์ตœ๊ณ ์˜ ์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ

Spectra Blocks๊ฐ€ ์ œ๊ณตํ•˜๋Š” ๊ฒƒ ์ด์ƒ์œผ๋กœ WordPress ์›น์‚ฌ์ดํŠธ์— ๋” ๋งŽ์€ ๋‹ค์–‘์„ฑ๊ณผ ๊ธฐ๋Šฅ์„ ์ถ”๊ฐ€ํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด ์šด์ด ์ข‹์„ ๊ฒƒ์ž…๋‹ˆ๋‹ค! ์ด ๋ธ”๋กœ๊ทธ๋Š” ๋‹น์‹ ์„ ์œ„ํ•ด ๋งŒ๋“ค์–ด์กŒ์Šต๋‹ˆ๋‹ค!

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

์ด์ œ WordPress ์›น์‚ฌ์ดํŠธ๋ฅผ ํ•œ ๋‹จ๊ณ„ ๋” ๋ฐœ์ „์‹œํ‚ฌ ์ˆ˜ ์žˆ๋Š” ์™„๋ฒฝํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์ฐพ์•„๋ณด์„ธ์š”!

์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก์— ๋Œ€ํ•œ ๊ฐ„๋žตํ•œ ์†Œ๊ฐœ

Spectra WordPress ๋ธ”๋ก ํ”Œ๋Ÿฌ๊ทธ์ธ์ด๋ž€ ๋ฌด์—‡์ž…๋‹ˆ๊นŒ? ์ด์ „์— ๋‹ค์Œ์œผ๋กœ ์ธ์‹๋˜์—ˆ๋˜ Spectra WordPress ํ”Œ๋Ÿฌ๊ทธ์ธ ๊ตฌํ…๋ฒ ๋ฅดํฌ๋ฅผ ์œ„ํ•œ ์ตœ๊ณ ์˜ ์• ๋“œ์˜จ๋Š” Brainstorm Force์—์„œ ์ œ์ž‘ํ•œ ๊ฐ•๋ ฅํ•œ WordPress ๋ธ”๋ก ํŽธ์ง‘๊ธฐ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด์ž ์ถ”๊ฐ€ ๊ธฐ๋Šฅ์œผ๋กœ, 300๋งŒ ๊ฐœ ์ด์ƒ์˜ ์›น์‚ฌ์ดํŠธ๋ฅผ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

์˜์‹ฌํ•  ๋ฐ” ์—†์ด Spectra ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ๋ ˆ์ด์•„์›ƒ์„ ์ƒ์„ฑํ•  ์ˆ˜ ์žˆ๋Š” ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค์™€ ์‚ฌ์šฉ์ž ์ •์˜ ์˜ต์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ดˆ๋ณด์ž๋ฅผ ์œ„ํ•ด ์„ค๊ณ„๋œ 25๊ฐœ ์ด์ƒ์˜ ํฌ๋ฆฌ์—์ดํ‹ฐ๋ธŒ ๋ธ”๋ก์œผ๋กœ ๊ตฌ์„ฑ๋œ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ์‹œ์Šคํ…œ์ž…๋‹ˆ๋‹ค.ย 

๊ทธ๋ ‡๋‹ค๋ฉด Spectra ์›น์‚ฌ์ดํŠธ ๋นŒ๋”๊ฐ€ ์›น ๋””์ž์ธ ๋ถ„์•ผ์—์„œ ์œ ๋ช…ํ•œ ํ”Œ๋Ÿฌ๊ทธ์ธ์ด ๋˜๋Š” ์ด์œ ๋Š” ๋ฌด์—‡์ผ๊นŒ์š”? Spectra ๋นŒ๋”์˜ ๋ช…์„ฑ ๋’ค์— ์ˆจ์€ ๋†€๋ผ์šด ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • 100๊ฐœ๊ฐ€ ๋„˜๋Š” ์‚ฌ์ „ ๋””์ž์ธ๋œ ์›น์‚ฌ์ดํŠธ ํ…œํ”Œ๋ฆฟ.
  • 25๊ฐœ ์ด์ƒ์˜ ๊ตฌํ…๋ฒ ๋ฅด๊ทธ ๋ธ”๋ก.
  • ๋‹ค์–‘ํ•œ ํ™”๋ฉด ํฌ๊ธฐ(๋ชจ๋ฐ”์ผ, ํƒœ๋ธ”๋ฆฟ, ๋ฐ์Šคํฌํ†ฑ)์—์„œ ๋ฐ˜์‘ํ˜• ํŽธ์ง‘์ด ๊ฐ€๋Šฅํ•ฉ๋‹ˆ๋‹ค.
  • ์†๋„๋ฅผ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ์ž์‚ฐ ์ตœ์ ํ™” ๋ฐ ์บ์‹ฑ ๊ธฐ๋Šฅ.
  • ์ƒ‰์ƒ, ์ŠคํŽ™ํŠธ๋Ÿผ ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ, ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ, ๋””์ž์ธ ์˜ต์…˜์„ ํฌํ•จํ•œ ์Šคํƒ€์ผ ์„ ํƒ.

WP Spectra์˜ ์ตœ๊ณ ์˜ ๋Œ€์•ˆ

์ด ์„น์…˜์—์„œ๋Š” Spectra Blocks ๋ฌด๋ฃŒ ๋ฐ ํ”„๋กœ์— ๋Œ€ํ•œ 8๊ฐ€์ง€ ์ฃผ๋ชฉํ• ๋งŒํ•œ ๋Œ€์•ˆ์„ ์‚ดํŽด๋ณด๊ณ  ํ•ด๋‹น ๊ธฐ๋Šฅ๊ณผ ๊ฐ๊ฐ์˜ ์žฅ์  ๋ฐ ๋‹จ์ ์— ๋Œ€ํ•œ ํ†ต์ฐฐ๋ ฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค.ย 

๋‹ค์Œ์€ ๊ณ ๋ คํ•  ์ˆ˜ ์žˆ๋Š” WordPress์— ๋Œ€ํ•œ ๋ช‡ ๊ฐ€์ง€ ์ตœ๊ณ ์˜ Spectra Blocks ๋Œ€์•ˆ์— ๋Œ€ํ•œ ๋ถ„์„์ž…๋‹ˆ๋‹ค.

ํ”Œ๋Ÿฌ๊ทธ์ธ์ œ๊ณต๋˜๋Š” ๋ธ”๋ก(๋ฌด๋ฃŒ ๋ฒ„์ „)๋ฌด๋ฃŒ ๋ฒ„์ „๋ธ”๋ก ์œ ํ˜•์ง‘์ค‘ํ•˜๋‹ค
๊ตฌํ…ํ‚ท๐ŸŽ‰ 33๊ฐœ ์ด์ƒ์˜ ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ๋ธ”๋ก
๐ŸŽ‰ 6๊ฐœ ๋ชจ๋“ˆ
๐ŸŽ‰ 40๊ฐœ ์ด์ƒ์˜ ์‚ฌ์ „ ๋””์ž์ธ๋œ ํ…œํ”Œ๋ฆฟ ๋ฐ ํŒจํ„ด
์žˆ์Œ(๋ฒ”์šฉ ๋ธ”๋ก์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ)โžก๏ธ ๋ฒ”์šฉ
โžก๏ธ ๊ฒŒ์‹œ๋ฌผ ๋ ˆ์ด์•„์›ƒ
โžก๏ธ ํฌ๋ฆฌ์—์ดํ‹ฐ๋ธŒ
๐Ÿ‘์‚ฌ์šฉ์ž ์นœํ™”์ 
๐Ÿ‘๊ฒฝ๋Ÿ‰(์†๋„) ๋ฐ ์„ฑ๋Šฅย 
๐Ÿ‘ํฌ๊ด„์ ์ธ ๋ธ”๋ก ์ œํ’ˆ๊ตฐ
์–ผํ‹ฐ๋ฐ‹ ๋ธ”๋ก26๊ฐœ์˜ ๊ตฌํ…๋ฒ ๋ฅดํฌ ๋ธ”๋ก์˜ˆ(๋ฒ„ํŠผ, ์ฝ˜ํ…์ธ  ์บ๋Ÿฌ์…€, ๊ฐ€๊ฒฉํ‘œ์™€ ๊ฐ™์€ ๊ธฐ๋ณธ ๋ธ”๋ก)์ฐฝ์˜์ ์ธ์ง‘์ค‘๋œ ๋ธ”๋ก ๊ธฐ๋Šฅ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ์ฝ˜ํ…์ธ  ๋งŒ๋“ค๊ธฐ
๋งˆ์Šคํ„ฐ ๋ธ”๋กย 20๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก์˜ˆ(์ œํ•œ๋œ ๋ธ”๋ก ์˜ต์…˜, ๊ธฐ๋ณธ ์Šคํƒ€์ผ)๋””์ž์ธ ์ค‘์‹ฌ์ฃผ๋กœ ๊ณ ๊ธ‰ ๋ ˆ์ด์•„์›ƒ ๋ฐ ๋””์ž์ธ ์š”์†Œ์— ์‚ฌ์šฉ๋ฉ๋‹ˆ๋‹ค.
์Œ“์„ ์ˆ˜ ์žˆ์Œ40๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก์žˆ์Œ(๋ฒ”์šฉ ๋ธ”๋ก์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ)โžก๏ธ ๋ฒ”์šฉ
โžก๏ธ ๋””์ž์ธ
๋””์ž์ธ ์˜ต์…˜์„ ์‚ฌ์šฉํ•œ ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ํŽธ์ง‘
ํ•„์ˆ˜ ๋ธ”๋ก53๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก์žˆ์Œ(๋ฒ”์šฉ ๋ธ”๋ก์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ)ํ•„์ˆ˜ ์›น์‚ฌ์ดํŠธ ๋นŒ๋”ฉ ๋ธ”๋กํ•ต์‹ฌ ๊ธฐ๋Šฅ ๋ฐ ์ฝ˜ํ…์ธ  ์š”์†Œ ์ถ”๊ฐ€
ํ”„๋ฆฌ๋ฏธ์—„ ๋ธ”๋ก22๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก์˜ˆ(์ œํ•œ๋œ ๊ธฐ๋Šฅ)๋””์ž์ธ์„ ์œ„ํ•œ ํŠนํ™”๋œ ๋ธ”๋ก๋””์ž์ธ ์ค‘์‹ฌ์˜ ๊ธฐ๋Šฅ์„ฑ
ํ”Œ๋Ÿฌ์Šค ๋ธ”๋ก85๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก์˜ˆ(์ œํ•œ๋œ ๊ธฐ๋Šฅ)โžก๏ธ ๋ฒ”์šฉ
โžก๏ธ ๋””์ž์ธ
์‚ฌ์šฉ์ž ์นœํ™”์„ฑ๊ณผ ๋””์ž์ธ ์ œ์–ด์˜ ๊ท ํ˜•
์ œ๋„ค์‹œ์Šค ๋ธ”๋ก15๊ฐœ ์ด์ƒ์˜ ๋ธ”๋กย ์žˆ์Œ(๋ฒ”์šฉ ๋ธ”๋ก์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์ด ์ข‹์Œ)Genesis ํ…Œ๋งˆ ํ†ตํ•ฉ์„ ํ†ตํ•œ ๋ฒ”์šฉGenesis ํ…Œ๋งˆ(๋ฌด๋ฃŒ) ๋ฐ StudioPress ํ…Œ๋งˆ(์œ ๋ฃŒ)์˜ ๊ธฐ๋Šฅ ํ™•์žฅ

๊ฐ ์˜ต์…˜์— ๋Œ€ํ•ด ๋” ์ž์„ธํžˆ ์‚ดํŽด๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค.

1. ๊ตฌํ…ํ‚ท

GutenKit - WordPress์˜ Spectra ๋ธ”๋ก ๋Œ€์•ˆ

GutenKit์€ Gutenberg ํŽธ์ง‘๊ธฐ์™€ ์›ํ™œํ•˜๊ฒŒ ํ†ตํ•ฉ๋˜์–ด ๊ธฐ๋Šฅ์„ ๋Œ€์ฒดํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ ๋ณด์™„ํ•ฉ๋‹ˆ๋‹ค. GutenKit์€ ์ถ”๊ฐ€ ๋ธ”๋ก๊ณผ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•˜์—ฌ ๊ธฐ์กด ํŽธ์ง‘๊ธฐ์˜ ๊ธฐ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ต๋‹ˆ๋‹ค.

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

๋˜ํ•œ GutenKit์€ ๋‹ค์–‘ํ•œ ๋ ˆ์ด์•„์›ƒ ์˜ต์…˜์œผ๋กœ ์ธํ•ด ๊ณ ๋„๋กœ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ์„น์…˜์„ ์ฐพ๋Š” ๊ฒฝ์šฐ ๊ฐ€์žฅ ์ด์ƒ์ ์ž…๋‹ˆ๋‹ค. ๋„ˆ๋น„, ๋ฐฐ๊ฒฝ, ํŒจ๋”ฉ ๋ฐ ๊ธฐํƒ€ ์š”์†Œ๋ฅผ ์‰ฝ๊ฒŒ ์กฐ์ •ํ•˜์—ฌ ์›ํ•˜๋Š” ์‹œ๊ฐ์  ๋ชจ์–‘์„ ์–ป์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋˜ํ•œ GutenKit๋Š” ์‚ฌ์šฉ์ž ์นœํ™”์ ์ธ ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ์ž๋ž‘ํ•˜๋ฏ€๋กœ ์ดˆ๋ณด์ž์—๊ฒŒ ์ด์ƒ์ ์ด๋ฉฐ ์ตœ๊ณ ์˜ Spectra WordPress Gutenberg ๋ธ”๋ก ๋Œ€์•ˆ์ž…๋‹ˆ๋‹ค. ์ง๊ด€์ ์ธ ํŠน์ง•์„ ๊ฐ€์ง€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ๊ธฐ๋Šฅ, 37๊ฐœ์˜ ์‚ฌ์ „ ์ œ์ž‘ ๋ธ”๋ก, 6๊ฐœ์˜ ๊ฐ•๋ ฅํ•œ ๋ชจ๋“ˆ๋ฐ ์„ ํƒํ•  ์ˆ˜ ์žˆ๋Š” ์˜ต์…˜ 40๊ฐœ ์ด์ƒ์˜ ๋ชจ์…˜ ํšจ๊ณผ.ย 

GutenKit์—์„œ ์ฆ๊ธธ ์ˆ˜ ์žˆ๋Š” ๋†€๋ผ์šด ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • WordPress ๋ธ”๋ก ํŽธ์ง‘๊ธฐ๋Š” 33๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก๊ณผ 6๊ฐœ ์ด์ƒ์˜ ๋ชจ๋“ˆ์„ ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.
  • 400๊ฐœ ์ด์ƒ์˜ ์‚ฌ์ „ ๋””์ž์ธ๋œ ๋ธ”๋ก์šฉ ํ…œํ”Œ๋ฆฟ ๋ฐ ํŒจํ„ด์— ์•ก์„ธ์Šคํ•˜์„ธ์š”.
  • ์›ํ™œํ•œ ํ†ตํ•ฉ WordPress ์ „์ฒด ์‚ฌ์ดํŠธ ํŽธ์ง‘(FSE) ๋Šฅ๋ ฅ.
  • 900๊ฐœ ์ด์ƒ์˜ ์ธ๋ผ์ธ SVG ๊ธ€๊ผด ์•„์ด์ฝ˜์„ ๊ฐ–์ถ˜ ํฌ๊ด„์ ์ธ ์•„์ด์ฝ˜ ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์ž…๋‹ˆ๋‹ค.
  • ๋‹ค์–‘ํ•œ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์„ ํƒ์„ ์œ„ํ•ด Google ๊ธ€๊ผด ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์— ์™„์ „ํžˆ ์•ก์„ธ์Šคํ•˜์„ธ์š”.
  • ๋ชจ๋ฐ”์ผ, ๋ฐ์Šคํฌํƒ‘, ํƒœ๋ธ”๋ฆฟ ์žฅ์น˜์— ์ตœ์ ํ™”๋œ ์‚ฌ์šฉ์ž ์ธํ„ฐํŽ˜์ด์Šค.
  • Block API ๋ฒ„์ „ 3๊ณผ์˜ ํ˜ธํ™˜์„ฑ์œผ๋กœ ์›ํ™œํ•œ ์„ฑ๋Šฅ์„ ๋ณด์žฅํ•ฉ๋‹ˆ๋‹ค.
  • ๊ณ ๋„๋กœ ์‚ฌ์šฉ์ž ์ •์˜ ๊ฐ€๋Šฅํ•œ ํ…œํ”Œ๋ฆฟ์„ ํ†ตํ•ด ์›น ๋””์ž์ธ์„ ์™„๋ฒฝํ•˜๊ฒŒ ์ œ์–ดํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :ย 

โœ… ๋ฌด๋ฃŒ

โœ… ๊ฒฝ๋Ÿ‰

โœ… ๊ณ ๋„๋กœ ๋งž์ถคํ™” ๊ฐ€๋Šฅ

โœ… ์‚ฌ์šฉ์ž ์นœํ™”์ 

๋‹จ์ :ย 

โš ๏ธ ์ด ๋„๊ตฌ๋Š” WordPress ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ์ƒˆ๋กญ๊ฒŒ ์ถœ์‹œ๋˜์—ˆ๊ธฐ ๋•Œ๋ฌธ์— ์‚ฌ์šฉ์ž ๊ด€์ ์—์„œ ๋„๋ฆฌ ํ…Œ์ŠคํŠธ๋˜์ง€ ์•Š์•˜์Šต๋‹ˆ๋‹ค.

2. ์–ผํ‹ฐ๋ฐ‹ ๋ธ”๋ก

Ultimate Blocks - WordPress์˜ ์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ

Ultimate Blocks ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ๋˜ ๋‹ค๋ฅธ ์ธ๊ธฐ ์žˆ๋Š” Gutenberg ๋ธ”๋ก ํ”Œ๋Ÿฌ๊ทธ์ธ์ž…๋‹ˆ๋‹ค. WordPress ์›น์‚ฌ์ดํŠธ์˜ ์„ฑ๋Šฅ๊ณผ ๋ชจ์–‘์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๋‹ค์–‘ํ•œ ๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์—ฌ๊ธฐ์—๋Š” ์Šคํ‚ค๋งˆ ๋งˆํฌ์—… ๋ฐ ๋ชฉ์ฐจ์— ๋Œ€ํ•œ ํ‰๊ฐ€ ๋ฐ ํด๋ฆญ ์œ ๋„ ๋ฌธ๊ตฌ ๋ธ”๋ก์ด ํฌํ•จ๋ฉ๋‹ˆ๋‹ค.

Spectra(์ด์ „์˜ Gutenberg์šฉ Ultimate Addons)์™€ ์ง์ ‘์ ์ธ ๊ด€๋ จ์€ ์—†์ง€๋งŒ Ultimate Blocks๋Š” ๊น”๋”ํ•œ ๋””์ž์ธ๊ณผ ์‚ฌ์šฉ์ž ์ •์˜์— ์ค‘์ ์„ ๋‘ก๋‹ˆ๋‹ค.

ํŠน์ง•์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:

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

์žฅ์ :ย 

โœ… ๋‹ค์–‘ํ•œ ๋ฒ”์œ„์˜ ๋ธ”๋ก

โœ… ์‚ฌ์šฉ์ž ์ •์˜ ์˜ต์…˜

โœ… ๋ฌด๋ฃŒ ๋ฒ„์ „ ํฌํ•จ

๋‹จ์ :ย 

โš ๏ธ ์ผ๋ถ€ ์˜ต์…˜์— ๋น„ํ•ด ๋ฌด๋ฃŒ ๊ธฐ๋Šฅ์ด ์ œํ•œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

โš ๏ธ ๊ฒ€ํ†  ๋ธ”๋ก์€ ๋ธ”๋ก ํŽธ์ง‘๊ธฐ์—์„œ๋งŒ ์ž‘๋™ํ•ฉ๋‹ˆ๋‹ค.

3. ๋งˆ์Šคํ„ฐ ๋ธ”๋ก

๋งˆ์Šคํ„ฐ ๋ธ”๋ก - WordPress์˜ ์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ

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

๋˜ํ•œ Master Blocks๋Š” ๋‹ค์Œ๊ณผ ๊ฐ™์€ ์ด์œ ๋กœ ์‚ฌ์šฉ์ž๊ฐ€ ์ „๋ฌธ์ ์ธ ์›น์‚ฌ์ดํŠธ๋ฅผ ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ๋„๋ก ์ง€์›ํ•ฉ๋‹ˆ๋‹ค.

  • ๊ณ ๊ธ‰ ํƒ€์ดํฌ๊ทธ๋ž˜ํ”ผ ์ปจํŠธ๋กค.
  • ์œ ์—ฐํ•œ ๋ ˆ์ด์•„์›ƒ ์˜ต์…˜.
  • Gutenberg ํŽธ์ง‘๊ธฐ์šฉ 20๊ฐœ ์ด์ƒ์˜ ๋ธ”๋ก๊ณผ 5๊ฐœ ์ด์ƒ์˜ ํ™•์žฅ
  • ์ธ๊ธฐ ์žˆ๋Š” WordPress ํ…Œ๋งˆ์™€ ์›ํ™œํ•˜๊ฒŒ ํ†ตํ•ฉ๋ฉ๋‹ˆ๋‹ค.

์žฅ์ :ย 

โœ… ์ž˜ ๋””์ž์ธ๋œ ๋ธ”๋ก

โœ… ๋ฌด๋ฃŒ ๋ฒ„์ „ ํฌํ•จ

๋‹จ์ :ย 

โš ๏ธ ์ด ๋ชฉ๋ก์˜ ์ผ๋ถ€ ๋ธ”๋ก์— ๋น„ํ•ด ๋ธ”๋ก ์ˆ˜๊ฐ€ ์ ์Šต๋‹ˆ๋‹ค.

4. ์Œ“์„ ์ˆ˜ ์žˆ์Œ

Stackable - WordPress์˜ Spectra Blocks ๋Œ€์•ˆ

Stackable์€ Gutenberg ํŽธ์ง‘๊ธฐ ๋‚ด์—์„œ ๋ณธ๊ฒฉ์ ์ธ ํŽ˜์ด์ง€ ๋นŒ๋”๋กœ ์ž๋ฆฌ๋งค๊น€ํ•ฉ๋‹ˆ๋‹ค. ๋ฐฉ๋Œ€ํ•œ ๋ธ”๋ก ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ์™€ ๊ณ ๊ธ‰ ์‚ฌ์šฉ์ž ์ •์˜ ์˜ต์…˜์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์‚ฌ์šฉํ•˜๋ฉด ๋ฉ๋‹ˆ๋‹ค. ์• ๋‹ˆ๋ฉ”์ด์…˜ ํšจ๊ณผ, ๋ฐ˜์‘ํ˜• ๊ทธ๋ฆฌ๋“œ ์ƒ์„ฑ ๋˜๋Š” ๊ณ ๊ธ‰ ์Šคํƒ€์ผ ์˜ต์…˜ ๊ตฌํ˜„ ๋“ฑ์ด ์žˆ์Šต๋‹ˆ๋‹ค.ย 

Stackable์— ๋Œ€ํ•ด ์‚ฌ์šฉ์ž๊ฐ€ ๊ฐ€์žฅ ์ข‹์•„ํ•˜๋Š” ์ ์€ ์œ ์—ฐํ•œ ๊ฐ€๊ฒฉ ์ฑ…์ •์ž…๋‹ˆ๋‹ค. ๋‹ค์–‘ํ•œ ์‚ฌ์šฉ์ž ์š”๊ตฌ ์‚ฌํ•ญ๊ณผ ์˜ˆ์‚ฐ์— ๋งž๊ฒŒ ๋ฌด๋ฃŒ ๋ฐ ํ”„๋ฆฌ๋ฏธ์—„ ์š”๊ธˆ์ œ๊ฐ€ ๋ชจ๋‘ ์ œ๊ณต๋ฉ๋‹ˆ๋‹ค.

ํŠน์ง•:

  • 40๊ฐœ ์ด์ƒ์˜ ์ ์‘ํ˜• ๋งž์ถคํ˜• ๋ธ”๋ก.
  • ๊ฐ€์žฅ ์ž‘์€ JS ๋ฐ CSS ํŒŒ์ผ์— ๋Œ€ํ•œ 7.8kb ๋กœ๋”ฉ ์†๋„๋กœ ์‹ ์†ํ•œ ํŽ˜์ด์ง€ ๋กœ๋”ฉ ์†๋„.
  • ๋‹ค์–‘ํ•œ ์•ฑ๊ณผ์˜ ํ˜ธํ™˜์„ฑ.
  • ๋””์ž์ธ ์˜ต์…˜์€ ๋‹ค์–‘ํ•œ ๋ ˆ์ด์•„์›ƒ๊ณผ ์Šคํƒ€์ผ๋กœ ์ธํ•ด ํŽ˜์ด์ง€ ์ž‘์„ฑ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

์žฅ์ :ย 

โœ… ๊ด‘๋ฒ”์œ„ํ•œ ๋ธ”๋ก ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ

โœ… ๊ฐ•๋ ฅํ•œ ์‚ฌ์šฉ์ž ์ •์˜ ๊ธฐ๋Šฅ

โœ… ๋ฌด๋ฃŒ ๋ฒ„์ „์œผ๋กœ ์ด์šฉ ๊ฐ€๋Šฅ

๋‹จ์ :ย 

โš ๏ธ ๋‹จ์ˆœํ•œ ๋ธ”๋ก ํ”Œ๋Ÿฌ๊ทธ์ธ์— ๋น„ํ•ด ํ•™์Šต ๊ณก์„ ์ด ๋” ๊ฐ€ํŒŒ๋ฆ…๋‹ˆ๋‹ค.

5. ํ•„์ˆ˜ ๋ธ”๋ก

ํ•„์ˆ˜ ๋ธ”๋ก - WordPress์˜ Spectra Blocks ๋Œ€์•ˆ

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

ํ•ต์‹ฌ ๊ธฐ๋Šฅ:

  • 2500๊ฐœ ์ด์ƒ์˜ ๊ตฌํ…๋ฒ ๋ฅดํฌ ํ…œํ”Œ๋ฆฟ.
  • ๋น ๋ฅธ ๋กœ๋”ฉ ์†๋„์™€ ์ฆ‰๊ฐ์ ์ธ ์‹ค์‹œ๊ฐ„ ํŽธ์ง‘์— ์ตœ์ ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • 1000๊ฐœ ์ด์ƒ์˜ Google ๊ธ€๊ผด๊ณผ ํ˜ธํ™˜๋ฉ๋‹ˆ๋‹ค.
  • ๋†€๋ผ์šด ์• ๋‹ˆ๋ฉ”์ด์…˜ ๋น„์ฃผ์–ผ์„ ์œ„ํ•ด ๊ฐ ๋ธ”๋ก์— ์ ์šฉํ•  ์ˆ˜ ์žˆ๋Š” ๊ณ ๊ธ‰ ์• ๋‹ˆ๋ฉ”์ด์…˜ ๊ธฐ๋Šฅ์ด ์žˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :ย 

โœ… ๊ฐœ์ธํ™”๋œ ๋””์ž์ธ์— ๋งž๊ฒŒ ์‰ฝ๊ฒŒ ๋งž์ถคํ™”๋˜๋Š” ๋ธ”๋ก์ž…๋‹ˆ๋‹ค.

๋‹จ์ :ย 

โš ๏ธ ์ผ๋ถ€ ์‚ฌ์šฉ์ž๋Š” ์ด ํ”Œ๋Ÿฌ๊ทธ์ธ์œผ๋กœ ์ธํ•ด ๊ฒŒ์‹œ๋ฌผ๊ณผ ํŽ˜์ด์ง€๊ฐ€ ์ค‘๋‹จ๋œ๋‹ค๋Š” ์‹ ๊ณ ๋ฅผ ๋ฐ›์•˜์Šต๋‹ˆ๋‹ค.

โš ๏ธ ์ตœ์‹  ๋ฒ„์ „์œผ๋กœ ์—…๋ฐ์ดํŠธํ•œ ํ›„ ์—ฌ๋Ÿฌ ์‚ฌ์šฉ์ž์—๊ฒŒ ๋ฒ„๊ทธ๊ฐ€ ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.

6. ํ”„๋ฆฌ๋ฏธ์—„ ๋ธ”๋ก

ํ”„๋ฆฌ๋ฏธ์—„ ๋ธ”๋ก - WordPress์˜ ์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ

ํ”„๋ฆฌ๋ฏธ์—„ ๋ธ”๋ก์€ ์ฐฝ์˜์ ์ธ ๋ ˆ์ด์•„์›ƒ๊ณผ ๋””์ž์ธ ์š”์†Œ์— ์ค‘์ ์„ ๋‘” 22๊ฐœ์˜ ํ•„์ˆ˜ ๋ธ”๋ก์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๊ณ ํ’ˆ์งˆ ๋ธ”๋ก๊ณผ ๊ณ ๊ธ‰ ์‚ฌ์šฉ์ž ์ •์˜ ์˜ต์…˜ ๋•๋ถ„์— ์‚ฌ์šฉ์ž๋Š” ๋…ํŠนํ•˜๊ณ  ์‹œ๊ฐ์ ์œผ๋กœ ๋งค๋ ฅ์ ์ธ ๋ ˆ์ด์•„์›ƒ์„ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋„๊ตฌ๋Š” ๊ทธ ๊ธฐ๋Šฅ์œผ๋กœ ์ธํ•ด ๊ฐ€์žฅ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ์†”๋ฃจ์…˜ ์ค‘ ํ•˜๋‚˜์ž…๋‹ˆ๋‹ค.

์ผ๋ถ€ ํ•ต์‹ฌ ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • ๊ฐ ๋ธ”๋ก์€ RTL(์˜ค๋ฅธ์ชฝ์—์„œ ์™ผ์ชฝ)์ด๋ฉฐ ๋ฒˆ์—ญ ์ค€๋น„๊ฐ€ ๋˜์–ด ์žˆ์–ด ์›ํ•˜๋Š” ์–ธ์–ด๋กœ ๋ฒˆ์—ญํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • ์ตœ๊ณ ์˜ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์œ„ํ•œ ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ๊ธฐ๋Šฅ๊ณผ ๋ฐ˜์‘ํ˜• ๋””์ž์ธ ์ปจํŠธ๋กค.
  • ์‘์ง‘๋ ฅ ์žˆ๋Š” ๋ชจ์–‘์„ ์œ„ํ•ด ํ•˜๋‚˜์˜ ๊ตฌํ…๋ฒ ๋ฅดํฌ ๋ธ”๋ก์—์„œ ๋‹ค๋ฅธ ๋ธ”๋ก์œผ๋กœ ๊ธฐ๋Šฅ์„ ๋ณต์‚ฌํ•˜์—ฌ ๋ถ™์—ฌ๋„ฃ์Šต๋‹ˆ๋‹ค.
  • ์—ญ๋™์ ์ธ ๊ฐ๊ฐ์„ ๋”ํ•˜๊ณ  ๊ฐ ์š”์†Œ๋ฅผ ๋‹๋ณด์ด๊ฒŒ ํ•˜๊ธฐ ์œ„ํ•ด ๋ฏธ๋ฆฌ ๋””์ž์ธ๋œ ์ž…๊ตฌ ์• ๋‹ˆ๋ฉ”์ด์…˜.

์žฅ์ :

โœ… ๊ธฐ๋Šฅ์€ ๋ฏธ์  ์™ธ๊ด€์„ ์œ„ํ•œ ๋””์ž์ธ ์ค‘์‹ฌ์ž…๋‹ˆ๋‹ค.

๋‹จ์ :ย 

โš ๏ธ ํ…œํ”Œ๋ฆฟ, ํŒจํ„ด ๋“ฑ ๊ธฐ๋Šฅ์ด ์ œํ•œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

7. ํ”Œ๋Ÿฌ์Šค ๋ธ”๋ก

ํ”Œ๋Ÿฌ์Šค ๋ธ”๋ก - WordPress์˜ ์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ

Plus Blocks๋Š” ๋งค๋ ฅ์ ์ธ ์ฝ˜ํ…์ธ ์™€ ๋™์  ์›น ํŽ˜์ด์ง€๋ฅผ ๊ตฌ์ถ•ํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ๋„๊ตฌ๋ฅผ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. ๋””์ž์ด๋„ˆ, ๋ธ”๋กœ๊ฑฐ, ๋งˆ์ผ€ํŒ… ๋‹ด๋‹น์ž, ํ”„๋ฆฌ๋žœ์„œ, ๋Œ€ํ–‰์‚ฌ ์†Œ์œ ์ž ๋ฐ Gutenberg ์‚ฌ์šฉ์„ ์ข‹์•„ํ•˜๋Š” ๋ชจ๋“  ์‚ฌ๋žŒ์—๊ฒŒ ์ด์ƒ์ ์ž…๋‹ˆ๋‹ค. ๊ตฌํ…๋ฒ ๋ฅดํฌ์— ๋Œ€ํ•œ ๊ฒฝํ—˜์ด ์žˆ๋Š” ์‚ฌ๋žŒ๊ณผ ๊ฒฝํ—˜์ด ์—†๋Š” ์‚ฌ๋žŒ ๋ชจ๋‘ ์ฝ”๋”ฉ ๊ธฐ์ˆ ์ด๋‚˜ ๊ธฐ์ˆ  ์ง€์‹์ด ํ•„์š”ํ•˜์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ์‰ฝ๊ฒŒ ์›น์‚ฌ์ดํŠธ๋ฅผ ๊ตฌ์ถ•ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋ช‡ ๊ฐ€์ง€ ๋†€๋ผ์šด ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

  • 85๊ฐœ ์ด์ƒ์˜ ๊ณ ๊ธ‰ WordPress ๋ธ”๋ก์ด 7๊ฐ€์ง€ ์œ ํ˜•์˜ ๋ธ”๋ก์œผ๋กœ ๋ถ„๋ฅ˜๋ฉ๋‹ˆ๋‹ค.ย 
  • 300๊ฐœ ์ด์ƒ์˜ ์‚ฌ์ „ ๊ตฌ์ถ•๋œ UI ๋ธ”๋ก ๋ฐ ํ…œํ”Œ๋ฆฟ.
  • ๋ธ”๋กœ๊ทธ ๊ฒŒ์‹œ๋ฌผ, ์‚ฌ์šฉ์ž ์ •์˜ ๊ฒŒ์‹œ๋ฌผ ์œ ํ˜• ๋ฐ ๊ธฐํƒ€ ํ•ญ๋ชฉ์— ๋Œ€ํ•œ ๋“œ๋กญ๋‹ค์šด ํ•„ํ„ฐ๋ฅผ ๊ฐ–์ถ˜ Gutenberg Ajax ๊ฒ€์ƒ‰ ํ‘œ์‹œ์ค„์„ ์ œ๊ณตํ•ฉ๋‹ˆ๋‹ค. WooCommerce ์ œํ’ˆ.
  • ์ œ๊ณต ๋งž์ถค CSS ๊ท€ํ•˜์˜ ์‚ฌ์ดํŠธ ์–ด๋””์—์„œ๋‚˜ JS ์˜ต์…˜์„ ์‚ฌ์šฉํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

์žฅ์ :ย 

โœ… ๋“œ๋ž˜๊ทธ ์•ค ๋“œ๋กญ ๊ธฐ๋Šฅ๊ณผ ์‹œ๊ฐ์  ์ธํ„ฐํŽ˜์ด์Šค๋ฅผ ํ†ตํ•ด ์‚ฌ์šฉ์ž๋Š” ์ „๋ฌธ๊ฐ€ ์ˆ˜์ค€์˜ ์ฝ˜ํ…์ธ ๋ฅผ ๋” ์‰ฝ๊ฒŒ ๋งŒ๋“ค ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

โœ… ๋ฌด๋ฃŒ ๋ฒ„์ „์œผ๋กœ ์ด์šฉ ๊ฐ€๋Šฅ

๋‹จ์ :ย 

โš ๏ธ ์ผ๋ถ€ ์‚ฌ์šฉ์ž๋Š” ์ผ๋ถ€ ๋ธ”๋ก์— ๊ฒฐํ•จ๊ณผ ์–ด๋ ค์›€์ด ์žˆ๋‹ค๊ณ  ๋ณด๊ณ ํ–ˆ์Šต๋‹ˆ๋‹ค.

8. ์ œ๋„ค์‹œ์Šค ๋ธ”๋ก

Genesis Blocks - WordPress์˜ Spectra Blocks ๋Œ€์•ˆ

Genesis Blocks๋Š” Gutenberg ํŽธ์ง‘์ž๋ฅผ ์œ„ํ•œ ํ›Œ๋ฅญํ•œ ๋ธ”๋ก ๋ชจ์Œ์ž…๋‹ˆ๋‹ค. ๋ธ”๋ก ๋ผ์ด๋ธŒ๋Ÿฌ๋ฆฌ ์™ธ์—๋„ Genesis Blocks๋Š” ์—ฌ๋Ÿฌ ํŽ˜์ด์ง€ ์„น์…˜๊ณผ ์ „์ฒด ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์„ ์ œ๊ณตํ•˜๋ฉฐ, ๋ชจ๋‘ ๊ท€ํ•˜์˜ ์›น ์‚ฌ์ดํŠธ์—์„œ ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๋ธ”๋ก ํŽธ์ง‘์•„๋ฅด ์žํ˜•.

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

์ผ๋ถ€ ๊ธฐ๋Šฅ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค:

  • ๋ฌด๋ฃŒ ๋ฒ„์ „์„ ์‚ฌ์šฉํ•˜๋ฉด 15๊ฐœ์˜ ์ƒˆ๋กœ์šด ๋ธ”๋ก, 4๊ฐœ์˜ ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ์ „์ฒด ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ ๋ฐ 8๊ฐœ์˜ ์‚ฌ์ „ ๊ตฌ์ถ•๋œ ์„น์…˜์— ์•ก์„ธ์Šคํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
  • AMP๋Š” ๋ชจ๋ฐ”์ผ ์›น์‚ฌ์ดํŠธ ์‚ฌ์šฉ์ž๋ฅผ ์œ„ํ•œ ๋” ๋‚˜์€ ์‚ฌ์ดํŠธ ์„ฑ๋Šฅ์„ ์œ„ํ•ด ์ตœ์ ํ™”๋˜์—ˆ์Šต๋‹ˆ๋‹ค.
  • ๋ธ”๋ก ํŽธ์ง‘๊ธฐ๋ฅผ ์—ด๋ฉด Genesis Blocks Button ๋ธ”๋ก์ด Core Buttons ๋ธ”๋ก์œผ๋กœ ๋ณ€ํ™˜๋ฉ๋‹ˆ๋‹ค.

์žฅ์ :

โœ… ๊ฐ ๋ธ”๋ก, ์„น์…˜ ๋ฐ ๋ ˆ์ด์•„์›ƒ์„ ์‰ฝ๊ฒŒ ์‚ฌ์šฉ์ž ์ •์˜ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๋‹จ์ :

โš ๏ธ ๋‹ค๋ฅธ ์˜ต์…˜์— ๋น„ํ•ด ๋ธ”๋ก, ๋ ˆ์ด์•„์›ƒ ๋ฐ ์„น์…˜์ด ์ œํ•œ๋˜์–ด ์žˆ์Šต๋‹ˆ๋‹ค.

์™œ ๊ตฌํ…๋ฒ ๋ฅดํฌ์— GutenKit์„ ์‚ฌ์šฉํ•˜๋‚˜์š”?

์ตœ๊ณ ์˜ Spectra Blocks ๋Œ€์•ˆ์„ ์„ ํƒํ•˜๋Š” ๊ฒƒ์€ ๊ท€ํ•˜์˜ ํŠน์ • ์š”๊ตฌ ์‚ฌํ•ญ์— ๋”ฐ๋ผ ๋‹ค๋ฆ…๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ GutenKit์˜ ์žฅ์ ์€ ๋‹ค์Œ๊ณผ ๊ฐ™์Šต๋‹ˆ๋‹ค.

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

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

์ŠคํŽ™ํŠธ๋Ÿผ ๋ธ”๋ก ๋Œ€์•ˆ: ๋งˆ๋ฌด๋ฆฌ

Spectra Blocks๋Š” WordPress ์›น์‚ฌ์ดํŠธ์˜ ๊ธฐ๋Šฅ์„ ํ–ฅ์ƒ์‹œํ‚ค๋Š” ๋ฐ ๋„๋ฆฌ ์‚ฌ์šฉ๋˜๋Š” ์„ ํƒ์ด์ง€๋งŒ, ์œ ์‚ฌํ•˜๊ฑฐ๋‚˜ ๋” ์šฐ์ˆ˜ํ•œ ๊ธฐ๋Šฅ๊ณผ ์„ฑ๋Šฅ์„ ์ œ๊ณตํ•˜๋Š” ์—ฌ๋Ÿฌ ๊ฐ€์ง€ ๋Œ€์•ˆ๋„ ์žˆ์Šต๋‹ˆ๋‹ค. ์ตœ์„ ์˜ ์„ ํƒ์€ ํŠน์ • ์š”๊ตฌ ์‚ฌํ•ญ์— ๋”ฐ๋ผ ๋‹ฌ๋ผ์ง‘๋‹ˆ๋‹ค. ๊ท€ํ•˜์—๊ฒŒ ๊ฐ€์žฅ ์ค‘์š”ํ•œ ๊ธฐ๋Šฅ์„ ๊ณ ๋ คํ•˜๊ณ  ๊ท€ํ•˜์˜ ์›น์‚ฌ์ดํŠธ ๊ตฌ์ถ• ์—ฌ์ •์— ๊ผญ ๋งž๋Š” ๊ธฐ๋Šฅ์„ ์ฐพ๊ธฐ ์œ„ํ•ด ์ œ์‹œ๋œ ์˜ต์…˜์„ ์‚ดํŽด๋ณด์‹ญ์‹œ์˜ค.


์ฝ”๋ฉ˜ํŠธ

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

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