block_core_home_link_build_css_font_sizes()


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

構文

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

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

この例では、フォントサイズを設定し、CSSを生成します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '20px' ) );

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

複数のCSSプロパティを設定して、フォントサイズを調整します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '24px', 'line-height' => '1.5' ) );

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

相対単位（em）を使用してフォントサイズを設定します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '1.5em' ) );

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

rem単位を使用してフォントサイズを設定します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '2rem' ) );

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

パーセンテージを使用してフォントサイズを設定します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '150%' ) );

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

ビューポート幅（vw）を使用してフォントサイズを設定します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '5vw' ) );

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

ビューポート高さ（vh）を使用してフォントサイズを設定します。

block_core_home_link_build_css_font_sizes( array( 'font-size' => '10vh' ) );

注意点

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

関連機能：