?????????? ???????? ???? ???? ?????? ???????

??? ????

????

1. ????????? ???? ???????
2. ?? ???? ?????? Ŀ???????¡??? ????
3. functions.php?? ???? ???? ???????
4. CSS?? ???? ???????????? ????
5. ??????? ??? ???? ???????
6. ???? ???? ????(Q&A)

????????? ???? ???????

?? ???? ?????? Ŀ???????¡??? ????

functions.php?? ???? ???? ???????

function custom_gutenberg_color_palette() {
    add_theme_support( 'editor-color-palette', array(
        array(
            'name'  => '?귣?? ????',
            'slug'  => 'brand-blue',
            'color' => '#2A5C8D',
        ),
        array(
            'name'  => '???? ???',
            'slug'  => 'main-green',
            'color' => '#4CAF50',
        ),
        array(
            'name'  => '???????? ????',
            'slug'  => 'assist-red',
            'color' => '#F44336',
        ),
        array(
            'name'  => '????? ?????',
            'slug'  => 'light-gray',
            'color' => '#F5F5F5',
        ),
    ) );
}
add_action( 'after_setup_theme', 'custom_gutenberg_color_palette' );

CSS?? ???? ???????????? ????

.has-brand-blue-background-color {
    background-color: #2A5C8D !important;
}
.has-main-green-color {
    color: #4CAF50 !important;
}

??????? ??? ???? ???????

???? ???? ????(Q&A)

Q: ???? ?????? ??????? ????????? ?????? ????. ???? ??? ??????

A: ???? ??? ????? ??????? ????? ????????. ????, ??? ???? ?????? ?????? ?????, ?????????? ij?? ??? ?÷????? ij?ø? ?????? ?? ??? ??????????. PHP ???? ?α?? ?????? ???? ?????? ?? ???? ??? ?? ??????.

Q: ???? ????? ?????? ?????? ?????. ???? ??????

A: ??????? ??????? ???? ?????? ???????? ??, ???ο? ?????? ??????? ????. add_theme_support('editor-color-palette')?? ??? ?????? ???? ?????? ???????????, ????? ?????? ????? ?迭?? ???? ?????????.

Q: ????????? ?????? ????? ??????. ?? ????????

A: ?????????? ?????? ???? ?????? ?????? ??? ?? ??????. CSS???? ?????? ???? ???? ??????????, ?????÷??? ????? ???? ???? ????? ?? ?? ??????. ??????? ???? ?????? ??????? ???? ?????? ???? ???????.

Q: ???? ??? ????? ????? Ŀ???????¡?? ?? ??????

A: ??, ???????????? 'editor-font-sizes', 'custom-spacing-size' ???? ????? ???? ??? ???, ???? ???? ?????? ?????? ?? ??????. ???? ????? ??????? theme.json ????? ???? ??????? ?????? ?? ??????.