[HaseGawa]

【お使いの Snow Monkey のバージョン】20.5.1
【お使いの Snow Monkey Blocks のバージョン】19.10.1
【お使いの Snow Monkey Editor のバージョン】9.2.5
【お使いのブラウザ】Chrome
【当該サイトのURL】local

### 実現したいこと

カラーパレットに色を追加したい

### 発生している問題

カラーパレットに色が追加されない

### 試したこと

my-snow-monkeyプラグインに以下のコードを記述

add_action(
'after_setup_theme',
function() {
add_theme_support('editor-color-palette', array(
array(
'name' => __('magenta', 'マゼンタ'),
'slug' => 'magenta',
'color' => '#a156b4',
)
));
}
);

追加スタイル

.has-magenta-color {
color: #a156b4;
}

どなたかカラーパレットに色を追加する方法をご存知無いでしょうか？

なおSnow Monkeyのフィルターフックに「snow_monkey_editor_color_palette」がありますが、使い方がわかりませんでした。

♥ 0

いいねをした人: 居ません

[Olein_jp]

実際にテストしたわけではありませんが、こちらの wp_theme_json_data_theme というフックを利用してみてはいかがでしょうか？

Filters for theme.json data

New server-side filters in WordPress 6.1 to hook into different data layers with theme.json-like structure.

make.wordpress.org

ただ、「追加」と書かれているので、Snow Monkey が持つ既存のカラーパレットを保持したまま、ということであればこの方法では実現できないかもしれません。（確か既存を全て上書きした上で追加される仕様だったはず）

なおSnow Monkeyのフィルターフックに「snow_monkey_editor_color_palette」がありますが、使い方がわかりませんでした。

こちらは v19.0.0 で廃止になっています。

Snow Monkey v19.0.0 をリリースしました

Snow Monkey のメジャーアップデートである v19.0.0 をリリースしました！メジャーアップデート…

snow-monkey.2inc.org

♥ 1

いいねをした人:

[HaseGawa]

Olein_jp様

情報提供していただきありがとうございます。

wp_theme_json_data_themeフックを試してみます。

♥ 0

いいねをした人: 居ません

[HaseGawa]

Olein_jp様
以下のコードでカラーパレットに色を追加することができました。
解決に至る情報を提供していただき、ありがとうございました。

なお、追加部分は 株式会社ベクトル 石川栄和様の記事を参考にさせていただきました。

WordPress 6.1 で追加された開発者向け機能紹介

WordPress 6.1 から新しく使えるようになる機能は沢山ありますが、その中で開発者向けですが、ウェブ制作業務を行っている方にも使えそうなのを少しご紹介します。記事投…

www.vektor-inc.co.jp

'wp_theme_json_data_theme',
function( $theme_json ) {
// theme.json の内容を格納.
$get_data = $theme_json->get_data();

// 追加するカラーパレットを生成.
$add_color_palette = array(
array(
'slug' => 'accent-100',
'color' => 'var(--accent-color--100)',
'name' => 'Accent-100',
),
array(
'slug' => 'accent-200',
'color' => 'var(--accent-color--200)',
'name' => 'Accent-200',
),
array(
'slug' => 'accent-300',
'color' => 'var(--accent-color--300)',
'name' => 'Accent-300',
),
);

// カラーパレットをマージして新しいカラーパレットを生成.
$new_color_palette = array_merge(
$get_data['settings']['color']['palette']['theme'],
$add_color_palette
);

// 更新データを生成.
$new_data = array(
'version' => 2,
'settings' => array(
'color' => array(
'palette' => $new_color_palette,
),
),
);

// ラーパレットを更新.
return $theme_json->update_with( $new_data );
}
);

解決しましたので、トピックを閉じさせて頂きます。

♥ 1

いいねをした人:

[投稿者]

投稿