
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'); ?>