block_core_navigation_build_css_font_sizes()


WordPressのblock_core_navigation_build_css_font_sizes()関数は、ナビゲーションブロックのフォントサイズに関連するCSSを生成するために使用されます。この関数は、フォントサイズの設定に基づいて適切なCSSを出力します。

構文

block_core_navigation_build_css_font_sizes( array $font_sizes );
  • $font_sizes(array) — フォントサイズの設定を含む配列。キーはCSSプロパティ、値はフォントサイズの値です。

例1: 基本的なフォントサイズの設定

この例では、ナビゲーションブロックに基本的なフォントサイズを設定します。

block_core_navigation_build_css_font_sizes( array( 'font-size' => '16px' ) );

例2: 複数のフォントサイズを設定

複数のフォントサイズを設定する例です。

block_core_navigation_build_css_font_sizes( array( 'font-size' => '16px', 'line-height' => '1.5' ) );

例3: カスタムフォントサイズを適用

カスタムフォントサイズを適用する例です。

block_core_navigation_build_css_font_sizes( array( 'font-size' => '20px', 'font-weight' => 'bold' ) );

例4: フォントサイズを動的に設定

動的にフォントサイズを設定する例です。

$font_sizes = array( 'font-size' => get_option( 'custom_font_size', '18px' ) );
block_core_navigation_build_css_font_sizes( $font_sizes );

例5: フォントサイズを条件付きで設定

条件に基づいてフォントサイズを設定する例です。

$font_size = is_front_page() ? '24px' : '16px';
block_core_navigation_build_css_font_sizes( array( 'font-size' => $font_size ) );

例6: フォントサイズをレスポンシブ対応にする

レスポンシブ対応のフォントサイズを設定する例です。

block_core_navigation_build_css_font_sizes( array( 'font-size' => 'clamp(16px, 5vw, 24px)' ) );

例7: フォントサイズをカスタムプロパティで設定

CSSカスタムプロパティを使用してフォントサイズを設定する例です。

block_core_navigation_build_css_font_sizes( array( 'font-size' => 'var(--custom-font-size, 16px)' ) );

注意点

  • フォントサイズの値は、CSSで有効な値である必要があります。
  • 配列のキーは、CSSプロパティとして有効なものである必要があります。
  • この関数は、ナビゲーションブロックのスタイルを動的に変更するために使用されますが、テーマやプラグインのスタイルと競合する可能性があるため、注意が必要です。

関連機能：