block_core_navigation_link_build_css_font_sizes()


WordPressのblock_core_navigation_link_build_css_font_sizes()関数は、ナビゲーションリンクブロックのフォントサイズをCSSとして生成するために使用されます。この関数は、ブロックエディタ内でナビゲーションリンクのスタイルを動的に調整する際に役立ちます。

構文

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

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

この例では、ナビゲーションリンクのフォントサイズを16pxに設定します。

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

例2: 複数のフォントサイズプロパティを設定

この例では、フォントサイズと行の高さを同時に設定します。

block_core_navigation_link_build_css_font_sizes( array( 'font-size' => '18px', 'line-height' => '1.5' ) );

例3: フォントサイズを相対単位で設定

この例では、フォントサイズをem単位で設定します。

block_core_navigation_link_build_css_font_sizes( array( 'font-size' => '1.2em' ) );

例4: フォントサイズをrem単位で設定

この例では、フォントサイズをrem単位で設定します。

block_core_navigation_link_build_css_font_sizes( array( 'font-size' => '1.5rem' ) );

例5: フォントサイズをパーセンテージで設定

この例では、フォントサイズをパーセンテージで設定します。

block_core_navigation_link_build_css_font_sizes( array( 'font-size' => '120%' ) );

例6: フォントサイズをvw単位で設定

この例では、フォントサイズをビューポート幅に基づいて設定します。

block_core_navigation_link_build_css_font_sizes( array( 'font-size' => '2vw' ) );

例7: フォントサイズをvh単位で設定

この例では、フォントサイズをビューポート高さに基づいて設定します。

block_core_navigation_link_build_css_font_sizes( array( 'font-size' => '3vh' ) );

注意点

  • フォントサイズの値は、CSSで有効な単位である必要があります。
  • 配列のキーはCSSプロパティとして有効なものでなければなりません。
  • この関数は、ブロックエディタ内でのみ使用することを推奨します。

関連機能：