wp_typography_get_preset_inline_style_value()


WordPressのwp_typography_get_preset_inline_style_value()関数は、指定されたプリセットのインラインスタイル値を取得するために使用されます。この関数は、テーマやプラグインでタイポグラフィのスタイルを動的に適用する際に役立ちます。

構文

wp_typography_get_preset_inline_style_value( string $preset, string $property );

引数の説明:

  • $preset(string) — プリセットの名前を指定します。
  • $property(string) — 取得したいスタイルプロパティを指定します（例: ‘font-size’, ‘line-height’）。

例1: フォントサイズの取得

プリセットからフォントサイズの値を取得します。

$font_size = wp_typography_get_preset_inline_style_value( 'my_preset', 'font-size' );

例2: 行の高さの取得

プリセットから行の高さの値を取得します。

$line_height = wp_typography_get_preset_inline_style_value( 'my_preset', 'line-height' );

例3: カスタムCSSの適用

取得したスタイル値をカスタムCSSとして適用します。

echo '<style>body { font-size: ' . wp_typography_get_preset_inline_style_value( 'my_preset', 'font-size' ) . '; }</style>';

例4: 複数のプロパティを取得

複数のスタイルプロパティを一度に取得します。

$font_size = wp_typography_get_preset_inline_style_value( 'my_preset', 'font-size' ); $line_height = wp_typography_get_preset_inline_style_value( 'my_preset', 'line-height' );

例5: 条件付きスタイルの適用

特定の条件に基づいてスタイルを適用します。

if ( $font_size = wp_typography_get_preset_inline_style_value( 'my_preset', 'font-size' ) ) { echo '<style>body { font-size: ' . $font_size . '; }</style>'; }

例6: ショートコード内での使用

ショートコード内でスタイル値を動的に適用します。

function my_shortcode() { return '<div style="font-size: ' . wp_typography_get_preset_inline_style_value( 'my_preset', 'font-size' ) . ';">テキスト</div>'; } add_shortcode( 'my_shortcode', 'my_shortcode' );

例7: 動的なスタイル生成

動的にスタイルを生成して適用します。

$styles = array( 'font-size' => wp_typography_get_preset_inline_style_value( 'my_preset', 'font-size' ), 'line-height' => wp_typography_get_preset_inline_style_value( 'my_preset', 'line-height' ) ); echo '<style>body { ' . implode( '; ', array_map( function( $k, $v ) { return "$k: $v"; }, array_keys( $styles ), $styles ) ) . '; }</style>';

注意点

  • プリセット名が正しく設定されていることを確認してください。
  • プロパティ名が存在しない場合、関数は空の値を返します。
  • スタイルを適用する際は、CSSの優先順位に注意してください。

関連機能：