アイキャッチの表示
2020-02-10
WordPressの投稿画面に、アイキャッチ画像が有効になっていない場合［function.php］に下記を記述する必要がある。
|
1 2 |
// アイキャッチ画像の有効化 add_theme_support('post-thumbnails'); |
また、投稿時に登録したアイキャッチ画像を表示する方法は、各テンプレートファイルに下記を記載していく。
|
1 |
<?php the_post_thumbnail('full'); ?> |
また、アイキャッチ画像が登録していない場合、if文として、記述しておくと良い。
|
1 2 3 4 5 |
<?php if ( has_post_thumbnail()): ?> <?php the_post_thumbnail('full'); ?> <?php else: ?> <img src="画像ファイルのパス"> <?php endif; ?> |
余談: 画像出力に関して
WordPressで登録した画像を出力する場合、widthやheightなどのタグが自動で付与されますが、これらが不要の場合もあるかと思います。
それらを削除したい場合、［function.php］に下記を記述することで、出力させないことができます。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 |
// 【管理画面】メディアを追加で挿入されるimgタグから不要な属性を削除 add_filter('image_send_to_editor', 'remove_image_attribute', 10); add_filter('post_thumbnail_html', 'remove_image_attribute', 10); function remove_image_attribute($html){ $html = preg_replace('/(width|height)="\d*"\s/', '', $html); // width と heifht を削除 $html = preg_replace('/class=[\'"]([^\'"]+)[\'"]/i', '', $html); // class を削除 $html = preg_replace('/title=[\'"]([^\'"]+)[\'"]/i', '', $html); // title を削除 $html = preg_replace('/sizes=[\'"]([^\'"]+)[\'"]/i', '', $html); // sizes を削除 $html = preg_replace('/srcset=[\'"]([^\'"]+)[\'"]/i', '', $html); // srcset を削除 $html = preg_replace('/<a href=".+">/', '', $html); // a タグを削除 $html = preg_replace('/<\/a>/', '', $html); // a の閉じタグのを削除 return $html; } |