get_typography_styles_for_block_core_search()


WordPressのget_typography_styles_for_block_core_search()関数は、コア検索ブロックのタイポグラフィスタイルを取得するために使用されます。この関数は、検索ブロックのテキストスタイルをカスタマイズする際に役立ちます。

構文

get_typography_styles_for_block_core_search( array $attributes );
  • $attributes(array) — 検索ブロックの属性を含む配列。タイポグラフィに関連する設定が含まれます。

例1: 基本的なタイポグラフィスタイルの取得

検索ブロックの基本的なタイポグラフィスタイルを取得します。

$styles = get_typography_styles_for_block_core_search( array( 'fontSize' => 'large', 'customFontSize' => 20 ) );

例2: カスタムフォントサイズの適用

カスタムフォントサイズを指定してスタイルを取得します。

$styles = get_typography_styles_for_block_core_search( array( 'customFontSize' => 18 ) );

例3: フォントファミリーの変更

フォントファミリーを指定してスタイルを取得します。

$styles = get_typography_styles_for_block_core_search( array( 'fontFamily' => 'serif' ) );

例4: フォントウェイトの設定

フォントウェイトを指定してスタイルを取得します。

$styles = get_typography_styles_for_block_core_search( array( 'fontWeight' => 'bold' ) );

例5: 行間の調整

行間を指定してスタイルを取得します。

$styles = get_typography_styles_for_block_core_search( array( 'lineHeight' => 1.5 ) );

例6: 文字間隔の設定

文字間隔を指定してスタイルを取得します。

$styles = get_typography_styles_for_block_core_search( array( 'letterSpacing' => 2 ) );

例7: 複数のタイポグラフィ設定を適用

複数のタイポグラフィ設定を一度に適用します。

$styles = get_typography_styles_for_block_core_search( array( 'fontSize' => 'medium', 'fontFamily' => 'sans-serif', 'fontWeight' => 600 ) );

注意点

  • この関数は、Gutenbergエディタの検索ブロックでのみ使用されます。
  • 引数$attributesは、ブロックエディタで設定された属性を正確に反映する必要があります。
  • スタイルを適用する際は、CSSの優先順位に注意してください。

関連機能：