wp_get_loading_optimization_attributes()


WordPressのwp_get_loading_optimization_attributes()関数は、画像やiframeなどのリソースの読み込みを最適化するための属性を取得するために使用されます。この関数は、Lazy Loadingや優先度の設定などの最適化をサポートします。

構文

wp_get_loading_optimization_attributes( string $tag_name, array $attr, string $context );

引数の説明:

  • $tag_name (string) — タグ名（例: ‘img’, ‘iframe’）。
  • $attr (array) — タグの属性を含む連想配列。
  • $context (string) — コンテキスト（例: ‘the_content’, ‘the_post_thumbnail’）。

例1: 画像のLazy Loadingを有効にする

この例では、画像のLazy Loadingを有効にするための属性を取得します。

$attrs = wp_get_loading_optimization_attributes('img', ['src' => 'image.jpg'], 'the_content'); echo '<img ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '>';

例2: iframeの読み込み優先度を設定

この例では、iframeの読み込み優先度を設定します。

$attrs = wp_get_loading_optimization_attributes('iframe', ['src' => 'https://example.com'], 'the_content'); echo '<iframe ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '></iframe>';

例3: カスタムコンテキストでの使用

カスタムコンテキストで最適化属性を取得します。

$attrs = wp_get_loading_optimization_attributes('img', ['src' => 'custom.jpg'], 'custom_context'); echo '<img ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '>';

例4: サムネイル画像の最適化

投稿のサムネイル画像に最適化属性を適用します。

$attrs = wp_get_loading_optimization_attributes('img', ['src' => get_the_post_thumbnail_url()], 'the_post_thumbnail'); echo '<img ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '>';

例5: 外部リソースのLazy Loading

外部リソースのLazy Loadingを有効にします。

$attrs = wp_get_loading_optimization_attributes('img', ['src' => 'https://external.com/image.jpg'], 'the_content'); echo '<img ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '>';

例6: カスタム属性の追加

既存の属性に最適化属性を追加します。

$attrs = wp_get_loading_optimization_attributes('img', ['src' => 'image.jpg', 'class' => 'custom-class'], 'the_content'); echo '<img ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '>';

例7: 動的なコンテキストの使用

動的なコンテキストで最適化属性を取得します。

$context = is_single() ? 'single_post' : 'archive'; $attrs = wp_get_loading_optimization_attributes('img', ['src' => 'dynamic.jpg'], $context); echo '<img ' . implode(' ', array_map(fn($k, $v) => "$k=\"$v\"", array_keys($attrs), $attrs)) . '>';

注意点

  • この関数はWordPress 5.5以降で利用可能です。
  • コンテキストによっては、最適化属性が適用されない場合があります。
  • カスタム属性を追加する際は、既存の属性と競合しないように注意してください。

関連機能：