0

WordPress でレスポンシブ ギャラリーを作成しようとしています。functions.phpまず、ファイルに次のコード行を追加しました。

if ( function_exists( 'add_theme_support' ) ) {
    add_theme_support( 'post-thumbnails' );
    add_image_size('grid-1', 400, 9999);
    add_image_size('grid-2', 800,9999);
}

ここでの別の質問では9999、画像が情報を失わないようにするために、Wordpress が任意の高さで画像をトリミングできることがわかりました。表示できる日は次のとおりです。

the_post_thumbnail('grid-1')

私が持つ必要がある最終結果は次のとおりです。

<img src="200x100.png" data-1x="400x200.png" data-2x="800x400.png">

高さがわからないため、それをハードコーディングすることはできません。その情報を抽出して追加する方法はありますかthe_post_thumbnail('grid-1')

ありがとう

4

1 に答える 1

0

私はそれをテストしていませんが、役立つはずだと思います。

$grid_1 = wp_get_attachment_image_src( $attachment->ID, 'grid-1', false ); 
$grid_2 = wp_get_attachment_image_src( $attachment->ID, 'grid-2', false );

次に、HTML は次のようになります。

<img src="<? echo $grid_1[0]; ?> foo="<? echo echo $grid_2[0]; ?>" />

詳細については、 wp_get_attachment_image に関する Wordpress Codex の記事を読むことをお勧めします。

于 2013-05-22T20:40:37.453 に答える