サポート » 使い方全般 » アイキャッチ画像を中央配置

  • Twenty Twelveを使っています。
    アイキャッチ画像を500で設定しているんですが、記事コンテンツの幅が上回るため、左右どちらかに余白ができます。そこで中央に揃えたいんですが、コードが分かりません。
    (いろいろ調べましたが、解決には至りませんでした。)

    <?php the_post_thumbnail(array(500, 500)); ?>
    このようなコードでアイキャッチ画像を表示させています。分かる方・詳しい方コードのご教授をよろしくお願い致します。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 中央寄せはCSSの設定になりますね。
    そのまま img タグに設定してあげればよいかなと思います。

    何かの親クラス img{
    display: block;
    marigin: 0 auto;
    }

    特別にclass を設定したいなら
    <?php
    $attr = array(
    ‘class’ => “img-setting”
    );
    the_post_thumbnail( array(500, 500), $attr ); ?>

    として、class を付与して、CSSで設定とかだと思います。

    the_post_thumbnail の設定はこちらに記載があるので、合わせて確認しておくとよいと思います。
    https://wpdocs.osdn.jp/%E3%83%86%E3%83%B3%E3%83%97%E3%83%AC%E3%83%BC%E3%83%88%E3%82%BF%E3%82%B0/the_post_thumbnail

    ありがとうございます。
    上記のコードを参考にいろいろやってみましたが、中央配置になりませんでした。
    素人なので、原因もあまり分からないです…。すいません。

    「content.php」には
    <?php the_post_thumbnail(array(500, 500)); ?>と記述しています。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「アイキャッチ画像を中央配置」には新たに返信することはできません。