まるwebデザイン

wordpressカスタマイズとかwebデザインとかSNSのメモとかのブログ

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

 - WordPress ,