block_core_navigation_build_css_colors()


WordPressのblock_core_navigation_build_css_colors()関数は、ナビゲーションブロックのCSSカラースタイルを生成するために使用されます。この関数は、ナビゲーションブロックのカスタムカラー設定をCSS変数として出力します。

構文

block_core_navigation_build_css_colors( array $attributes );
  • $attributes(array) — ナビゲーションブロックの属性を含む配列。カラー設定などの情報が含まれます。

例1: 基本的なカラー設定の適用

ナビゲーションブロックにカスタムカラーを適用する例です。

block_core_navigation_build_css_colors( array( 'customTextColor' => '#ff0000', 'customBackgroundColor' => '#0000ff' ) );

例2: テキストカラーのみ設定

テキストカラーのみを設定する例です。

block_core_navigation_build_css_colors( array( 'customTextColor' => '#00ff00' ) );

例3: 背景カラーのみ設定

背景カラーのみを設定する例です。

block_core_navigation_build_css_colors( array( 'customBackgroundColor' => '#ffff00' ) );

例4: カスタムカラーを無効にする

カスタムカラーを無効にする例です。

block_core_navigation_build_css_colors( array() );

例5: 複数のカラー設定を適用

複数のカラー設定を一度に適用する例です。

block_core_navigation_build_css_colors( array( 'customTextColor' => '#ff00ff', 'customBackgroundColor' => '#00ffff', 'customOverlayColor' => '#000000' ) );

例6: カスタムカラーを動的に設定

動的にカスタムカラーを設定する例です。

$colors = array( 'customTextColor' => get_theme_mod( 'primary_color', '#000000' ) ); block_core_navigation_build_css_colors( $colors );

例7: カスタムカラーをフィルタリングして適用

カスタムカラーをフィルタリングして適用する例です。

$colors = apply_filters( 'custom_nav_colors', array( 'customTextColor' => '#123456' ) ); block_core_navigation_build_css_colors( $colors );

注意点

  • この関数は、ナビゲーションブロックのカスタムカラー設定に依存します。適切な属性が渡されない場合、CSS変数は生成されません。
  • カスタムカラーを動的に設定する場合、テーマやプラグインとの互換性に注意してください。

関連機能：