์ด๊ฒ์ ๊ธฐ๋ณธ Gutenberg ํ๋ฌ๊ทธ์ธ ์ง์์ ๋ค์ํ ์ธก๋ฉด์ ํฌํจํ๋ ์ง์์ ์ธ ์ฐธ์กฐ ๋ฌธ์ ์ ๋๋ค.
๋ธ๋ก์ ํ๋ฌ๊ทธ์ธ์ด ํ์ฉํ๊ณ ๊ตฌ์ถํ ์ ์๋ ๊ธฐ๋ณธ ์ธํฐํ์ด์ค ์์์ ๋๋ค. Block API ๋ ํ์ฌ ํ๋ก์ ํธ์์ ๊ฐ์ฅ ๊ตฌ์ฒดํ๋ ์ธก๋ฉด์ ๋๋ค. ์ผ๋ฐ์ ์ผ๋ก ๋ค์์ ๋ค๋ฃน๋๋ค.
๋ธ๋ก ํ์ฅ์ฑ์ ๋ ๋ค๋ฅธ ์ธก๋ฉด์ ๊ธฐ๋ฅ์ ๋ณ๊ฒฝํ๊ฑฐ๋ ์ถ๊ฐํ๊ธฐ ์ํด ๊ธฐ์กด ๋ธ๋ก์ ์ฐ๊ฒฐํ๋ ๊ฒ์ ๋๋ค.
ํธ์ง๊ธฐ์ ์ผ๋ถ ์ผ๋ฐ์ ์ธ ์ธก๋ฉด์ add_theme_support
ํธ์ถ์ ํตํด ๊ตฌ์ฑํ ์ ์์ต๋๋ค. ์ฌ๊ธฐ์๋ ๊ธฐ๋ณธ ์์ ํ๋ ํธ ๊ตฌ์ฑ ๋ฐ ์ ๋ ฌ์์ ์์ด๋/์ ์ฒด ๋๋น ์ต์
ํ์ฑํ๊ฐ ํฌํจ๋ฉ๋๋ค.
๋ ๋ณด๊ธฐ: http://gutenberg-devdoc.surge.sh/reference/theme-support/
์ฌ์ฉ์ ์ ์ ์์ ๋๊ตฌ ๋๋ ํน์ ์ธ๋ผ์ธ ์คํ์ผ๊ณผ ๊ฐ์ ํน์ ๊ธฐ๋ฅ์ ๋นํ์ฑํํ๊ฑฐ๋ ์ ๋ฐ์ ์ผ๋ก ํน์ ๋ธ๋ก์ ๋นํ์ฑํํ๋ ๊ฒ์ ํฌํจํ์ฌ ํ ๋ง์์ ์ ์ดํ ์ ์๋๋ก ํ๋ ค๋ ๋ช ๊ฐ์ง ํญ๋ชฉ์ด ์์ต๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ฃผ์ ์ด์ ์ ์ฝํ ์ธ ์ ์์ง๋ง ์ฝํ ์ธ ์ ๋ฒ์๋ฅผ ๋ฒ์ด๋๋ ์๋ง์ ์ฉ๋๊ฐ ์์ต๋๋ค. ์ ์ ํ ์ฝํ ์ธ ๋ธ๋ก ํธ์ง๊ธฐ๊ฐ ์๊ธฐ ๋๋ฌธ์ ํ์ด์ง ๋๋ ๊ฒ์๋ฌผ์ ํธ์ง ์์ญ์ ๋ณด๋ค ๋ชฉ์ ์งํฅ์ ์ธ UI๋ฅผ ์ ๊ณตํ๊ธฐ ์ํด ๋ฉํ ์์๋ฅผ ์ค์ฌ์ผ๋ก ์ฌ๋ฌ ์๋ฃจ์ ์ด ๋ฐ์ ํ์ต๋๋ค.
๋ธ๋ก์ ๋ฉํ ๋ฐ์ค๊ฐ ๊ธฐ๋ณธ ์ธํฐํ์ด์ค๋ก ์ฝํ ์ธ (ํ์ด๋ก ๋ฐฐ๋, ํํ์ด์ง์ ์ฌ๋ผ์ด๋์ผ, ์ฑ ์ ์ ๋๋ ๊ฐ๊ฒฉ๊ณผ ๊ฐ์ ๊ฐ์ฒด์ ์์ฑ)์ ์ฌ์ฉ๋๋ ๋ง์ ๊ฒฝ์ฐ๋ฅผ ์ง์ ํก์ํด์ผ ํฉ๋๋ค. ๊ธฐ์กด ๋ฉํํ๋๋ฅผ ์์ฑ์ผ๋ก ์ง์ํ์ฌ UI๋ฅผ ์ฝํ ์ธ ๋ก ์ง์ ์กฐ์ํ์ง๋ง ๋ฐ์ดํฐ๋ฅผ ๋ฉํ๋ก ์ ์ฅํ๋ ๋ธ๋ก์ ์์ฑํ ์ ์์ด ๋ธ๋ก์ด ๋ฐ์ดํฐ๊ฐ ํ ๋น๋๋ ์์น์ ๊ตญํ๋์ง ์๋๋ค.
๋ธ๋ก์ ์ฝํ ์ธ ์ ์์ญ์ ๋ค๋ฃจ์ง๋ง ์ฝํ ์ธ ์ ์ํ์ง ์๋ ๋ฉํ๋ฐ์ดํฐ์ ๋ํ ์ฌ๋ฌ ์ฌ์ฉ ์ฌ๋ก๊ฐ ์์ต๋๋ค(Yoast SEO ๋๊ตฌ, Jetpack์ ๊ณต๊ฐ ๊ธฐ๋ฅ ๋ฑ). ๋ณธ์ง์ ์ผ๋ก ์ฝํ ์ธ ์ ๋ถ๋ฆฌ๋ ์ด ๊ธฐ๋ฅ์ ์ฌ์ฉ์์๊ฒ ๋ถ๋ฆฌ๋ฅผ ๋ณด๋ค ๋ช ํํ๊ฒ ์ ๋ฌํ๊ณ ์ฌ์ฉ ์ค์ธ ๋๊ตฌ์ ๋ชฉ์ ์ ๋ง๊ฒ ์ต์ ํํ๊ธฐ ์ํด UI์ ๋ค๋ฅธ ์ ์ฉ ์์น๊ฐ ์์ต๋๋ค. ์ฆ:
์ด๋ค์ Block API๊ฐ ์์ ๋๊ณ ์ง์คํ ์ ์๊ฒ ๋จ์ ๋ฐ๋ผ ํ๋ฌ๊ทธ์ธ์ด ํ๊ฒํ ํ ์ ์๋ Gutenberg UI์ ํ์ฌ _regions_์ ๋๋ค. [์คํฌ๋ฆฐ์ท ๋ฐ ๊ฐ๋ ํฌํจ]
์ฐจ๋จ ๋ชฉ๋ก ๋๋ ์ฌํ ๊ตฌ์ฑ์ ๋ํ ์ํ ํธ๋ฆฌ์ ๊ฐ์ ์์๋ ์ด๋ฌํ ์ปจํ ์คํธ(๋ธ๋ก ์ธ๋ถ)์ ๋ํ ๋์ฐ๋ฏธ ๋ฐ ์ ํ๊ธฐ๋ฅผ ํตํด ๋ ธ์ถ๋์ด ํ๋ฌ๊ทธ์ธ์ด ์ด๋ฅผ ์ฌ์ฉํ๊ณ ์ํธ ์์ฉํ ์ ์์ต๋๋ค.
๊ธ๋ก๋ฒ ๋ธ๋ก์ ์ค์ฌ์ผ๋ก ์์ ์ด ์ํ๋จ์ ๋ฐ๋ผ ํ๋ฌ๊ทธ์ธ์ด ๊ธฐ์ฑํ ๊ธ๋ก๋ฒ ๋ธ๋ก์ ์ ๊ณตํ์ฌ Gutenberg๋ฅผ ํ์ฅํ ์ ์๋ ๋ ๋ค๋ฅธ ์ ์ฌ์ ์์ญ์ด ๋ ๊ฒ์ ๋๋ค.
์ฌ์ฉ์ ์ ์ ๊ฒ์๋ฌผ ์ ํ์ ํฌ์ปค์ค ํฌ์ธํธ์์ ํฌ๊ฒ ๋ค๋ฅผ ์ ์์ต๋๋ค. ์ผ๋ถ๋ ๋จ์ํ ๋ถ๋ฅํ์ ์ธ ๋ฐ๋ฉด ๋ค๋ฅธ ์ผ๋ถ๋ "์ฝํ
์ธ " ์์ญ์ด ๋ ์ด์ ์๋ฏธ๊ฐ ์๋ ์ง์ ๊น์ง ๋ค์ํ ๋ฐฉ์์ผ๋ก UI๋ฅผ ๊ตฌ์ฑํฉ๋๋ค(WooCommerce ์ฃผ๋ฌธ ์๊ฐ). Gutenberg๋ CPT์์ ์ ์ธํ editor
์ง์์ ์กด์คํ๋ฉฐ ์ง์๋์ง ์์ผ๋ฉด ๋ก๋๋์ง ์์ต๋๋ค. show_in_rest
๊ฐ ์ค์ ๋์ง ์์ ๊ฒฝ์ฐ์๋ ๋ก๋๋์ง ์์ต๋๋ค.
๋ํ CPT๋ ๊ธฐ๋ณธ ๋ธ๋ก, ๊ธฐ๋ณธ ๋ธ๋ก ์งํฉ(์ค์ฒฉ ๊ทธ๋ฃน) ๋๋ CPT์์ ํ์ฉ๋์ง ์์์ผ ํ๋ ๋ธ๋ก์ ์ ์ธํ ์ ์์ด์ผ ํฉ๋๋ค.
์ฐธ๊ณ ๋ก ์ด๊ฒ๋ค์ ๋ชจํ์ ๋๋ค. ๋ณ๊ฒฝ ๋ฐ ํผ๋๋ฐฑ์ด ์์ ์ ์์ต๋๋ค. ๊ตฌํ์์ ์๋ํ์ง ์๋ ์ธ๋ถ ์ ๋ณด๋ฅผ ์ฐพ์ ์ ์์ต๋๋ค. ์ธ๋ถ ์ ๋ณด๋ฅผ ๋ณด๋ ค๋ฉด ์ ํญ์์ ๋ชจํ์ ์ฌ์ญ์์ค.
ํ๋ฌ๊ทธ์ธ์ ๋ธ๋ก ์์ค ๋ฉ๋ด๋ฅผ ํ์ฅํ์ฌ ์ฃผ์ ์ถ๊ฐ ๊ธฐ๋ฅ๊ณผ ๊ฐ์ ์ํฉ๋ณ ์์ ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
์ด ์ธํฐํ์ด์ค๋ ๋ง์ถค๋ฒ ๊ฒ์ฌ๊ธฐ ๋๋ ์ฝํ ์ธ ๋ถ์ ๋๊ตฌ์ ๊ฐ์ ํ๋ฌ๊ทธ์ธ์๋ ์ฌ์ฉํ ์ ์์ต๋๋ค.
์ค์ํ ๋ฉ๋ด๋ ๋ฌธ์ ์์ค ๋๊ตฌ ๋ฐ ์์ ์ ์ถ๊ฐํ๊ธฐ์ ์ข์ ์์น์ ๋๋ค.
๊ฒ์๋ฌผ ์ค์ ์ฌ์ด๋๋ฐ๋ ํ ๊ธํ์ฌ ๋ชจ๋ฐ์ผ์์ ๋ชจ๋ฌ๋ก ํธ์ถํ๊ฑฐ๋ ์ฝํ ์ธ ๋ฅผ ์ฌ์ฉํ์ง ์๋ ๊ฒฝ์ฐ ๋ซ์ ์ ์์ต๋๋ค. ๋ํ ํ๋ฌ๊ทธ์ธ์ ์ํด ์ถ๊ฐ๋ ์ฌ์ด๋๋ฐ๋ฅผ ํฌํจํ์ฌ ๋ค๋ฅธ ์ฌ์ด๋๋ฐ๋ฅผ ํ ๊ธํ ์ ์์ต๋๋ค. WolframAlpha ์ฌ์ด๋๋ฐ๋ ๋ค์๊ณผ ๊ฐ์ต๋๋ค.
์๋ฅผ ๋ค์ด ๊ตฌ์ฑ ๋๊ตฌ๋ฅผ ํ์ํ๊ธฐ ์ํด ํ๋ฌ๊ทธ์ธ์ ๋ฐฉ๋ํ ๊ณต๊ฐ์ด ํ์ํ ๊ฒฝ์ฐ ๋ชจ๋ฌ์์ ์ ์ฒด ์บ๋ฒ์ค๋ฅผ ์ฐจ์งํ๋๋ก ํ ์ ์์ต๋๋ค.
์ผ๋ถ ์ ๋ณด๋ ์ถํ ํ์์ ๊ด๋ จํ์ฌ ๊ทํ์๊ฒ ํ์๋ ๋ ๊ฐ์ฅ ์ ์ฉํฉ๋๋ค. ์ผ์ ๋ฐ ๊ฒ์๋ฌผ ๊ฐ์์ฑ๊ณผ ๊ฐ์ ๊ฒ. ํ๋ฌ๊ทธ์ธ์ด SEO ๋๋ ๊ฐ๋ ์ฑ ์ ์์ ๊ฐ์ ์ ์ฉํ ๋ง์ง๋ง ์ ๊ฒ ์๋ฆผ์ ์ถ๊ฐํ๊ฑฐ๋ ๊ฒ์ํ๊ธฐ ์ ์ Twitter์ ๊ฒ์ํ ๋ฉ์์ง๋ฅผ ์ฌ์ฉ์ ์ง์ ํ๋ ๋ฐฉ๋ฒ์ด๊ธฐ๋ ํฉ๋๋ค.
Gutenberg๋ CPT์ ์ํด ์ ์ธ๋ ํธ์ง๊ธฐ ์ง์์ ์กด์คํ๋ฉฐ ์ง์๋์ง ์๋ ๊ฒฝ์ฐ ๋ก๋๋์ง ์์ต๋๋ค.
์ด๊ฒ์ด ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ ํ ๋ก๋๋์ง ์๊ณ ๋์ ํด๋์ ํธ์ง๊ธฐ๊ฐ ์ฌ์ฉ๋๋ค๋ ๊ฒ์ ์๋ฏธํ๋ค๋ฉด ๊ตฌํ ๋ฒ ๋ฅด๊ทธ์ ํด๋์ ํ๊ฒฝ ๊ฐ์ ๋ถํ ๋ ๋ถ์ด๋ WP ๊ด๋ฆฌ์๋ก ํฅํ๋ ๊ฒฝ๋ก๋ฅผ ์ค์ ํฉ๋๋ค. ์ด๊ฒ์ ์ฌ๋ฌ๋ฉด์์ WordPress์ ๋์ ๊ฒ์ ๋๋ค.
์๋ก์ด ์ฌ์ฉ์๋ ๋ ๊ฐ์ง ์ ํ์ ์ธํฐํ์ด์ค๊ฐ ์๋ก ๋ค๋ฅธ ์ฃผ์ํ๊ณ ๋ฏธ๋ฌํ ๋ฐฉ์์ ๋ฐฐ์์ผ ํฉ๋๋ค. ๊ฒ์๋ฌผ์ ๊ฒ์ํ๊ฑฐ๋ ํ ์คํธ ๋ณด๊ธฐ๋ก ๋ณ๊ฒฝํ๋ ๊ฒ๊ณผ ๊ฐ์ ๊ฐ๋จํ ์์ ์ Gutenberg ๋ฐ Classic ํธ์ง๊ธฐ์์ ๋ค๋ฅด๊ฒ ์๋ํฉ๋๋ค.
๊ธฐ์กด ๊ฐ๋ฐ์๋ ๋ ํ๊ฒฝ ๋ชจ๋์์ ํ ๋ง์ ํ๋ฌ๊ทธ์ธ์ ๊ธฐ๋ฅ์ ์ ์งํด์ผ ํฉ๋๋ค. ์ ํ ๊ธฐ๊ฐ์ ๋ํด ์ด์ผ๊ธฐํ๋ ๊ฒ์ด ์๋๋๋ค. ์ฐ๋ฆฌ๋ ๋ฌด๊ธฐํ ์ด์ผ๊ธฐํ๊ณ ์์ต๋๋ค. ๋ชจ๋ ๊ฒ์๋ฌผ ์ ํ์ ํ์ฅํ๊ธฐ ์ํ ํ๋ฌ๊ทธ์ธ์ด ๊ฐ์ฅ ํฐ ์ํฅ์ ๋ฐ์ต๋๋ค. ํด๋น ๊ฐ๋ฐ์๊ฐ ๊ฒฐ๊ตญ ๋ฉํ ์์๋ฅผ ๋ธ๋ก์ผ๋ก ๋ณํํ๋ ๊ฒฝ์ฐ ๋๊ตฐ๊ฐ๊ฐ ๊ตฌํ ๋ฒ ๋ฅด๊ทธ๊ฐ ์๋ ๊ฒ์๋ฌผ ์ ํ์์ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ๋ฅผ ๋๋นํ์ฌ ์ด์ ๋ฉํ ์์๋ฅผ ์ ์งํด์ผ ํฉ๋๋ค.
WordPress ๊ฐ๋ฐ์ ์ ๋ฌธํ๋ ์๋ก์ด ํ๋ฌ๊ทธ์ธ ๊ฐ๋ฐ์๋ ๋ ๊ฐ์ง ๋ค๋ฅธ ๋ฐฉ๋ฒ์ผ๋ก ํ๋ฌ๊ทธ์ธ์ ๋น๋ํ๋ ๋ฐฉ๋ฒ์ ๋ฐฐ์์ผ ํฉ๋๋ค. Gutenberg ๋ธ๋ก์ ์์ฉํ๋ค๊ณ ๊ฐ์ ํ๋ฉด ํ๋ฌ๊ทธ์ธ ๊ธฐ๋ฅ์ Classic ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์๋ฌผ ์ ํ์์๋ ์ฌ์ฉํ์ง ๋ชปํ ์ ์์ต๋๋ค.
๋ฉํ ๋ฐ์ค๋ฅผ ์๋์์ผ์ผ ํ๋ค๊ณ ์๊ฐํ๋ ํ ๋จ์ํ Gutenberg๋ฅผ ๋๋ ๊ฒ์ด ์ฅ๊ธฐ์ ์ผ๋ก ์ต์์ ์๋ฃจ์ ์ ์๋๋๋ค.
์ด๊ฒ์ด ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ ํ ๋ก๋๋์ง ์๊ณ ๋์ ํด๋์ ํธ์ง๊ธฐ๊ฐ ์ฌ์ฉ๋๋ค๋ ๊ฒ์ ์๋ฏธํ๋ค๋ฉด ๊ตฌํ ๋ฒ ๋ฅด๊ทธ์ ํด๋์ ํ๊ฒฝ ๊ฐ์ ๋ถํ ๋ ๋ถ์ด๋ WP ๊ด๋ฆฌ์๋ก ํฅํ๋ ๊ฒฝ๋ก๋ฅผ ์ค์ ํฉ๋๋ค.
CPT๊ฐ ํธ์ง๊ธฐ๋ฅผ ์ ํ ํ์ฑํํ์ง ์์ผ๋ ค๋ ๊ฒฝ์ฐ์๋ ์ด๊ฒ์ด ์ต์ ์ ๊ฒฝ๋ก์ธ ๊ฒ ๊ฐ์ต๋๋ค. ๋จ์ํ ๋ค๋ฅธ ๊ฒฝํ์ ์ต์ ํ๋ ๋ค๋ฅธ ๊ด๋ฆฌ์ ๋ณด๊ธฐ์ ๋๋ค. (์๋ฅผ ๋ค์ด Woo์ "orders" ๋ณด๊ธฐ.) ๋๊ตฐ๊ฐ Gutenberg ์ปจํ ์คํธ ๋ด์์ ๋ ๋๋งํ๋ ค๊ณ ์๋ํ๋ ๋ฐ ๋์์ด ๋์ง ์์ต๋๋ค.
์ด๋ Customizer์ ์ถํ๊ณผ ์ ์ฌํฉ๋๋ค. ๋ค๋ฅธ ์ปจํ ์คํธ์์ ๋์ผํ ์์ ์ ์ํํ๋ ์๋ก์ด ์ธํฐํ์ด์ค ํจ๋ฌ๋ค์์ด์์ต๋๋ค. ์ฐ๋ฆฌ๋ ํญ์ "๊ด๋ฆฌ" ์ธํฐํ์ด์ค์ "ํธ์ง" ์ธํฐํ์ด์ค๊ฐ ํ์ํฉ๋๋ค. ์ด๊ฒ์ด ๋ถ๋ถ์ ์ผ๋ก ์ธํฐํ์ด์ค์ ๋ค์ํ ๋ชฉ์ ์ ๋ช ํํ ํจ์ผ๋ก์จ ์ฐ๋ฆฌ๊ฐ ์์ผ๋ก ๋์๊ฐ๋ ๋ฐฉ๋ฒ์ ๋๋ค.
๊ทธ๋ฌ๋ Gutenberg์ ๋ฒ์ ์ด๋ ๋๋ฌธ์ ๋จ์ํ ํธ์ง๊ธฐ ์ ํ์ ํ์ฑํํ๊ฑฐ๋ ๋นํ์ฑํํ๋ ๊ฒ์ด ์๋๋๋ค. ์ด์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ ์ฒด ํธ์ง ์ธํฐํ์ด์ค๋ฅผ ๊ฒฐ์ ํ๋ฏ๋ก ์์ ๋์ดํ ํธ์ง๊ธฐ ์ ํ๊ณผ ๊ด๋ จ๋ ์ ์ฒด ๋ถ์์ฉ ๋ชฉ๋ก์ด ์์ต๋๋ค.
์ฐ๋ฆฌ๋ ํญ์ "๊ด๋ฆฌ" ์ธํฐํ์ด์ค์ "ํธ์ง" ์ธํฐํ์ด์ค๊ฐ ํ์ํฉ๋๋ค.
์ด๊ฒ์ด ๋ฐ๋ก ์ค๋๋ ์๋ํฐ์ ๋ฉํ ๋ฐ์ค๊ฐ ์ํํ๋ ์ญํ ์ ๋๋ค. ๊ทธ๊ฒ๋ค์ ๊ณ ๋ฆฝ๋ ๊ฒฝํ์ด ์๋๋๋ค. ๊ทธ๋ค์ ํจ๊ป ์ผํฉ๋๋ค.
๊ทธ๋ฌ๋ฉด ์๋ง๋ ๋ฒ์ ํฌ๋ฆฌํ๊ฐ ํด๊ฒฐ๋์ด์ผ ํ๊ณ Gutenberg๋ wp_editor()
์ฑ์์ง ์์ญ์ผ๋ก ์ ํ๋์ด์ผ ํฉ๋๋ค. ๊ทธ๊ฒ์ ํ์คํ ๋ง์ ํธํ์ฑ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ๊ฒ์
๋๋ค.
์ค์ฝํ ํฌ๋ฆฝ์ ํด๊ฒฐํ๋ ๊ฒ์ด ์ ๊ฐ ์ ํธํ๋ ์ฌํญ์ด๋ฉฐ ์ง๋ ๋ช ๋ฌ ๋์ ๋ง์ ์ฌ๋๋ค์ด ์๊ตฌํด ์จ ๊ฒ์ ๋๋ค. ๊ทธ๋ ๊ฒ ํ๋ฉด ๊ด๋ฆฌ ํ๊ฒฝ์ ๋ถํ ํ์ง ์๊ณ ๋ ํธ์ง๊ธฐ๋ฅผ ๊ฐ์ ํ ์ ์์ต๋๋ค.
๊ฒ์๋ฌผ ์ ํ๋ณ๋ก Gutenberg๋ฅผ ๋นํ์ฑํํ๋ ๊ธฐ๋ฅ๊ณผ ๊ด๋ จํ์ฌ ์ ๋ ๋ฌธ์ ๋ฅผ ํผํ๋ ๊ฒ์ด ์๋ฃจ์ ์ ๋๋ฌํ๋ ๊ฒ๊ณผ ๊ฐ์ง ์๋ค๋ ์ ์ ๊ฐ์กฐํ๊ณ ์ถ์ต๋๋ค. ๊ฒ์๋ฌผ ์ ํ๋ณ๋ก Gutenberg๋ฅผ ๋๋ฉด ์ผ๋ถ ํ๋ฌ๊ทธ์ธ์ ๋ํ ๋ฉํ ์์ ๋นํธํ์ฑ์ ํผํ ์ ์์ง๋ง ์ฅ๊ธฐ์ ์ผ๋ก WordPress ํ๊ฒฝ์ด ์์๋ฉ๋๋ค.
์ด์ ๋ฅผ ์ ์ ์๋ค๋ฉด Gutenberg๊ฐ ํฉ๋ณ๋ ํ 2๋ ํ์ ์ ๊ณ์ ์ง์ ํ๋ ์๋ก์ด ํ๋ฌ๊ทธ์ธ ๊ฐ๋ฐ์๊ฐ ๋๋ค๊ณ ์์ํด ๋ณด์ญ์์ค.
๊ทธ๊ฒ๋ค์ ์ฐ๋ฆฌ๊ฐ UI์์ ํน์ด์ ์ผ๋ก ํฅํ๋ ๊ฒฝ๋ก๊ฐ ์๊ณ ๋ ๋ช ์ ํธ์ง์๋ฅผ ๊ฐ์ง๊ณ ์์ผ๋ก ๋์๊ฐ ๋ ํ๊ฒฝ์ ํผ๋์ค๋ฝ๊ฒ ํ๋ ๋ช ๊ฐ์ง ์ง๋ฌธ์ ๋ถ๊ณผํฉ๋๋ค.
show_in_rest
show_in_rest
๊ฐ ์ค์ ๋์ง ์์ ๊ฒฝ์ฐ ๊ฒ์๋ฌผ์์ Gutenberg๋ฅผ ์ฌ์ฉํ ์ ์๋ค๋ ์ฌ์ค์ ํธ์ง ํ๊ฒฝ์ ์ํฅ์ ๋ฏธ์น๋ ๊ด๋ จ ์๋ ๊ธฐ๋ฅ์ ๋ ๋ค๋ฅธ ์์ผ ๋ฟ์
๋๋ค. REST API์ ๊ณต๊ฐ ๊ฒ์๋ฌผ ๊ฐ์์ฑ์ ๋ํ ์ ํธ๋๊ฐ ํธ์งํ ๋ ์ฌ์ฉํ๋ ์ธํฐํ์ด์ค์ ์ํฅ์ ๋ฏธ์น ์ด์ ๊ฐ ์์ต๋๋ค. ๊ธฐ์ ์ ์ธ ์ด์ ๋ ์ดํดํ์ง๋ง ๋
ผ๋ฆฌ๊ฐ ๊ฑฐ๊ธฐ์ ์์ผ๋ฉฐ ๋ง์ ๊ฐ๋ฐ์๊ฐ ํ์ฌ ์ด๊ฒ์ด ํ๊ณ๋ผ๋ ์ฌ์ค์กฐ์ฐจ ์ธ์ํ์ง ๋ชปํ๋ ๊ฒ ๊ฐ์ต๋๋ค.
Gutenberg๊ฐ ์ด๋ป๊ฒ wp_editor() ๋งค๊ฐ๋ณ์์ ๋ฒ์๋ฅผ ๋ฒ์ด๋๊ฒ ๋์๋์ง๋ ์ฌ์ ํ ์ ๋ฅผ ๋นํฉํ๊ฒ ํฉ๋๋ค. Gutenberg "ํธ์ง๊ธฐ"๊ฐ wp_editor()๋ก ์ ํ๋๋ฉด ๊ฒ์๋ฌผ ์ ํ๋ณ "์ต์ ์ผ๋ก ํ์ฑํ"๊ฐ ํ์ค์ด ๋๋ฉฐ ์์ผ๋ก ํจ์ฌ ๋ ๊ด๋ฆฌํ๊ธฐ ์ฝ๊ณ ํ์ฅ ๊ฐ๋ฅํฉ๋๋ค. ๋๋ ์ฌ์ ํ Gutenberg ์ค์ฝํ ํฌ๋ฆฝ์ด ์ถ์๋ ์ ์๊ณ wp_editor() ๋ด์ ํฌํจ๋ ์ ์๋ ์ด์ ์ ๋ํ ํฉ๋ฆฌ์ ์ธ ์ค๋ช ์ ๋ณด์ง ๋ชปํ์ต๋๋ค.
ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ํ๋ฐํธ์๋์ ์ง์ ํ์๋์ง ์๋ ์ฌ์ฉ์ ์ ์ ๊ฒ์๋ฌผ ์ ํ์ ๋ํด Gutenberg๋ฅผ ํ์ฑํํ๋ ๊ฒ์ ์๋ฏธ๊ฐ ์์ต๋๋ค.
CPT๊ฐ ๋จ์ํ ๊ฒ์๋ฌผ ์ ํ๋ฟ๋ง ์๋๋ผ ๋ค์ํ ์ค์ ๋ฐ ์์์ ๋ํ ๊ด๋ฆฌ์ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋๋ ๋ฐฉ๋ฒ์ผ๋ก ์ฌ์ฉ๋๋ ๋ค์ํ ์น ์ฌ์ดํธ๋ฅผ ๋ณด์์ต๋๋ค.
์๋ฅผ ๋ค์ด, ๋ด๊ฐ ์์
ํ ์ ์ ์ฌ์ดํธ์๋ "๋์" ๋ฐ "์ผํ ๋งํฌ"์ ๋ํ CPT๊ฐ ์์ต๋๋ค. Books ๋ชฉ๋ก ํ์ด์ง์ ํธ์ง์๋ก Gutenberg๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ ์ ๋์ ์ผ๋ก ์๋ฏธ๊ฐ ์์ต๋๋ค. ๊ทธ๋ฌ๋ "์ผํ ๋งํฌ"์๋ ์์ฒด ๊ฒ์๋ฌผ์ด๋ ํ์ด์ง๊ฐ ์์ง๋ง ๊ฐ "๋์" ํ์ด์ง์ ์จ๋ผ์ธ ์์ ์ ๋ํ ๋งํฌ์ ๋ํ ๋
ผ๋ฆฌ๋ฅผ ์ ๊ณตํ๋ ๋ฐ ์ฌ์ฉ๋ฉ๋๋ค. ๋์ ํ์ด์ง ํ
ํ๋ฆฟ์ ์ง์ญ(์: ์๊ตญ, ๋ฏธ๊ตญ) ๋ฐ ํ์(์: ์ ์์ฑ
, ์ธ์ํ)๊ณผ ์ผ์นํ๋ ์ ํ ํ์ด์ง์ ๋ํ Shop Links๋ฅผ ํ์ํ๊ณ ํฌ์คํธ ๋ฉํ ํ๋์ ์ ์ฅ๋ ISBN์ ๊ฐ ์จ๋ผ์ธ ์์ ์ URL ๊ตฌ์กฐ์ ์ฝ์
ํฉ๋๋ค(์คํฌ๋ฆฐ์ท ์ฐธ์กฐ).
CPT๋ ์ด๋ฌํ ์ข ๋ฅ์ ๋ฐ์ดํฐ ๋ฐ ์ค์ ์ ๊ด๋ฆฌํ๋ ๊ฐ์ฅ ์ข์ ๋ฐฉ๋ฒ์ ์๋์ง๋ง ํธ์ง๊ธฐ๊ฐ ์๋ CPT์ ์ฌ์ฉ์ ์ ์ ๋ฉํ ํ๋๋ฅผ ์ฌ์ฉํ์ฌ ๋ค์ํ ๊ธฐ๋ฅ์ ๊ฒฐํฉํ ์น ์ฌ์ดํธ๊ฐ ๋ง์ด ์์ต๋๋ค. ์ด๋ฌํ ์ข ๋ฅ์ ์ฌ์ฉ์ ๋ํ ๋ค๋ฅธ ์๋ฅผ ์ ๊ณตํ ์ ์์ต๋๋ค. ํธ์ง๊ธฐ๋ฅผ ์ ํ ์ฌ์ฉํ์ง ์๋ CPT์ Gutenberg ํธ์ง๊ธฐ๋ฅผ ๊ฐ์ ๋ก ์ ์ฉํ๋ ๊ฒ์ ํผ๋์ค๋ฝ๊ณ ๋น์์ฐ์ ์ ๋๋ค.
ํธ์ง๊ธฐ๋ฅผ ์ฌ์ฉํ์ง ์๊ณ ํ๋ฐํธ์๋์ ์ง์ ํ์๋์ง ์๋ ์ฌ์ฉ์ ์ ์ ๊ฒ์๋ฌผ ์ ํ์ ๋ํด Gutenberg๋ฅผ ํ์ฑํํ๋ ๊ฒ์ ์๋ฏธ๊ฐ ์์ต๋๋ค.
๋ง์ด ์ ๋ฉ๋๋ค. ํ์ง๋ง Gutenberg๊ฐ ์ ์ฒด ํ๋ฉด์ ๋์ฒดํ๋ ํ Gutenberg๋ฅผ ํฌํจํ๊ฑฐ๋ ์ ์ธํ๋ ๊ฒฐ์ ์ ๊ฒ์๋ฌผ ์ ํ์ ํธ์ง์๋ฅผ ์ํ๋์ง ์ฌ๋ถ๋ฅผ ๋์ด ๋ ํฐ ์ํฅ์ ๋ฏธ์นฉ๋๋ค.
์๋ฅผ ๋ค์ด, ๊ทํ๊ฐ ํ๋ฌ๊ทธ์ธ ๊ฐ๋ฐ์์ด๊ณ "์ผํ ๋งํฌ ์ค์ " ๋ฉํ ์์๋ฅผ Gutenberg๋ฅผ ์ฌ์ฉํ๋ ํ๋์ ๊ฒ์๋ฌผ ์ ํ๊ณผ ์ฌ์ฉํ์ง ์๋ ๋ ๋ฒ์งธ ๊ฒ์๋ฌผ ์ ํ์์ ์ฌ์ฉํ ์ ์๊ธฐ๋ฅผ ์ํ๋ค๊ณ ์์ํด ๋ณด์ญ์์ค. ๋ชจ๋ ๊ฒ์๋ฌผ ์ ํ์์ ์๋ํ ๊ฒ์ผ๋ก ๊ธฐ๋ํ๋ ์์ฒ ๋ช ์ ์ฌ์ฉ์์๊ฒ ํ๋ฌ๊ทธ์ธ์ ๋ฐฐํฌํ๋ ๊ฒฝ์ฐ ์ ํ์ ์ฌ์ง๊ฐ ์์ต๋๋ค. ๊ทธ ๋ https://github.com/WordPress/gutenberg/issues/3330#issuecomment -341867663์ ์ธ๊ธ๋ ์ง๋ฌธ์ด ์๋ํฉ๋๋ค.
์์ฒด ๊ฒ์๋ฌผ ์ ํ ๋ด์์ ๊ฒฉ๋ฆฌ๋ ๋ฉํ ์์๊ฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ํฅ์ ๊ฐ์ฅ ์ ๊ฒ ๋ฐ๋๋ค๋ ์ ์ ๋ฐ๋ณตํ ๊ฐ์น๊ฐ ์์ต๋๋ค. ๋ฐ๋ผ์ ๊ฒ์๋ฌผ ์ ํ ์ ๋ฐ์ ๊ฑธ์ณ ์ ๊ณต๋๋ ํ๋ฌ๊ทธ์ธ ๊ธฐ๋ฅ์ ๋ฏธ์น๋ ์ํฅ์ ๊ณ ๋ คํด์ผ ํฉ๋๋ค.
์, ํ๋ฌ๊ทธ์ธ์ด Gutenberg ๋ฐ ๋น-Gutenberg ์ธํฐํ์ด์ค๋ฅผ ๋ชจ๋ ์ง์ํด์ผ ํ๋ ๊ฒ์ ์ฃผ์ ์งํ ์ค์ธ ๋ฌธ์ ๊ฐ ๋ ๊ฒ์์ ์ ์ ์์ต๋๋ค.
๊ทธ๋ฌ๋ฉด ์ง๋ฌธ์ Gutenberg๊ฐ ํธ์ง๊ธฐ๋ฅผ ์ง์ํ์ง ์๋ CPT๋ฅผ ์ด๋ป๊ฒ ์ฒ๋ฆฌํด์ผ ํ๋์ง ์ ๋๋ค. Gutenberg๋ ๋ธ๋ก์์ ํ์ด์ง๋ฅผ ๋น๋ํ๋ ๊ฒ์ด ์ดํด๊ฐ ๋์ง ์๋ ์ปจํ ์คํธ์์ ์ด๋ป๊ฒ ์๋ํฉ๋๊น?
...๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ํธ์ง๊ธฐ๋ฅผ ์ง์ํ์ง ์๋ CPT๋ฅผ ์ฒ๋ฆฌํ๋ ๋ฐฉ๋ฒ - ๋ธ๋ก์์ ํ์ด์ง๋ฅผ ๊ตฌ์ถํ๋ ๊ฒ์ด ์ดํด๊ฐ ๋์ง ์๋ ์ํฉ์์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ์ด๋ป๊ฒ ์๋ํฉ๋๊น?
Gutenberg๊ฐ ์ถ์๋๊ณ ๋ด๊ฐ https://github.com/WordPress/gutenberg/issues/3304#issuecomment -341474018์์ ์ธ๊ธํ Yoast ๊ฐ๋ ๊ณผ ๊ฐ์ด ํธ์ง๊ธฐ๋ง ๊ต์ฒดํ๋ ๊ฒฝ์ฐ Gutenberg๋ฅผ ํ์ฑํํ๊ฑฐ๋ ๋นํ์ฑํํ๋ ๊ฒ์ด ๋งค์ฐ ๊ฐ๋จํฉ๋๋ค.
editor
๊ฐ ํ์ฑํ๋ ๊ฒฝ์ฐ ๋ธ๋ก ํธ์ง๊ธฐ๊ฐ ์กด์ฌํ๊ณ ์ฌ์ฉ๋๋ ํํฌ์ ๋ฐ๋ผ ๋ฉํ ์์๊ฐ ๊ทธ ์ ๋๋ ์๋์ ๋ํ๋ ์ ์์ต๋๋ค.editor
๊ฐ ๋นํ์ฑํ๋ ๊ฒฝ์ฐ ๋ธ๋ก ํธ์ง๊ธฐ๊ฐ ์๊ณ ๋ฉํ ์์๊ฐ ์๋ก ์ฌ๋ผ์ด๋๋์ด ๊ฒ์๋ฌผ ์ ํ์ ๊ธฐ๋ณธ ์ธํฐํ์ด์ค๊ฐ ๋ฉ๋๋ค.๊ทธ๊ฒ์ด ์ค๋๋ ๊ธฐ๋ณธ์ ์ผ๋ก ์๋ํ๋ ๋ฐฉ์์ด๋ฉฐ, ๊ทธ ๋์์ ์ ์งํจ์ผ๋ก์จ ํ๋ฌ๊ทธ์ธ์ด ์๋ฏธ๊ฐ ์๋ ๊ฒฝ์ฐ ๋ฉํ ์์๋ฅผ ๋ธ๋ก์ผ๋ก ์ ์ง์ ์ผ๋ก ์ ํํ ์ ์์ต๋๋ค. ๋ํ ๋ถํ ๊ด๋ฆฌ ๊ฒฝํ๊ณผ ๊ด๋ จํ์ฌ ์์ ๋์ด๋ ๋ง์ ํผ๋์ค๋ฌ์ด ์ง๋ฌธ์ ํผํ ์ ์์ต๋๋ค.
ํฅ์คํ ํฌ์คํธ ์ ํ๋ก์ ํธ๊ฐ ๋ฐ์ ์ถ๋ณต์ ๊ฐ์ํ ๋ "์ค์ฝํ ํฌ๋ฆฝ"์ด ์ฌ์ฉํ๊ธฐ์๋ ์ด์ํ ์ฉ์ด๋ผ๊ณ ์๊ฐํฉ๋๋ค. ํธ์ง ๊ฒฝํ์ ์ ์ฒด์ ์ผ๋ก ๊ฐ์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํด ๋ ผ์ํ๊ณ ์ฐ๊ตฌํ๊ธฐ ์์ํ 1์ 11์ผ ์ดํ ๊ณต๊ฐ์ ์ผ๋ก ์ด๋ฏธ ์๋ฃ๋ ์์ ์ ๋ํด ๋ชจ์๊ฐ์ ๋๋๋๋ค. ์๋ฌด ๊ฒ๋ ์ฐ๋ฆฌ์๊ฒ ๋ค๊ฐ์ค์ง ์์์ต๋๋ค. ์ด๊ฒ์ ํญ์ ๊ณํ์ด์๊ณ ์ด์ ์ ๋ํด ์ ํด์ง ๊ธฐ๊ฐ์ด ์๋ ์ด์ ์ ๋๋ค.
๊ทธ๋ด ์๋ ์๊ฒ ์ง๋ง ์ ๋ ๋์์ธ ๊ด์ ์ ๋ํด ์กฐ๊ธ ์ด์ผ๊ธฐํ๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฆฌ๊ณ ์ ํธ์ง์๊ฐ ์ฝํ ์ธ ์์ญ์ ๊ต์ฒดํ๋ ๋ฐ ์ด์ ์ ๋ง์ถ๋ ๋์์ธ์ ํ๋ ๊ฒ์ด ์์ ํ ์ํ๋ฅผ ์ ์งํ๊ธฐ ์ํด ํฐ๋ฌด๋์์ด ํํ์ ์ธ ๊ฒฝํ์ด ๋์์ ๊ฒ์ด๋ผ๊ณ ์๊ฐํ๋ ์ด์ ์ ๋๋ค. ์ง๋ 10๋ ๋์ ํธ์ง๊ธฐ๋ฅผ ํ์ฅํ๊ธฐ ์ํด ๊ตฌ์ถ๋ ๋ชจ๋ ํ๋ฌ๊ทธ์ธ๊ณผ์ ํ์ ํธํ์ฑ. ํ์ ์ ์ง ๋ ์ฌ์ด ๋ฐฉ๋ฒ์ด์ง๋ง ํญ์ ์ฌ๋ฐ๋ฅธ ๋ฐฉ๋ฒ์ ์๋๋๋ค.
ํ๋ฆ์ ์ฌ๊ณ ํ์ง ์๊ณ ๊ธฐ์กด ํธ์ง๊ธฐ์ ๋ธ๋ก์ ์ถ๊ฐํ๋ฉด ์ด๋ฏธ ๋ณต์ก์ฑ์ด ์์๋ ๊ณณ์ ๋ณต์ก์ฑ์ด ์ถ๊ฐ๋์์ ๊ฒ ์ ๋๋ค.
์งง์ ์ฝ๋, ์ฌ์ฉ์ ์ ์ HTML, ์์ ฏ ๋ฑ์ ๋์ฒดํ๊ธฐ ์ํด ๋ธ๋ก์ ํฌํจํ๋๋ก ํฌ์คํธ ์์ฑ์ ์ฌ๊ณ ํ๋ผ๋ ๋ช ๋ น์ด ์ฃผ์ด์ง๋ฉด ์ ์ฒด ์์ฑ, ํธ์ง ๋ฐ ๊ฒ์ ํ๋ฆ์ ์ ์ฒด์ ์ผ๋ก ๋ณด์ง ์์์ผ๋ก์จ ๋์์ด๋๋ก์์ ์ฑ ์์ ๋ญ๋นํ๊ฒ ๋ ๊ฒ์ ๋๋ค.
ํ๋ก์ ํธ ์ ์ฒด๊ฐ ๋ฏธ๋๋ฅผ ๋ง์ดํ๊ธฐ ์ํด ๊ณผ๊ฐํ ์กฐ์น๋ฅผ ์ทจํ์ง ์๋ ํ WordPress๊ฐ 5๋ ์์ ๊ด๋ จ์ด ์์ ๊ฒ์ด๋ผ๊ณ ํ์ ํ์ง ๋ชปํฉ๋๋ค . JavaScript ์ฝ์ด๋ ์๋ ๋์ State of the Word ๊ธฐ์กฐ ์ฐ์ค์์ ๊ด๊ณ ๋์์ต๋๋ค. ์ด๋ฅผ ์ผ๋์ ๋๊ณ ํ๋ถํ ํฌ์คํธ ์ฝํ ์ธ ์์ฑ์ ๊ทผ๋ณธ์ ์ผ๋ก ๋จ์ํํด์ผ ํ๋ ๊ธฐํ๋ฅผ ์ ์งํ๋ฉด์ ์์ ์ฐฝ ๋์ ์ ์ฒด ํธ์ง ๊ฒฝํ์ ๋ณด๋ ๊ฒ์ ๊ธฐํ์ผ ๋ฟ๋ง ์๋๋ผ ๊ทธ๊ฒ์ด ๊ฐ์ ธ์ค๋ ์ด๋ ค์์๋ ๋ถ๊ตฌํ๊ณ ๊ทธ๋ ์ง ์์ ๋์์ธ์ ํ๋ ๊ฒ์ ํ๋ฆผ์์ด ํ๋งํ ๊ฒ์ ๋๋ค. ๊ทธ๊ฒ์ผ๋ก.
์ ์ฒด ํ๋ฉด์ ๋ณด์ง ์๊ณ ์ข์ ํธ์ง๊ธฐ๋ฅผ ๋์์ธํ๋ ๊ฒ์ ๋ถ๊ฐ๋ฅํฉ๋๋ค . ์ด๊ฒ์ ๋ถํธํ๊ณ ํ๋ก์ ํธ๋ฅผ ์ด๋ ต๊ฒ ๋ง๋ค๊ณ WordPress์ ์ ์ฐ์ ๊ฐ์ํ ๋ ์ฌ์ ํ ๋ ์ด๋ ต๊ฒ ๋ง๋ญ๋๋ค. ์ฝ์ง ์์์ผ๋ฉฐ, ํนํ Gutenberg๊ฐ ๊ธฐ๋ณธ์ ์ผ๋ก ํ์ฅ๋ ์ ์๋ ๋ฐฉ๋ฒ์ ๋ํด ์ฌ์ ํ ๊ฐ ๊ธธ์ด ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฝํ ์ธ ํ ์คํธ ์์ญ๋ง ๋์ฒดํ๋๋ก Gutenberg๋ฅผ ๊ตฌ์ถํ๋ ๊ฒ์ ๋ฐ ๋จ๊ณ๋ฅผ ์ํํ๋ ๊ฒ์ด๋ฏ๋ก WordPress์ ํฐ ํผํด๋ฅผ ์ ํ๊ณ ๋ถํ ํ๊ธฐ์ ์ข์ง ์์ ๋์์ธ์ด ๋ ๊ฒ์ ๋๋ค.
ํ์ฌ ํธ์ง ํ๋ฉด ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ํ ๊ตฌ์ฑ ์์ , ํธ์ง๊ธฐ ์บ๋ฒ์ค๋ง
๊ทธ๋ฌ๋ฉด ์ง๋ฌธ์ Gutenberg๊ฐ ํธ์ง๊ธฐ๋ฅผ ์ง์ํ์ง ์๋ CPT๋ฅผ ์ด๋ป๊ฒ ์ฒ๋ฆฌํด์ผ ํ๋์ง ์ ๋๋ค. Gutenberg๋ ๋ธ๋ก์์ ํ์ด์ง๋ฅผ ๋น๋ํ๋ ๊ฒ์ด ์ดํด๊ฐ ๋์ง ์๋ ์ปจํ ์คํธ์์ ์ด๋ป๊ฒ ์๋ํฉ๋๊น?
@CalebWoodbridge ์ด๊ฒ์ด ์ด๋ฏธ ์๋ํ๋ ๋ฐฉ์์ ๋๋ค. ์ฐธ์กฐ: https://github.com/WordPress/gutenberg/blob/master/lib/register.php#L290
๋๋ '์ค์ฝํ ํฌ๋ฆฌํ'๋ผ๋ ์ฉ์ด๋ฅผ ์ฌ์ฉํ๋ ๊ฒ์ด ์ณ์ง ์๋ค๋ ๊ฒ์ ๋ ๋ฒ์งธ๋ก ๋งํ๊ณ ์ถ๋ค. ๊ตฌํ ๋ฒ ๋ฅดํฌ๊ฐ ํ๋ ์ผ์ ํ๋ ค๋ ํ๋ก์ ํธ์๋ ํ์คํ ์ ์ฉ๋์ง ์๋ ์ฉ์ด์ ๋๋ค.
์ด๊ฒ์ ๋ํด ๊ณ๋์ง์ ํด์ ๋ฏธ์ํ์ง๋ง ๋งํ ๊ฐ์น๊ฐ ์๋ค๊ณ ์๊ฐํฉ๋๋ค. ๊ฐ๋ฐ์๊ฐ ๊ธฐ์ ์ ์ธ ๋ง์ ํ ๋ ์กด๊ฒฝ์ ํํ๋ ๊ฒ์ฒ๋ผ ๋์์ด๋๋ ๊ฐ์ ์๊ฐ์ผ๋ก ์๊ฐํ์ญ์์ค. ์ด ํ๋ก์ ํธ์ ์ฐธ์ฌํ๋ ๋์์ด๋๋ค์ ๋ง์ ๊ฒฝํ๊ณผ ๊ธฐ์ ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ๋๋ ๊ทธ ์์ ์ ๊น์ด ์กด๊ฒฝํ๊ณ ์ด๋ ๊ฒ ํ๋ฅญํ ๋์์ด๋๋ค๊ณผ ํจ๊ป ํ๋ก์ ํธ์ ๋์์ธ ๋ฆฌ๋๊ฐ ๋๋ ๊ฒ์ ๊ธฐ์๊ฒ ์๊ฐํฉ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์๋ ๋์์ด๋๋ค๊ณผ ์์ ํ ์ ์๋ ๊ธฐํ๋ฅผ ๊ฐ๊ฒ ๋์ด ์๊ด์ ๋๋ค. ๊ทธ๊ฒ์ ๋งค์ผ์ ์ฆ๊ฑฐ์์ด๋ฉฐ ์ฐ๋ฆฌ๊ฐ WordPress์์ ํญ์ ์ป์ง ๋ชปํ๋ ๊ฒ์ ๋๋ค. ํต์ฌ์ ์ธ ๋์์ด๋๋ก์ ๋๋ถ๋ถ์ ๊ฒฝ์ฐ ๋น์ ์ ์ธ๋ก์ด ์ฌ๋์ ๋๋ค. ํจ๊ป ์ผํ๊ฒ ๋ ๊ฒ์ ์ ๋ง ๋๋ผ์ด ์ผ์ด์์ต๋๋ค.
๋์์ธ ์ ๊ทผ ๋ฐฉ์์ ๋ณผ ๋ ๊ฒฝํ์ด ์ค์ํฉ๋๋ค. @matias ์ ํจ๊ป ์๋ ๋น์ ์ @jasmussen ์ ์์ ํ ๊ฒฝํ์ ๊ธฐ์ด๋ฅผ ์ค์ ํ์ต๋๋ค. ๋ ๋ฒ์งธ ๋์์ธ ๋ฆฌ๋๋ก์ ๊ทธ๊ฒ์ ๋ด๊ฐ ์์คํ ์ฌ๊ธฐ๊ณ ๋ณด์กดํ๊ณ ์ถ์ ๊ฒ์ ๋๋ค.
๋์์ธ ๊ด์ ์์ ๊ณผ๊ฑฐ WordPress์ ํฐ ๋ฌธ์ ์ค ํ๋๋ ์์ ๋ฐ๋ณต ์์ ์์ ๋ฐ๋ณต์ ๋์ ํ์ด์์ต๋๋ค. ์ฒ์ ๋ช ๊ฐ์ง๋ ์๋ํ์ง๋ง ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ๊ฐ์ ํจ์น์ ํจ๊ป ์ ์ง๋๋ ๊ฒฝํ์ด ์ถ๊ฐ๋ฉ๋๋ค. ์ด๊ฒ์ผ๋ก ๊ณ ํต๋ฐ๋ WordPress๊ฐ ๋ง์ด ์์ต๋๋ค. ํธ์ง์๋ ํ๋์ด๊ณ ๋ฏธ๋์ด๋ ๋ ํ๋์ด๋ฉฐ ์ง์ ํ ์ ์๋ ๊ฒ์ด ํจ์ฌ ๋ ๋ง์ต๋๋ค.
๊ตฌํ ๋ฒ ๋ฅด๊ทธ๋ ์ฐ๋ฆฌ์๊ฒ ํจ์น๋ฅผ ์ ๊ฑฐํ๊ณ , ์ฐ๋ฆฌ๊ฐ ๊ฐ์ง๊ณ ์๋ ๊ฒ์ ๋ณด๊ณ , ๋ค์ ๊ตฌ์ถํ ์ ์๋ ๊ณต๊ฐ์ ์ฃผ์์ต๋๋ค. ๊ฒฐ๊ณผ์ ์ผ๋ก ์ฌ์ฉ์ ์ง์ ๋ฐ ๊ทธ ์ด์์ผ๋ก ์ด๋ํ ๊ฐ๋ ฅํ ์๊ฐ์ ์ธ์ด์ ์์์ด ์ฃผ์ด์ก์ต๋๋ค. ์ค์ ๋ก WordPress๋ฅผ ํฅํ 10๋ ์ผ๋ก ๋ฐ์ ์ํค๋ ์๊ฐ์ ์ธ์ด๋ฅผ ๊ฐ๋ ๊ฒ. ์, ์ฐ๋ฆฌ๋ ๋ฉ๋ฆฌ ์๊ฐํด์ผ ํฉ๋๋ค.
๋๋ ๋ํ Frankendesigns์ ๋ํด ๊ฒฝ๊ณ ํ๋ ์์ ์ ๊ฐ๊ณ ์ถ์ต๋๋ค. ์ ์ธ๊ณ์ ๋ชจ๋ ๋์์ด๋๋ ๋๊ตฐ๊ฐ์๊ฒ '์ฌ๊ธฐ์ x ๋๋ y๋ฅผ ๋ฃ์ด๋ผ'๊ณ ์ ์ํ ์ ์ด ์์ต๋๋ค. ์ด๊ฒ์ ๋์์ด๋๊ฐ ๋์์ธํ๋ ๊ฒ์ ํ์ฉํ์ง ์์ต๋๋ค. ๋์์ด๋์๊ฒ ๋์์ธ์ ๋งก๊ธฐ์ง ์๋๋ค๋ฉด ํ๋ก์ ํธ๋ก์ ์ฐ๋ฆฌ๋ ํ๋ฝ์ธ์ ์ ์ด๋ค๊ณ ์์ต๋๋ค. ์ด๊ฒ์ ์ง์ค์ ์ผ๋ก ๋์์ด๋์ ๋ถ์ ์ฃฝ์ด๋ ์ผ์ข ์ ํ๋ก์ธ์ค์ ๋๋ค. ๊ณ์ ๋ถ์ ๋ ์๋ค.
์ด๊ฒ์ ๊ตฌํ ๋ฒ ๋ฅดํฌ๋ฅผ ๋์ด์ ๊ฐ์ธ์ ์ธ ๋ฉ๋ชจ์ ๋๋ค. ์ ๋ ๋์์ด๋๊ฐ ๋ฒ์ฑํ๊ณ ์ฑ์ฅํ ์ ์๋ ๊ณต๊ฐ์ ๋ง๋๋ ๋ฐ ์ด์ ์ ๊ฐ์ง๊ณ ์์ต๋๋ค. ํญ์ ํ๋ก์ ํธ๋ก ์งํ๋๋ ๊ฒ์ ์๋๋๋ค. ์ฐ๋ฆฌ๊ฐ ๊ทธ๋ ๊ฒ ํ๊ณ ์๋ค๋ ๊ฒ์ ๊ตฌํ ๋ฒ ๋ฅด๊ทธ์ ํจ๊ป ๋ณด์ฌ์ค์๋ค. ์ด์ ์ ํ๋ฅญํ์ง๋ง WordPress์ ๊ธฐ์ ๋น์ ์์์ ๋ง์ฐฌ๊ฐ์ง๋ก ๋์์ธ ๋น์ ์ ์กด์คํฉ๋๋ค. ์ต์ JS ํ๋ ์์ํฌ์ ๋ํด ๋งํ๋ ์ฌ๋๋ค์ ๋ง์ ๋ฃ๋ ๊ฒ๋งํผ ๋์์ด๋์ ์ด์ผ๊ธฐ๋ฅผ ๋ค์ด๋ด ์๋ค.
@jasmussen ์ด ๊ณผ๊ฐํ๊ฒ ์ ๊ธฐํ
๋ถ๋ช ํ ๋งํ๊ณ ์ถ์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅด๊ทธ๊ฐ ๋์์ธ์ผ๋ก์ '์๋ฃ'๋๊ฑฐ๋ ์๋ฒฝํ๋ค๊ณ ๋งํ๋ ๊ฒ์ด ์๋๋๋ค. ๋ฐ๋ณตํด์ผ ํ๊ณ ํ ์คํธํด์ผ ํฉ๋๋ค. ์ฐ๋ฆฌ๊ฐ ํ์๋ก ํ์ง ์๋ ๊ฒ์ ๊ฑฐ๊พธ๋ก ๋์๊ฐ์ ํ๋ฆฝ๋ ๊ฐ๋ ฅํ ๋์์ธ ์ธ์ด์์ ๋ฒ์ด๋๋ ๊ฒ์ ๋๋ค. ์ฐ๋ฆฌ๋ Frankendesign์ ํ ํ์๊ฐ ์์ต๋๋ค. ์ฐ๋ฆฌ์๊ฒ ํ์ํ ๊ฒ์ ํ ์คํธํ๊ณ ํผ๋๋ฐฑ์ ๋ฐ๊ณ ๋์์ด๋๊ฐ ๋ฐ๋ณตํ ์ ์๋๋ก ํ๋ ๊ฒ์ ๋๋ค.
๋์์ธ ๊ด์ ์์ ๊ณผ๊ฑฐ WordPress์ ํฐ ๋ฌธ์ ์ค ํ๋๋ ์์ ๋ฐ๋ณต ์์ ์์ ๋ฐ๋ณต์ ๋์ ํ์ด์์ต๋๋ค. ์ฒ์ ๋ช ๊ฐ์ง๋ ์๋ํ์ง๋ง ์๊ฐ์ด ์ง๋จ์ ๋ฐ๋ผ ๊ฐ์ ํจ์น์ ํจ๊ป ์ ์ง๋๋ ๊ฒฝํ์ด ์ถ๊ฐ๋ฉ๋๋ค.
์ด์ ๊ฐ์ ์ง์ ์ http://matiasventura.com/post/gutenberg-or-the-ship-of-seus/ ์ ๊ฐ์ ๊ณต๊ฐ ์ง์ ๊ณผ ์กฐํ์ํค๋ ค๊ณ ํ๋ฉด ์ฌ์ฉ์๊ฐ ์์ ์ ๋ํด ์ ์งํ ์์ฌ ์ํต์ ๋ฐ๊ณ ์๋ค๊ณ ๋๋ผ๊ธฐ๊ฐ ๋งค์ฐ ์ด๋ ต์ต๋๋ค. ๋ ๋๊ฐ๊ณ ์๋ค. ์๋ํ๋ ์ค๋ ์๋ฐฑ๋ง ๋ช ์ ์ฌ๋๋ค์ด ์๋ฐฑ๋ง ๊ฐ์ง ๋ฐฉ์์ผ๋ก ์ฌ์ฉํ๊ณ ์์ผ๋ฉฐ, ๋ฉํ๋ฐ์ค ์ง์์ด๋ ํฌ์คํธ ์คํ ๋ฆฌ์ง ํ์๊ณผ ๊ฐ์ ๊ธฐ์ ์ ์ธก๋ฉด๊ณผ ๊ด๋ จํ์ฌ ๊ฐ๋ฅํ ํ ํ์์ด ์ ์ ์ ์ง์ ์ธ ์ ๊ทผ์ด ํ์ํ๋ค๋ ๊ฒ์ด ์ถฉ๋ถํ ๋ถ๋ช ํด์ก์ต๋๋ค. ์ด ๊ฒฐ์ ์ ๊ตฌํ์ ์ฌ๋ฌ ๋ถ๋ถ์ ๋ณต์กํ๊ฒ ๋ง๋ค๊ณ ์ฐจ์ ์ฑ ์ด์ง๋ง ์ฌ๋ฌ ๋ฉด์์ ๋ ์ ์ง์๋๋ ๊ฒฐ์ ์ ๊ฐ์ํ์ต๋๋ค.
๊ฐ๋ฐ์ ํ ํ์ค์ผ๋ก ์ ์งํ๊ณ ๋์์ธ์ ๋ค๋ฅธ ํ์ค์ผ๋ก ์ ์งํ๋ ๊ฒ์ ํฉ๋ฆฌ์ ์ด์ง ์์ต๋๋ค. ๋๋๋ก '๋๋ดํ ๋์์ธ'์ ํฉ๋ฆฌ์ ์ธ ์์ฐ์ ์ํด ์ถ์๋์ด์ผ ํฉ๋๋ค. ์ด๊ฒ์ ์๋์ฐจ ์ ์กฐ ๋ถ์ผ์์ ์ ์๋ ค์ ธ ์์ผ๋ฉฐ ๊ตฌํ ๋ฒ ๋ฅด๊ทธ๋ฅผ ์ปจ์ ํธ์นด์ ๋น์ ํ๊ธฐ ์ฝ์ต๋๋ค.
๋ฌผ๋ก ๊ด๋ฆฌ์ ์ ์ฒด์ ๋ํด ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ์ฌ์ฉํ๋ ์ ์ฒด์ ์ธ ๋์์ธ์ ์ํ์ง๋ง ์๋ฐฑ๋ง ์ฌ์ฉ์์ ๊ฒฝํ์ ์์์ํค์ง ์๊ณ ๋ v5 ๋ฆด๋ฆฌ์ค๊ฐ ๋ ์ ์์ต๋๋ค. ๋์ ํธ์ง ํ์ด์ง๊ฐ ์๋ ํธ์ง๊ธฐ์ ์ด์ ์ ๋ง์ถ๊ธฐ ์ํด ์ถ์ํ๋ฉด ์ค๋จ ์์ด ํจ์ฌ ๋ ๋์ ๊ฒฝํ์ ์ ๊ณตํ ์ ์์ต๋๋ค.
๊ทธ๋ฐ ๋ค์ ์ ๋ฌธ์ํ๋ Fields API๋ฅผ ์ ๊ณตํ์ฌ ํ๋ฌ๊ทธ์ธ๊ณผ ํ ๋ง๋ฅผ ๋์ผํ ์ธํฐํ์ด์ค๋ฅผ ๋ณด๋ค ์ฝ๊ณ ๋ ผ๋ฆฌ์ ์ผ๋ก ์์ฑํ์ฌ ๋ด๋ ์ Gutenberg ๋ธ๋ก ์ฌ๊ณ ๋ฐฉ์์ผ๋ก ๋ณํํ ์ ์์ต๋๋ค. ๋งค์ฐ ์ ์ํ๊ฒ, ๋ฉํ๋ฐ์ค๋ ์์ ์ ์ํํ๋ ์ค๋๋ ๋ฐฉ์์ด ๋๊ณ ๋ชจ๋ ๊ณ ๊ฐ์น ํ๋ฌ๊ทธ์ธ์ ๋ธ๋ก์ผ๋ก ์ ํ๋ฉ๋๋ค... ๋ค์ ํ ๋ฒ, ์ด๊ฒ์ ์ ๊ธฐ์ ์ผ๋ก ๋ฐ์ํด์ผ ํฉ๋๋ค. ๊ธฐ๋ฅ์ ๋ ์ด์ ์ฌ์ฉํ์ง ์๊ฑฐ๋ ํ๋ฌ๊ทธ์ธ ์์ฑ์๊ฐ ๊ตฌํ ๋ฒ ๋ฅดํฌ์ ๋ฉํ๋ฐ์ค ๋ชจ๋์ ๋ํด ์ฝ๋ฉํด์ผ ํ๋ ๋ถํ ์ธํฐํ์ด์ค๋ฅผ ๋ง๋ค์ด ์ฌ๋๋ค์ ์์ ์ก๋ ๊ฒ์ ์ง์งํ ์ ์์ต๋๋ค.
์ฌ์์ ์ด ํ์ํ ์์ญ์ผ๋ก ๋ฏธ๋์ด ์ค๋ฒํ์ ์ธ๊ธํ๋ ๊ฒ์ ์ข์๋ฐ.... ํญ์ฃผํ๊ณ ์ตํต์ฑ ์๋ ์ค๋ฒํ๋ก ์ธํด ํผํด๋ฅผ ์ ์ ์์ญ์ ๋๋ค. JS ํ๋ ์์ํฌ๋ฅผ ์์ ํ ์์ฉํ ๊ฒ์ ์๋ํ๋ ์ค์ ์ฒซ ๋ฒ์งธ ์น์ ์ด์๊ณ , ๊ฐ๋ฐ์๋ค์๊ฒ ํฌ๊ฒ ํํดํ์ต๋๋ค. ๋ฏธ๋์ด ๋ผ์ด๋ธ๋ฌ๋ฆฌ์ ์ฌ์ฉ์ ์ง์ ๊ธฐ๋ฅ์ด ๋ถ์กฑํ๋ค๋ ๊ฒ์ ์๋ฒฝํ๋ค๋ ํ์๊ฐ ์๋๋ผ ๋ฏธ๋ ๋ฐ ํ์ฌ ์ฌ์ฉ ์ฌ๋ก๋ฅผ ๊ณ ๋ คํ ์ฌ๋ ค ๊น์ ๋์์ธ์ด ๋ถ์กฑํ๋ค๋ ์๋ฏธ์ ๋๋ค. ๋๋ ๋ฏธ๋์ด ์ธํฐํ์ด์ค๋ฅผ ์ฌ๋ฌ ๋ฒ ์์ ํ๋ ค๊ณ ์๋ํ์ง๋ง ๋๊ตฐ๊ฐ๊ฐ ์ฃผ์ ๊ตฌ์ฑ ์์๋ฅผ ๋ฐฑ๋ณธ ํ ํ๋ฆฟ์ ํ๋ ์ฝ๋ฉํด์ผ ํ๋ค๊ณ ๊ฒฐ์ ํ ๊ฒ์ ๋ฐ๊ฒฌํ์ต๋๋ค. ๋๋ ๋ฌธ์ ๊ทธ๋๋ก ์ด์ ์ด๋ฌํ ๊ฒฝ์ฐ ์ค ํ๋์ ๋ถ๋ช์ณค์ต๋๋ค! (์ฌ๊ธฐ์ ์ผ๊ณฑ ๋ฒ์งธ ๋จ๋ฝ์์ ๋ณผ ์ ์๋ฏ์ด: https://gschoppe.com/wordpress/disable-attachment-pages/)
ํธ์ง ํ์ด์ง๊ฐ ์๋๋ผ ๊ตฌํ ๋ฒ ๋ฅด๊ทธ๋ฅผ ๋ค์ ํธ์ง๊ธฐ๋ก ํ์ฅํ๋ฉด ๋ชจ๋ ๊ฒ์ ์์์ํค์ง ์๋ ์์ผ๋ก ๋์๊ฐ ์ ์์ต๋๋ค. Gutenberg๊ฐ ์ฌ์ฉ์ ์ ์ ํฌ์คํธ ์ธํฐํ์ด์ค์ ๊ธฐ์ด๋ก ์ ํ๋ฆฝ๋๋ฉด JavaScript ์ ์ฉ ๋น์ ์ด ๋๋จธ์ง ํธ์ง ํ์ด์ง๋ฅผ ์ธ์ํ ์ ์์ต๋๋ค. ์ด๋ฌํ ์ข ๋ฅ์ ๋ฐ๋ณต์ (matt๊ฐ ํ์ฉํ ์ ์๋ค๊ณ ์ฃผ์ฅํ ๊ฒ์ฒ๋ผ) LTS ๋ฆด๋ฆฌ์ค๋ฅผ ์ ๊ณตํ๊ณ ๊ฐ ์ฃผ์ ๋ฒ์ ์ ์์ ํ ์ฃผ์ ๋ฒ์ ์ผ๋ก ๋ง๋ค์ง ์๋ ํ ๋๊ท๋ชจ ์ํํธ์จ์ด ํจํค์ง์์ ์ ๋์ ์ผ๋ก ์ค์ํฉ๋๋ค.
๋น์ ์ด ๋น ์ง ์ํ์ด ์๋ ๋ ๊ฐ์ ๊ตฌ๋ฉ์ด๊ฐ ์๊ณ ๋น์ ์ ํ๋๋ฅผ ์๋ณํ์ต๋๋ค. ์, ์ต์ ๊ธฐ์ ์ ์ฌ์ฉํ๋ ํตํฉ ์ธํฐํ์ด์ค๋ก ์ด๋ํ์ง ์์ผ๋ฉด WordPress๋ ํฅํ 50๋ ์์ ์ฌ๋ผ์ง ๊ฒ์ ๋๋ค. ๊ทธ๋ฌ๋ ์ด ์ ํ ๊ธฐ๊ฐ ๋์ WordPress๊ฐ ๋๊ท๋ชจ ๊ฐ๋ฐ์ ๋ฐ ์ ๋ฌธ ์ฌ์ฉ์ ์ปค๋ฎค๋ํฐ์ ๋ํ ์ ์ ํ ์ง์์ ์ ๊ณตํ์ง ๋ชปํ๋ฉด ํจ์ฌ ๋ ๋นจ๋ฆฌ ์ฃฝ๊ฒ ๋ ๊ฒ์ ๋๋ค.
๊ธฐ์กด ์ํฌํ๋ก๋ฅผ ์ค๋จํ์ง ์์ผ๋ฉด์ ๋นํธ๋ฅผ ์ค์ด๊ณ ์ถ์ํ๊ณ ์ฌ์ฉ์์๊ฒ ๋๊ตฌ ์์๋ฅผ ์ฌ๋ ๋ฌด์ธ๊ฐ๋ฅผ ์ ๊ณตํ์ญ์์ค. ๊ทธ๋ฐ ๋ค์ ๋ฒ์ ๋ณ๋ก ์์ผ๋ก ํ์ฅํ ์ ์์ต๋๋ค. ๋น์ ์ ์๋ฆ๋ค์ด ์ปจ์ ํธ ์นด๋ฅผ ๊ฐ์ง๊ณ ์์ง๋ง ์ฐ๋ฆฌ์๊ฒ ํ์ํ ๊ฒ์ ์ค์ ์ด์ ์ ๋ชจ๋ ๊ฒฝ์ฐ์ ์ฌ์ฉํ ์ ์๋ ์์ฐ์ฐจ์ ๋๋ค. ๊ทธ๋ฌ๋ ๊ฐ๋ ์ ์ ๊ณตํจ์ผ๋ก์จ ์์ด๋์ด๋ฅผ ๋ ์ ํ๋ ๋ฒ์์ ์ ์ฉํ ์ ์์ผ๋ฉฐ 1๋ ํ์๋ ์ด๋ฌํ ์์น์ด ์ ๋น์ฟผํฐ์ค๋ ๊ฒ์ ๋๋ค.
@gschoppe , ์๊ฐ์ ๋ด์ด ๋ต๋ณํด ์ฃผ์ ์ ๊ฐ์ฌํฉ๋๋ค.
์ฒซ์งธ, ์ฝ๊ฐ์ ๋ช ํ์ฑ. ๋ด ์๊ฒฌ์ด Matias์ ๊ฒ์๋ฌผ์ ๋ฐ๋ํ๋ค๋ ๋ฐ ๋์ํ์ง ์์ต๋๋ค. ๋๋ ๊ทธ๊ฐ ๋ง๋ ๊ฒ์๋ฌผ์ ์์ ํ ์ ์๊ณ , ๊ทธ๊ฒ์ด ๋์ ๋น์ ์ด๊ธฐ๋ ํ๊ณ ์ฐ๋ฆฌ๊ฐ ๋ฐฉํฅ์ ๋ณด๋ ๋ฐฉ์์ผ๋ก ๋ญ์น ์ด ํ๋ก์ ํธ์ ๋ฆฌ๋์ ๋๋ค. ๋น์ ์ ๊ฐ์ธ์ ์ธ ์๊ฒฌ์ ๋น์ ์ ๊ฒ์ด๋ฏ๋ก ๊ทธ ์ง์ ์์ ๋์ด ๊ฐ์๋ค.
๊ฐ๋ฐ์ ํ ํ์ค์ผ๋ก ์ ์งํ๊ณ ๋์์ธ์ ๋ค๋ฅธ ํ์ค์ผ๋ก ์ ์งํ๋ ๊ฒ์ ํฉ๋ฆฌ์ ์ด์ง ์์ต๋๋ค.
๋๋ ๋์ํ๊ณ ๋ด ์๊ฒฌ์ ๋์์ธ์ด ๋ ๋ง์ด ๋ค๋ฆฌ๊ฑฐ๋ ๋ค๋ฅธ ํ์ค์ ๊ฐ๋ ๊ฒ์ ๋ชฉํ๋ก ํ๋ ๊ฒ์ด ์๋๋ผ ๋ชจ๋ ๋ชฉ์๋ฆฌ๋ฅผ ๋ฃ๊ณ ๋ชจ๋ ์ฌ๋์๊ฒ ๋์ผํ ํ์ค์ ์ ์ฉํ๋ ๊ฒ์ ๊ดํ ๊ฒ์ ๋๋ค.
์ฌ์์ ์ด ํ์ํ ์์ญ์ผ๋ก ๋ฏธ๋์ด ์ค๋ฒํ์ ์ธ๊ธํ๋ ๊ฒ์ ์ข์๋ฐ.... ํญ์ฃผํ๊ณ ์ตํต์ฑ ์๋ ์ค๋ฒํ๋ก ์ธํด ํผํด๋ฅผ ์ ์ ์์ญ์ ๋๋ค.
์ ๋ ๋ฏธ๋์ด๊ฐ ์ฒ์๋ถํฐ ๋์์ด๋์ ๊ฐ๋ฐ์์ ํจ๊ป ์ด์ ์ ๋ง์ถ๋ ๊ฒ์ ๋ณด๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฌ๋ ๊ทธ๋ ์ง ์์์ต๋๋ค.
๊ทธ๋ฌ๋ ์ด ์ ํ ๊ธฐ๊ฐ ๋์ WordPress๊ฐ ๋๊ท๋ชจ ๊ฐ๋ฐ์ ๋ฐ ์ ๋ฌธ ์ฌ์ฉ์ ์ปค๋ฎค๋ํฐ์ ๋ํ ์ ์ ํ ์ง์์ ์ ๊ณตํ์ง ๋ชปํ๋ฉด ํจ์ฌ ๋ ๋นจ๋ฆฌ ์ฃฝ๊ฒ ๋ ๊ฒ์ ๋๋ค.
์๋ฌด๋ ์ด๋ค ๊ธฐ๋ฅ๋ ๋นผ์์ง ์๊ณ ์๊ธฐ ๋๋ฌธ์ ๋น์ ์ด ์ด๊ฒ์ ๋งํ๋ ๊ฒ์ด ํฅ๋ฏธ๋กญ์ต๋๋ค. ๊ตฌํ ๋ฒ ๋ฅด๊ทธ์ ์ด๋ค ๋์์ธ ์ ์๋ ๊ทธ๋ ๊ฒ ํ์ง ์์์ต๋๋ค. ์ด๋ค ์์ผ๋ก๋ ๊ธฐ์กด์ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ํํ ์ ์์ต๋๋ค. ์ด๋ ํด๋์ ํธ์ง๊ธฐ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
iframe์ ์์กดํ์ฌ UI๋ฅผ ๊ตฌ์ฑํ๋ ๊ฒ๋ณด๋ค Frankendesign๋ณด๋ค ๋ ์ข์ ๊ฒ์ ์์ต๋๋ค. ๋ฉํ ๋ฐ์ค๊ฐ ๋์์ธ ํ๋ก์ธ์ค์ ํฐ ์ํฅ์ ๋ฏธ์น๊ณ ์๋ค๋ ๊ฒ์ ์ดํดํ์ง๋ง ๋์์ธ์ ์ผ๋ถ๋ ์ ํ ์ฌํญ์ ์ฒ๋ฆฌํ๋ ๊ฒ์ ๋๋ค. ์ด๋ฌํ ์ ํ์ด ์กด์ฌํ์ง ์๋ ๊ฒ์ฒ๋ผ ์์ผ๋ก ๋์๊ฐ๊ฑฐ๋ ์ ํ ๊ณํ์ ๋๊น์ง ๋ฏธ๋ฃจ๋ ๊ฒ์ ์ด๋ฏธ ๊ฑฑ์ ํ๊ณ ํ์์ ์ธ ์ปค๋ฎค๋ํฐ์ ๋ ๋ง์ ์ฐ๋ ค๋ฅผ ๋ํ ๊ฒ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ฅ๊ธฐ ๊ณํ์ด ํ๋ฌ๊ทธ์ธ ์์ญ์ด์๋ค๋ฉด ๋ฌดํํ ์คํ์ ํ๋ค๊ณ ๋งํ๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฌ๋๋ค์ด ์ตํธ์์ํ๊ธฐ๋ณด๋ค ์ตํธ์์ํด์ผ ํ๋ ํ๋ฌ๊ทธ์ธ์ด ๋ ์ด๋ช ์ด ์๋๋ผ๋ฉด ํต์ฌ๊ณผ ํจ๊ป ๊ฐ์ ธ์ค๋ ๋ชจ๋ ์ง์ ํ์ค์ ์ผ๋ก ๋ค๋ฃจ์ด์ผ ํฉ๋๋ค.
๋ด ์๊ฒฌ์ ๋์์ธ์ด ๋ ๋ง์ด ๋ค๋ฆฌ๋ ๊ฒ์ ๋ชฉํ๋กํ์ง ์์ต๋๋ค.
์ ์ธ๊ณ์ ๋ชจ๋ ๋์์ด๋๋ ๋๊ตฐ๊ฐ์๊ฒ '์ฌ๊ธฐ์ x ๋๋ y๋ฅผ ๋ฃ์ด๋ผ'๊ณ ์ ์ํ ์ ์ด ์์ต๋๋ค. ์ด๊ฒ์ ๋์์ด๋๊ฐ ๋์์ธํ๋ ๊ฒ์ ํ์ฉํ์ง ์์ต๋๋ค. ๋์์ด๋์๊ฒ ๋์์ธ์ ๋งก๊ธฐ์ง ์๋๋ค๋ฉด ํ๋ก์ ํธ๋ก์ ์ฐ๋ฆฌ๋ ํ๋ฝ์ธ์ ์ ์ด๋ค๊ณ ์์ต๋๋ค. ์ด๊ฒ์ ์ง์ค์ ์ผ๋ก ๋์์ด๋์ ๋ถ์ ์ฃฝ์ด๋ ์ผ์ข ์ ํ๋ก์ธ์ค์ ๋๋ค. ๊ณ์ ๋ถ์ ๋ ์๋ค.
์ ์ธ๊ณ์ ๋ชจ๋ ๋น์ฆ๋์ค์์ ์ค๊ณ๋ ๊ตฌํ์ ์ ์ฝ ์กฐ๊ฑด์ ๋ง๊ฒ ์กฐ์ ๋ฉ๋๋ค. ๋ฉํ๋ฐ์ค์ ๋ํ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ด ์ ์ฝ ์กฐ๊ฑด์ธ ๊ฒฝ์ฐ ์ค๊ณ๋ ์ด๋ฅผ ์์ฉํ๊ณ ์ ์ฝ ์กฐ๊ฑด ๋ด์์ ์์ ํด์ผ ํฉ๋๋ค.
์์งํ ๋งํด์, ์ ๊ทผ์ฑ์ ์์ค ์์ด ๋ฉํ๋ฐ์ค๋ฅผ ์๋ฒฝํ๊ฒ ์ง์ํฉ๋๊น? ๋์์ธ ์ ์ฝ์ด ์์ต๋๊น? ์์ฒ ๋ช ์ ๋ค๋ฅธ ์ฌ๋๋ค๊ณผ ๋ง์ฐฌ๊ฐ์ง๋ก ๋ช ํํ ๋ต๋ณ์ ์ํฉ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅด๊ทธ์ ์ด๋ค ๋์์ธ ์ ์๋ ๊ทธ๋ ๊ฒ ํ์ง ์์์ต๋๋ค. ์ด๋ค ์์ผ๋ก๋ ๊ธฐ์กด์ ๋ชจ๋ ๊ธฐ๋ฅ์ ์ํํ ์ ์์ต๋๋ค. ์ด๋ ํด๋์ ํธ์ง๊ธฐ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ์๋ ๋ง์ฐฌ๊ฐ์ง์ ๋๋ค.
ํ์ฌ Gutenberg๋ ๋ชจ๋ ๋ฉํํ๋๋ฅผ iframe์ ๋ฃ์ต๋๋ค. ์ด๋ ๋งค์ฐ ๊น์ ์์ค์์ ๊ธฐ๋ฅ์ ์์์ํต๋๋ค. ์ฐ๋ฆฌ๋ ์ ๊ทผ์ฑ์ ์๋์ ์์ผ๋ฉฐ ๋ง์ถค ์ฌ์ฉ์ ๊ฒฝํ์ ๋ง๋ค๊ณ iframe์ ๊ฐ๋๋ ๊ธฐ๋ณธ ๋ฐฉ๋ฒ์ ์ฌ์ฉํ๋ฉด ์ด๋ฌํ ๋๊ตฌ์์ ๋ชจ๋ ์ ๊ทผ์ฑ์ด ๊ทผ๋ณธ์ ์ผ๋ก ์ ๊ฑฐ๋ฉ๋๋ค. ๋ํ ํธ์ง๊ธฐ๋ฅผ ๋ก๋ํ๋ ๋ฐ ํ์ํ ์์ฒญ ์๋ฅผ ์ธ ๋ฐฐ๋ก ๋๋ฆฌ๊ณ ์ฌ์ฉ์์๊ฒ ๋์ฐํ UI๋ฅผ ์ ๊ณตํ์ฌ ์ ์ฒด ํ๋ฉด ๋ชจ๋ฌ ๊ฒฝํ์ ์์ ์์ญ์ ๊ฐ๊ธํฉ๋๋ค.
ํ์ฌ ์ด ์ค๋ ๋๋ Gutenberg๊ฐ ์ฌ์ฉ์ ์ ์ ๊ฒ์๋ฌผ ์ ํ์ ๋ํด ์ตํธ์ธ ๋๋ ์ตํธ์์ํด์ผ ํ๋์ง ์ฌ๋ถ์ ๋ํด ๋ ผ์ํฉ๋๋ค. ์ตํธ์ธํ๋ฉด ๋ชจ๋ ๊ฒ์๋ฌผ ์ ํ์ ์ง์ํ๋ ค๋ ๊ฐ๋ฐ์๊ฐ ์ด์ ์ ๋ด๋ฆฐ ์ผ๊ด๋ UI ๊ฒฐ์ ์ด ๊ตฌํ ๋ฒ ๋ฅด๊ทธ ๊ฒฝํ๊ณผ ํด๋์ ๊ฒฝํ ์ฌ์ด์์ ๋ถ๋ฆฌ๋์ด ๋ ๋ชจ๋์ ํฉ๋นํ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๊ณ ์ผ๊ด์ฑ์ ๋ณด์ฅํ๊ธฐ ์ํด ๋ ๋ฐฐ์ ๊ฐ๋ฐ ์์ ์ด ํ์ํฉ๋๋ค. ์ฌ์ฉ์ ๊ฒฝํ์.
ํ์ฌ wp_editor()
๊ธฐ๋ฅ(๋นํธ์ง ํ์ด์ง์์ ํธ์ง ํ๊ฒฝ์ ์์ ํ ๊ธฐ๋ฅ์ ๊ตฌํํ๋ ํ์ฌ ๋ชจ๋ฒ ์ฌ๋ก)์ Gutenberg ์ธํฐํ์ด์ค๋ฅผ ์ ๊ณตํ์ง ์์ต๋๋ค. ์ฆ, ๊ฒ์๋ฌผ์ด ์๋ ํ์ด์ง์์ ์ฌ์ฉ์ ์ ์ ํธ์ง ๊ฒฝํ์ ๋ง๋์ญ์์ค ... ์ฌ์ฉ์์๊ฒ ๋ถํ UX๋ฅผ ์ ๊ณตํ๋ ๊ฒ ์ธ์ ์์ผ๋ก ๋์๊ฐ ๊ธธ์ ๋ฌด์์
๋๊น?
Gutenberg๋ฅผ ์ ๊ฑฐํ๋ ํ๋ฌ๊ทธ์ธ์ ์ผ๋ถ ๋ฌธ์ ๋ฅผ ํด๊ฒฐํ ์ ์์ง๋ง ํ๋ฌ๊ทธ์ธ ๊ฐ๋ฐ์๋ฅผ ์ํ ์๋ฃจ์ ์ผ๋ก ์ ๊ณตํ ์๋ ์์ต๋๋ค. ๊ทธ๋ค์ "๊ฒ์๋ฌผ ์ ํ ์ ๋ฐ์ ๊ฑธ์ณ ์ผ๊ด๋๊ณ ์ ๊ทผ ๊ฐ๋ฅํ ์ฌ์ฉ์ ์ธํฐํ์ด์ค๋ฅผ ์ํ๋ค๋ฉด ์ ํธ์ง๊ธฐ๋ฅผ ๋นํ์ฑํํด์ผ ํฉ๋๋ค"๋ผ๊ณ ๋งํ ์์ ๊ฐ ์์ต๋๋ค.
๊ธฐ๋ฅ ์ ๊ฑฐ๋ ํ์ค ์ํฌํ๋ก์ ๋ํ ์ด์ ๋ฒ์ ๊ณผ์ ํธํ์ฑ์ด ์๋๋๋ค. ๊ธฐ๋ฅ ์ ๊ฑฐ๋ ์ผ๋ฅ ๊ฒฝํ์ผ๋ก ์์ฉํ ์ ์๋ 1%์ ์ฌ์ฉ์๋ฅผ ์ํ ์ตํ์ ์๋จ์ ๋๋ค. ์ด ๊ฒฝ์ฐ ๋ด๊ฐ ์ ์ํ ์ ์ค ์ด๋ ๊ฒ๋ 1% ๋ฌธ์ ๊ฐ ์๋๋๋ค.
ํ์ผ์ ์ฝ๊ฐ์ ๊ธฐ๋ฆ์ ์ถ๊ฐํ๋ ค๋ฉด: ์ง๋ ์ฃผ์ iFrames๋ฅผ ์ฌ์ฉํ๋ ๋ฐ ํฐ ๋ฌธ์ ๊ฐ ๋ฐ์ํ์ต๋๋ค. ๋ฐ์คํฌํฑ ์์คํ ์์๋ ํ๋ฅญํ๊ฒ ์๋ํ์ง๋ง ํ ์คํธํ ๊ฒฝ์ฐ์ 90%์์ ๋ชจ๋ฐ์ผ/๋ฐ์ํ์์๋ ํฌ๊ฒ ์คํจํฉ๋๋ค. ์๋ง์ ๊ฒ์ํ ์ค๋ ๋, ์ธํฐ๋ท ๊ธฐ์ฌ ๋ฐ Stack Overflow์ ๋ํ ์ง๋ฌธ์ ํํค์น ํ iframe ์ ๊ทผ ๋ฐฉ์์ ์์ ํ ํฌ๊ธฐํ๊ธฐ๋ก ๊ฒฐ์ ํ์ต๋๋ค. ์๋ต์ฑ์ด em์ผ๋ก ์ธํด ๋์ฐํ๊ฒ ๋ณต์กํด์ง๊ธฐ ๋๋ฌธ์ ๋๋ค. uh. ์ผ๋ถ ๋ณํ ์์ ์ iframe์ ์์กดํ๋ ๋์ "ํ๋ก์ ํธ๊ฐ ์๋ ์ค์ ํ์ ๋๋ฉ์ธ์ผ๋ก ๋ฆฌ๋๋ ์ ์ฌ์ฉ"๊ณผ ๊ฐ์ด ๋น๊ต์ ์ฝ๊ฒ ์ํ๋์ด ๊ฐ์ ๋ ๊ธฐ๋ณธ ๋๋ฉ์ธ๋ง ํ์ํ๋ ๋ฉ์ง ์ฅ์์ ํ์ํ์ง๋ง ๋ค๋ฅธ ์์ ์ ํจ์ฌ ๋ ๋น์ฐธํ์ต๋๋ค.
๊ทธ๋ผ์๋ ๋ถ๊ตฌํ๊ณ iframe์ผ๋ก ์์ ํ๊ธฐ ์ํด RWD๋ฅผ ์ ์ ํ๊ฒ, ๊ทธ๋ฆฌ๊ณ ๋ฌด์๋ณด๋ค๋ ์์ ์ ์ด๊ณ ์ ์ง ๊ด๋ฆฌ๊ฐ ์ฉ์ดํ๋๋ก ํด์ผ ํ๋ ์์ฒญ๋ ์์ ์์ ์ ๋นํด ์ ํ์ ํจ์ฌ ์ ์ ๋ ธ๋ ฅ์ผ๋ก ์ด๋ฃจ์ด์ก์ผ๋ฏ๋ก ๋ ๋์ ๋ฐฉ๋ฒ์ด์์ต๋๋ค.
์์ฝํ์๋ฉด iframe์ ์ธ๋ป ๋ณด๊ธฐ์ ์ฌ์ด ํ์ถ๊ตฌ์ฒ๋ผ ๋ณด์ด์ง๋ง (๋ง์) ์ ๊ทผ์ฑ ๋ฌธ์ ๋๋ฌธ์ด ์๋๋ผ ๋งค์ฐ ๋์ ๋์์ธ ์ ํ์ ๋๋ค.
๋ด 0.02์ผํธ,
cu, w0lf.
์ด ๋ฌธ์ ๋ฅผ ๋ณด์ฌ ์ฃผ์ @mtias ์๊ฒ ๊ฐ์ฌ๋๋ฆฝ๋๋ค.
๋ฒจ๋ก์ฐ์ฆ ์ ๋ ๊ตฌํ
๋ฒ ๋ฅดํฌ๊ฐ ์๋ํ๋ ์ค ํ๋ฌ๊ทธ์ธ ๊ฐ๋ฐ์๋ฅผ ์ํด ์ด๋ป๊ฒ ๋ฌธ์ ์ด ์ ์๋์ง์ ๋ํ ์ ์๊ฐ์ ๊ฒ์ํ๊ณ ์์ต๋๋ค.
ํ์: ๊ฐ ๋ธ๋ก ๋ํผ์ ๋ํ CSS ํด๋์ค์ ์ด๋ฅผ ์ฌ์ฉ์ ์ ์ํ ์ ์๋ ์ ์ฒด ์ก์ธ์ค ๊ถํ. ๊ตฌํ ๋ฒ ๋ฅด๊ทธ๊ฐ ์ 3์ ๊ฐ๋ฐ์๋ผ๋ ์ต์์ ์์์ CSS ํด๋์ค๋ฅผ ์๊ตฌํ๋ค๋ฉด ์ข์ ๊ฒ์ ๋๋ค.
๋ชฉ์ : ์ด ๋ฐฉ๋ฒ์ผ๋ก ๊ณ ๊ธ ์คํ์ผ์ ์ํด ๋ธ๋ก์ ์ฌ์ฉ์ ์ ์ ํด๋์ค๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค. ํด๋์ค๋ฅผ ์ฌ์ฉํ์ฌ ์ ๋๋ฉ์ด์ ์ด๋ ๊ธฐํ ๊ณ ๊ธ ๋ธ๋ก ์์ฑ์ ์ถ๊ฐํ ์๋ ์์ต๋๋ค.
์ฌ์ฉ ์: ์ฐ๋ฆฌ๋ ์๊ฒฉํ๊ฒ ์ ์๋ ๋์์ธ ์ธ์ด๋ฅผ ์ฌ์ฉํ์ฌ ๋๊ท๋ชจ ๊ณ ๊ฐ์ ์ํ ์น์ฌ์ดํธ๋ฅผ ๋ง๋ญ๋๋ค. ์ฌ์ด๋ ์๋ํฐ๋ ํนํ ์ด ํด๋ผ์ด์ธํธ๋ฅผ ์ํด ๋์์ด๋๊ฐ ์์ฑํ ๋ฏธ๋ฆฌ ์ ์๋ ์์ ์คํ์ผ๋ก ๋ธ๋ก์ ์์ฑํ ์ ์์ด์ผ ํฉ๋๋ค.
ํ์: ๋ชจ๋ ๋ธ๋ก ๋ํผ์ ๋ํด ์ฌ์ฉ์ ์ ์ ๋ฐ์ดํฐ ์์ฑ์ ์ถ๊ฐํ ์ ์์ต๋๋ค.
๋ชฉ์ : ์์์ ์ค๋ช ํ ์ฌ์ฉ์ ์ ์ CSS ํด๋์ค์ ๋ํ ๋ณด๋ค ๊นจ๋ํ๊ณ ์ ์ฐํ ๋์. ๋ฐ์ดํฐ ์์ฑ์ ์ฌ์ฉํ์ฌ ํ์ด์ง์ ๋ชจ๋ ์์์ ์คํ์ผ์ ์ง์ ํ ์ ์์ต๋๋ค. ์คํ์ผ ์ง์ ์ธ์๋ ์ฌ์ฉ์ ์ง์ ๋ฐ์ดํฐ ์์ฑ์ ์ฌ์ฉํ์ฌ JS์ ๋ํ ์ถ๊ฐ ๋ฉํ๋ฐ์ดํฐ๋ฅผ ์ ์ฅํ ์ ์์ต๋๋ค.
์ฌ์ฉ ์:
<div data-condition="if-adblock"...
, <div data-condition="if-from-facebook"...
๋ก ํ์/์จ๊ธธ ๋ธ๋ก ํ์<div data-animation="on-load animation-style-3"...
<div data-skin="dark"...
ํ์: ์ฌ์ฉ์ ์ง์ ์ปจํธ๋กค์ ์ถ๊ฐํ๋ ์ต์ ๊ณผ ๋ธ๋ก์ ๊ธฐ์กด ์ปจํธ๋กค์ ๋ณ๊ฒฝํ ์ ์๋ ๊ฐ๋ฅ์ฑ.
๋ชฉ์ : ์๋ก์ด ๊ณ ๊ธ ์ค์ ์ผ๋ก ํ์ฌ ๋ฐ ๋ฏธ๋ ๋ธ๋ก์ ํ์ฅํ๊ฑฐ๋ ์์น ์๋/๋ถํ์ํ ์ค์ ์ ์ ๋ฆฌํฉ๋๋ค.
์ฌ์ฉ ์:
์ฐธ์กฐ: #2474
์ด๋ฅผ ํตํด ๊ฐ๋ฐ์๋ ๋ธ๋ก ๋ ๋๋ง์ ์ฌ์ฉ์ ์ ์ํ ์ ์๋ ๋ง์ง๋ง ๊ธฐํ๋ฅผ ๊ฐ์ง ์ ์์ต๋๋ค. ์ฌ๋ฌ ์๋๋ฆฌ์ค์์ ์ฌ์ฉํ ์ ์์ผ๋ฉฐ ๋ค์์ ๋ช ๊ฐ์ง ์์
๋๋ค.
- ์ ํ๋ ์ฝํ
์ธ : ๋นํ์์ ๋ํ ์ฐจ๋จ ์จ๊ธฐ๊ธฐ
ํ์ด์ง์์ ๋ฐ์ํ๋ ์ด๋ฒคํธ์ ํธ์ง๊ธฐ ์ํ์ ์ก์ธ์คํ ์ ์๋ ๊ฒฝ์ฐ ๊ณ ๊ธ ๊ธฐ๋ฅ์ผ๋ก Gutenberg๋ฅผ ํ์ฅํ ์ ์์ต๋๋ค.
์๋ก์ด API๋ฅผ ์์ฒญํ ํ์ ์์ด ๊ณ ๊ธ ๊ตฌํ ๋ฒ ๋ฅดํฌ ํ๋ฌ๊ทธ์ธ์ ์ฌ์ฉํ ์ ์๋ ๋ฌธ์ด ์ด๋ฆฝ๋๋ค.
Gutenberg์์ ์ฌ์ฉ์ ์ ์ ์ฌ์ด๋๋ฐ๋ฅผ ์ฌ์ฉํ์ฌ ๋ธ๋ก ๋์์ธ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ฅผ ์ถ๊ฐํ ์ ์์ต๋๋ค. ์ฌ์ฉ์๋ ์์ ์ด ์ข์ํ๋ ๋ธ๋ก ๋์์ธ์ ํด๋ฆญํ๊ณ ๋ด ํ๋ฌ๊ทธ์ธ์ JS๋ ์ฌ์ ์ค์ ์ด ์๋ ํ์ด์ง์ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ๋ธ๋ก์ ์ถ๊ฐํฉ๋๋ค.
์ฐธ์กฐ: #2473
#2995 ์ฐธ์กฐ
@lumberman ๋ฌธ์๊ฐ Theme Customizer์ ๊ฒฝ์ฐ์ฒ๋ผ ์ฌ์ ๊ฐ ์๋ค๋ฉด(ํนํ ๋ฌธ์์์ ์ฃผ์ ๋ถ๋ถ์ด ๋๋ฝ๋์๋ค๋ ์ฌ์ค์ด ๋์ ๋๊ฒ ์ธ๊ธ๋์ง ์์ ๊ฒฝ์ฐ) ์ ๋ฌธ๊ฐ์ ์ฃผ์ฅ๊ณผ ๋ ธ๋ ฅ์ ๋ชจ๋ ์คํจํฉ๋๋ค. ์์, ์ฆ Changeset API/๊ธฐ๋ฅ).
cu, w0lf.
@ginsterbusch Gutenberg๋ ์ด๋ฏธ ์ฝ๋ฉ๋ ๊ตฌ์ฑ ์์ ๋ฐ ์ปจํธ๋กค๊ณผ ๊ด๋ จํ์ฌ ์ ๋ฌธ์ํ๋์ด ์์ต๋๋ค.
@mtias ์ฌ์ ๊ฒ์ ์ ๊ฒ๊ณผ ๊ด๋ จํ์ฌ
@hedgefield ๋ชจํ์ ์ผ๋ถ๋ก "๋๋กญ๋ค์ด๋ณด๋ค ํฐ" ๋ฒ์ ๋ ์ดํด๋ณด์์ต๋๋ค. ์ด๊ฒ์ "ํ์ค๋ฒ" ๋ฒ์ ์ด๋ผ๊ณ ํฉ์๋ค. ๋๋ถ๋ถ ์คํ/๊ฐ๋ ์ด๊ธฐ ๋๋ฌธ์ ๋ณด์ฌ์ฃผ์ง ์์์ต๋๋ค. ๊ทธ๋ฌ๋ ๋๋กญ๋ค์ด w์ ๋ฐ๋ผ ํ ์คํธํ ์ ์๋ ์์ด๋์ด์ด๋ฏ๋ก ๊ณต์ ํ ๊ฐ์น๊ฐ ์์ต๋๋ค. ํ ๊ธ ์คํ ๋ฒ์ ์๋:
@lumberman ๊ทํ์ ์๊ฐ๊ณผ ์์ด๋์ด์ ๊ฐ์ฌ๋๋ฆฝ๋๋ค!
๊ธฐ์กด ๋ธ๋ก์ ๋ํ ์ฌ์ฉ์ ์ ์ ๊ฐ๋ฅํ CSS ํด๋์ค
๋ธ๋ก์ wp-block-{name}
์ ๊ธฐ๋ณธ ํด๋์ค๋ฅผ ์ ๊ณตํฉ๋๋ค. ์ฌ์ฉ์๊ฐ ๊ตฌ์ฑํ ์ ์๋ ์ฌ์ฉ์ ์ ์ ํด๋์ค์ ๋ณ๊ฐ๋ก ์ด๊ฒ์ ๋ ์ฝ๊ฒ ํ์ฅํ ์ ์๋๋ก ํ๋ ๋ช ๊ฐ์ง ์ง์์ ์ธ ์์
์ด ์์ต๋๋ค. ๊ฐ๋ฐ์ ๊ด์ ์์ ์ด๊ฒ์ด ์ด๋ป๊ฒ ์๋ํ๋ค๊ณ ์๊ฐํ์ญ๋๊น?
์ฌ์ฉ์ ์ ์ ๊ฐ๋ฅํ ๋ธ๋ก ์ค์ /์คํ์ผ๋ง ์ปจํธ๋กค
๋ถ๋ช
ํ. ์ด๊ฒ์ด "๊ธฐ์กด ๋ธ๋ก์ ์ธ์คํํฐ ํญ๋ชฉ"์ ์ถ๊ฐํ๋ ์ฃผ์ ๋ชฉ์ ์
๋๋ค. ์ด ์ค ์ผ๋ถ๋ ์ด๋ฏธ ๊ฐ๋ฅํฉ๋๋ค. ์ด๋ค ๊ฒฝ์ฐ์๋ ๋ธ๋ก์ ์์ ์ ๋ฒ์ ์ผ๋ก ์์ ํ ๋ฐ๊ฟ ์๋ ์์ต๋๋ค. ๋ธ๋ก์ ํน์ ๊ธฐ๋ฅ์ ๋นํ์ฑํํ๋ ๊ฒ์ add_theme_support
์์ ํด์ผ ํ ์ผ์
๋๋ค.
๋ ๋๋ง ์ง์ ์ ๋ชจ๋ ๋ธ๋ก ์ถ๋ ฅ์ ํํฐ๋งํ๋ ์ต์ (PHP)
์ด๊ฒ์ ๋๋ถ๋ถ ์ด๋ฏธ ๊ฐ๋ฅํด์ผ ํฉ๋๋ค.
@mtias re: ์ฌ์ฉ์ ์ ์ ๊ฒ์๋ฌผ ์ ํ:
show_in_rest
์ด ์ค์ ๋์ง ์์ ๊ฒฝ์ฐ์๋ ๋ก๋๋์ง ์์ต๋๋ค.
ํ
์คํธ์์ ์ฌ์ฉ์ ์ ์ ๊ฒ์๋ฌผ ์ ํ์ด ์ฌ์ฉ์ ์ ์ REST ์ปจํธ๋กค๋ฌ ํด๋์ค๋ฅผ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ ๋ก๋๋์ง ์๋๋ค๋ ๊ฒ๋ ๋ฐ๊ฒฌํ์ต๋๋ค. Pressbooks ์์ ์ฐ๋ฆฌ๋ ์์ฒด ๋ค์์คํ์ด์ค( /wp-json/pressbooks/v2/<posttype>
)์ CPT์ ๋ํ ์ฌ์ฉ์ ์ ์ ์ปจํธ๋กค๋ฌ๋ฅผ ๋ฑ๋กํ๋ฉฐ ์ด๋ ํ์ฌ Gutenberg์ ํธํ๋์ง ์์ต๋๋ค. #3462๋ฅผ ์ฐธ์กฐํ์ญ์์ค.
๋ค์์ ๋๊ตฌ ๋ชจ์์ ํ์ฅ ๊ธฐ๋ฅ์ ๊ณ ์ ํ๋ ๋ฐฉ๋ฒ์ ๋ํ ๋ช ๊ฐ์ง ๋ชจํ์ ๋๋ค. ์ด๊ฒ์ Chrome๊ณผ Firefox์์ ์๊ฐ์ ๋ฐ์์ต๋๋ค.
๊ณ ์ ์ ํด์ ํ๋ ค๋ฉด ์ด ๋จ๊ณ๋ฅผ ์ญ์์ผ๋ก ๋ฐ๋ณตํฉ๋๋ค.
@jasmussen ์ฌ์ฉ ์ค์ธ ์ฉ์ด๊ฐ ๊ณ ์ ๋ฐ ๊ณ ์ ํด์ ์ธ ๊ฒฝ์ฐ ์ฌ์ด๋๋ฐ ํ์ฅ์ ๊ณ ์ /๊ณ ์ ํด์ ํ๊ธฐ ์ํด ๋ณํ๋ณด๋ค ํ ์์ด์ฝ์ ์ฌ์ฉํ๋ ๊ฒ์ด ๋ ํฉ๋ฆฌ์ ์ด์ง ์์ต๋๊น?
๊ณ ์ ๋ฐ ๊ณ ์ ํด์ ๋ผ๋ ์ฉ์ด๊ฐ ์ฌ์ฉ๋๋ ๊ฒฝ์ฐ ์ฌ์ด๋๋ฐ ํ์ฅ์ ๊ณ ์ /๊ณ ์ ํด์ ํ๊ธฐ ์ํด ๋ณํ๋ณด๋ค ๊ณ ์ ์์ด์ฝ์ ์ฌ์ฉํ๋ ๊ฒ์ด ๋ ํฉ๋ฆฌ์ ์ด์ง ์์๊น์?
์ค์ ๋ก ๋์ผํ ์ด์ ๋ก ํ ์์ด์ฝ์ ์ฌ๋ฌ ๋ณํ์ ์๋ํ์ต๋๋ค. ๊ทธ๋ฌ๋ ๊ทธ๋ค ์ค ๋๊ตฌ๋ ์๊ฐ์ ์ผ๋ก ์ ์ฝ์ง ์์์ต๋๋ค. ๋ฐ๋ฉด ๋ณ์ '์ฆ๊ฒจ์ฐพ๊ธฐ'๋ '์ฑ ๊ฐํผ'์ ํจํด์ด ๋๋ ๊ฒ ๊ฐ๋ค. ๋น์ ์ด ๊ทธ ๋ง์ ๋ํด ์ข์ ์ง์ ์ ํ์ง๋ง. "๋๊ตฌ ๋ชจ์์ ์ฑ ๊ฐํผ"๊ฐ ๋ ์ด๋ธ๋ก ์๋ํ ์ ์์ต๋๊น?
์ค์ ๋ก ๋์ผํ ์ด์ ๋ก ํ ์์ด์ฝ์ ์ฌ๋ฌ ๋ณํ์ ์๋ํ์ต๋๋ค. ๊ทธ๋ฌ๋ ๊ทธ๋ค ์ค ๋๊ตฌ๋ ์๊ฐ์ ์ผ๋ก ์ ์ฝ์ง ์์์ต๋๋ค. ๋ฐ๋ฉด ๋ณ์ '์ฆ๊ฒจ์ฐพ๊ธฐ'๋ '์ฑ ๊ฐํผ'์ ํจํด์ด ๋๋ ๊ฒ ๊ฐ๋ค. ๋น์ ์ด ๊ทธ ๋ง์ ๋ํด ์ข์ ์ง์ ์ ํ์ง๋ง. "๋๊ตฌ ๋ชจ์์ ์ฑ ๊ฐํผ"๊ฐ ๋ ์ด๋ธ๋ก ์๋ํ ์ ์์ต๋๊น?
'ํ'์ด๋ผ๋ ํํ์ด ๋ง๋ ๊ฒ ๊ฐ์์. ์ผ๋ฐ์ ์ผ๋ก ์ ํธ๋ฆฌํฐ๋ฅผ ์ํด ์์๋ฅผ UI์ ๊ณ ์ ํฉ๋๋ค. ์ด๋ค ๊ฒ์ ์ฆ๊ฒจ์ฐพ๊ธฐ์ ์ถ๊ฐํ๊ฑฐ๋ ๋ถ๋งํฌ์ ์ถ๊ฐํ๋ ๊ฒ๊ณผ ๋ฐ๋์ โโ๊ฐ์ ๊ฒ์ ์๋๋๋ค. ํ์คํ ๋์์ค๊ฐ ์์ต๋๋ค.
์ ๋ชฉ์ "๋ณํ" ์์ด์ฝ
Chrome๊ณผ Firefox๋ ๋ชจ๋ ๋ชจ๋ ์ฌ๋์๊ฒ ๋ช
ํํ ํ
์คํธ ๋ ์ด๋ธ( Pin Tab
๋ฐ Unpin Tab
)์ ์ฌ์ฉํฉ๋๋ค. ์์ด์ฝ์ ์ฌ์ฉํ๋ ๊ฒฝ์ฐ "๊ณ ์ ํด์ " ์์ด์ฝ๋ ์๊ฐํ๋ ๊ฒ์ด ์ข์ต๋๋ค.
์ ๊ทผ์ฑ ์ฐธ๊ณ ์ฌํญ: ๋๊ตฌ ๋ชจ์์ "๊ณ ์ ๋ ์์ด์ฝ"์ ์ฌ์ด๋๋ฐ์ "ํฑ๋๋ฐํด" ์์ด์ฝ๊ณผ ๋์ผํ ๋ฌธ์ ๋ฅผ ๊ฒช๊ณ ์์ต๋๋ค. ํค๋ณด๋๋ฅผ ์ฌ์ฉํ ๋:
์ด์์ ์ผ๋ก๋ ํ์ฅ ๊ฐ๋ฅํ ํจ๋์ ์ฌ๋ ์ปจํธ๋กค์ด ํจ๋ ๋ฐ๋ก ์์ ์์ค์ ๋ฐฐ์น๋์ด์ผ ํฉ๋๋ค. ๋๋ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ํฌ์ปค์ค๋ฅผ ๊ด๋ฆฌํด์ผ ํฉ๋๋ค. #469(4์ 20์ผ ๊ฒ์)๋ ์ฐธ์กฐํ์ธ์.
ํ์ด ๋๋ถ๋ถ์ ์ฌ์ฉ์์๊ฒ ์๋ฏธ๊ฐ ์๋์ง ๊ถ๊ธํฉ๋๋ค. ์ค์ ๋ก ๊ทธ๋ ๊ฒ ๋ ์ง ํ์ ํ ์ ์์ต๋๋ค. ๋ณ์ ๋ง์ ์ฌ๋๋ค์ด ์ข์ํ๋ ๊ฒ ๋๋ ๋ ๋ ผ๋ฆฌ์ ์ผ๋ก ๋๊ปด์ง๋๋ก '๋งํฌ'๋ฅผ ์๋ฏธํฉ๋๋ค.
๊ทธ๋ฅ ํ ์คํธ๋ฅผ ์ฌ์ฉํ์ญ์์ค ๐
ํ์ด ๋๋ถ๋ถ์ ์ฌ์ฉ์์๊ฒ ์๋ฏธ๊ฐ ์๋์ง ๊ถ๊ธํฉ๋๋ค. ์ค์ ๋ก ๊ทธ๋ ๊ฒ ๋ ์ง ํ์ ํ ์ ์์ต๋๋ค. ๋ณ์ ๋ง์ ์ฌ๋๋ค์ด ์ข์ํ๋ ๊ฒ ๋๋ ๋ ๋ ผ๋ฆฌ์ ์ผ๋ก ๋๊ปด์ง๋๋ก '๋งํฌ'๋ฅผ ์๋ฏธํฉ๋๋ค.
Keep in Dock
๋ ๋น์ทํ ๊ธฐ๋ฅ์ ์ํด macOS์์ ์ฌ์ฉ๋ฉ๋๋ค.
์ด ํฐ์ผ์ ๋ณด๋ค ์ต๊ทผ์ "ํ๋ฉด ์ฅ์ " ๋ชจํ์ผ๋ก ์ ๋ฐ์ดํธํ๋ค๋ ์ ์ ์ฃผ๋ชฉํฉ๋๋ค. ์ด์ ์๋ ๋ณ๋์ ํ๋ฉด์ด์๋ ๋ชจ๋ฌ์ ๋๋ค. ํ์ํ ๊ฒฝ์ฐ ํฅํ ๋ณ๋์ ํ๋ฉด์ ๋ค์ ๋ณผ ์ ์์ต๋๋ค.
์ฃ์กํฉ๋๋ค. ๋ซ์ผ๋ ค๋ ๊ฒ์ด ์๋๋๋ค. ๋ค์ ์ด๋ฆฌ์ง ์์ ์ํ๋ก ๋ค์ ์คํํ์ต๋๋ค :)
์ด์ ๋ชจ๋ ๊ฒ์ด ๊ตฌํ๋์์ผ๋ฏ๋ก ์ด๊ฒ์ ๋ซ์ต๋๋ค. ๊ฐ์ ์ ๊ฐ๋ณ ์์ ์์ ์ด๋ฃจ์ด์ ธ์ผ ํฉ๋๋ค. ๋ชจ๋ ๊ฐ์ฌํฉ๋๋ค!
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
iframe์ ์์กดํ์ฌ UI๋ฅผ ๊ตฌ์ฑํ๋ ๊ฒ๋ณด๋ค Frankendesign๋ณด๋ค ๋ ์ข์ ๊ฒ์ ์์ต๋๋ค. ๋ฉํ ๋ฐ์ค๊ฐ ๋์์ธ ํ๋ก์ธ์ค์ ํฐ ์ํฅ์ ๋ฏธ์น๊ณ ์๋ค๋ ๊ฒ์ ์ดํดํ์ง๋ง ๋์์ธ์ ์ผ๋ถ๋ ์ ํ ์ฌํญ์ ์ฒ๋ฆฌํ๋ ๊ฒ์ ๋๋ค. ์ด๋ฌํ ์ ํ์ด ์กด์ฌํ์ง ์๋ ๊ฒ์ฒ๋ผ ์์ผ๋ก ๋์๊ฐ๊ฑฐ๋ ์ ํ ๊ณํ์ ๋๊น์ง ๋ฏธ๋ฃจ๋ ๊ฒ์ ์ด๋ฏธ ๊ฑฑ์ ํ๊ณ ํ์์ ์ธ ์ปค๋ฎค๋ํฐ์ ๋ ๋ง์ ์ฐ๋ ค๋ฅผ ๋ํ ๊ฒ์ ๋๋ค.
๊ตฌํ ๋ฒ ๋ฅดํฌ์ ์ฅ๊ธฐ ๊ณํ์ด ํ๋ฌ๊ทธ์ธ ์์ญ์ด์๋ค๋ฉด ๋ฌดํํ ์คํ์ ํ๋ค๊ณ ๋งํ๊ณ ์ถ์ต๋๋ค. ๊ทธ๋ฌ๋ ์ฌ๋๋ค์ด ์ตํธ์์ํ๊ธฐ๋ณด๋ค ์ตํธ์์ํด์ผ ํ๋ ํ๋ฌ๊ทธ์ธ์ด ๋ ์ด๋ช ์ด ์๋๋ผ๋ฉด ํต์ฌ๊ณผ ํจ๊ป ๊ฐ์ ธ์ค๋ ๋ชจ๋ ์ง์ ํ์ค์ ์ผ๋ก ๋ค๋ฃจ์ด์ผ ํฉ๋๋ค.