wordpress-logo

WordPressでプラグインを使わずアイキャッチを挿入する方法

投稿日:

このサイトでも記事の横に画像を表示していますが、Wordpressでプラグインを使わずにアイキャッチを表示する方法を書いておきます。

設置の方法はとても簡単です

function.phpに以下のコードがあることを確認します。

<?php add_theme_support('post-thumbnails'); ?>

次に表示させたい箇所に

<?php the_post_thumbnail('画像サイズのID'); ?>

を記述するだけで終了です、Congratulations!

カスタム方法

画像サイズのIDには
・thumbnail
・medium
・large
・full
が使用できます。
画像サイズについては言葉の通りなのですが、それぞれのサイズは管理画面の[設定]ー[メディア]で調整ができます。
またこの時に使用しない画像サイズがあれば、幅の調整[0]、高さの上限[0]としておくことで無駄な画像の生成がされないようになるのでおすすめです。
(Wordpressはデフォルトでは一つの画像を投稿すると複数のサイズの画像が生成される仕様になっています)

function.phpでもう少し自由に調整することができます。

<?php set_post_thumbnail_size(800, 500, true); ?>

この場合は、800=横幅、500=縦幅、trueはトリミングを意味します。
トリミングが不要の場合はfalseを設定してください。

当サイトはレスポンシブなのもあってサイズの横幅を100%にしてフィットするように設定しています。

<?php set_post_thumbnail_size(false); ?>

後はCSSで調整されてください。

おまけ

容量の大きな画像をアップすることが多いと思うのですがそんな方へは、画像をアップする時に自動的に画像を圧縮してくれるプラグイン「EWWW Image Optimizer」がおすすめです。


サイトや記事に関するご意見・ご感想やライター希望者はFactotum(ファクトタム)までお気軽にご連絡ください。