wordpressサムネイルを自動トリミング
2015/07/24
このページように、wordpressサムネイル(アイキャッチ)を自動トリミングする方法です。
functions.phpの修正
wordpress管理画面
↓
外観
↓
テーマ編集
functions.php
上記phpに下記コードを追加します。
?// アイキャッチ画像作成 add_theme_support('post-thumbnails'); // 基本サイズ set_post_thumbnail_size(480, 150); // Lサイズ add_image_size('lsize', 480, 150); // Mサイズ add_image_size('msize', 480, 150); // Sサイズ add_image_size('ssize', 150, 150, true);
数字が各サムネイルの横、縦のサイズです。好きな数字を入力してください。
このページでは「150*150サムネイル」と「480*150サムネイル」の2種類を使っています。
今回は2サイズしか使わないので、2サイズしか記入していませんが、それぞれ別のサイズを作成したい場合、各自記入してください。
サムネイルを作成・表示
サムネイルを作成・表示させるには、投稿から画像をアップロードして「アイキャッチ画像として使用」をクリックしてください。
サムネイルが自動でリサイズされます。
サムネイルを表示させる場合、テーマの任意の場所に下記コードを記入してください。
<!-- 基本サイズを表示させる場合 --> <?php the_post_thumbnail(); ?> <!-- Lサイズを表示させる場合 --> <?php the_post_thumbnail('lsize'); ?> <!-- Mサイズを表示させる場合 --> <?php the_post_thumbnail('msize'); ?> <!-- Sサイズを表示させる場合 --> <?php the_post_thumbnail('ssize'); ?>