アイキャッチ画像をトリミングして出力させたい
functions.phpでまず下記のように記載してください。
//アイキャッチ画像の有効化
add_theme_support('post-thumbnails');
//指定したいサイズを記載
//例)345がwidth
//例)255がheight
add_image_size('thumb', 345, 255, true);
トリミングしたいサイズをこちらで指定してください。
width:345 height 255とした場合、それ以上のサイズ(355✖️260)などで画像をワードプレスにアップロードしないと、指定したサイズには、トリミングされませんのでご注意ください。
functions.phpに記載が完了したら、アイキャッチを挿入したい部分にコードを挿入。
このとき、functions.phpに記載した、【thum】の部分が、一致するように注意して記載してください。
【thum】は、使うテンプレート、カスタム投稿でも使い分けて都度、ご自分に合う形でわかりやすく変更してください。
<figure>
<?php the_post_thumbnail('thumb', array('class' => 'img-responsive img-ow')); ?>
</figure>
PICK UP
記事
- WEB
SEO対策 内部対策で他社を引き離す
2022.02.19
- WEB
ホームページ制作費を安く抑える方法を徹底解説!
2022.02.15
- WEB
ホームページ制作 維持費を徹底解説!
2022.02.13
- WEB
【超便利】Google画像検索で無料(著作権フリー)で利用できる画像だけを表示
2022.02.01
- WEB
ターム名を取得表示方法 WordPress
2022.02.01
- WEB
絶対必要!httpから、httpsにリダイレクト設定【SSL化】
2022.01.30
- WEB
アイキャッチ画像をトリミングして出力させたい
2022.01.30
- WEB
WordPressで記事の中でタイトル、本文取得したい
2022.01.30
- WEB
WordPressのグローバル変数 $postで情報取得する方法
2022.01.30