8)にimagickを入れるブロックエディターの色設定を変えてみるブロックエディター対応テーマを作る時のポイントその1説明バージョン5.3で機能強化されたブロックエディター。Twenty」のソースコードを眺めていく。add_theme_support関数が大事テーマのfunctions.phpではafter_setup_themeアクションを使ってテーマの各種設定を行う。Twenty」のafter_setup_themeアクションは、一見するとブロックエディター関連の設定はなく、どうなっているのか考えてしまったのだが、after_setup_themeアクションが2つ登録され、1つ目のtwentytwenty_theme_support関数では基本的設定が、2つ目のtwentytwenty_block_editor_settings関数ではブロックエディターに関連する次のような設定が行われていた。);でカラーパレットを設定。);で文字サイズを設定。上記の'editor-color-palette'で設定した内容は、投稿編集ページの「色設定」パネルに適用される。Twenty」は5色のカラーを指定しており、「背景色」と「文字色」に便宜上$arr1で指定した配列の内容が適用されていることがわかる。色情報として指定されている連想配列は次のような内容となっている。#cd2653)'slug'の値は、背景色として指定された場合は'has-accent-background-color'、文字色の場合は'has-accent-color'のようにclass属性値の一部として使用される。Nineteen」では次のようになっている。Twenty」の「背景色」は初期状態では「#f5efe0」だが、テーマカスタマイザー(「外観」-「カスタマイズ」)の「背景色」が変更された後はその色が適用されるようになっている。world!」の段落ブロックの背景色をアクセント色に変更する。その部分のHTMLコードと表示内容は次の通りである。こちらは最初の投稿です。編集または削除し、コンテンツ作成を始めてください。Twenty」のように今後バージョンアップする可能性があるテーマでは書き戻されてしまう。今回は、それを踏まえて子テーマでアクセント色を赤系の「#cd2653」から青系の「#5326cd」に変更してみる。作成するファイルはstyle.cssとfunctions.phpとなる。style.cssの内容から。#5326cd;}色に関連したスタイルは今回変更するアクセント色関連のみ。Twenty」ではアクセント色の「#cd2653」をリンクや引用などにも使用しており、ここではそれらには対応していない。次にfunctions.php。こちらは2つのアクションを利用する。);wp_enqueue_scriptsアクションでは、親テーマのstyle.cssと子テーマ自身のstyle.cssを円キューしている。after_setup_themeアクションは、プライオリティは標準の10ではなく11を指定し、確実に親テーマよりも後に実行するようにする。get_theme_support関数で取得し、アクセント色の部分を変更して設定し直している。get_theme_support関数で取得した値は設定時の配列を格納した配列となり、そのまま使用できないので要注意。world!」の投稿を表示。投稿を編集することなく、段落の背景が変更された。まとめ'editor-color-palette'で指定する色情報の配列は制限はない。既存のテーマからの移行する場合は各色のslugを引き継ぐことで、既存の投稿を変更することなく新しいスタイルを適用できる。独自テーマの場合は色数を増減させたり、自由なslugを指定できる。最後に、ブロックエディターの「色設定」パネルは「カスタムカラー」のリンクをクリックすることで任意の色を指定できる機能がある。この機能はafter_setup_themeアクションなどに次の内容を追加することで無効化できる。)パラメータ$dで指定したフォーマットで投稿日を取得する。)PHPバージョンの互換性を調べる。)投稿情報が指定したカテゴリーに属しているか調べる。)IDを指定してカテゴリー情報を取得する。)WordPressシステムの関数にアクション関数を追加する。©12NetWordPress私的マニュアル主にjQueryのメモPHPExcelのノートWebの。