NARUMASA CREATIVE DESIGN
Copyright © narumasa.com
All rights reserved.
10
3月
2019

【WordPress】アイキャッチを使用する方法

使えると便利なWordPressでアイキャッチを使用する方法

WordPressはアイキャッチを使用することで簡単に画像と記事をリンクさせることができます。
ニュースサイトやブログサイト、ECサイトなどではお馴染みですが、一般の企業サイトではあまり使われることはないようです。

使い方ですが、

【functions.php】へまずはアイキャッチ使用の宣言をする。

if ( function_exists( 'add_theme_support' ) ) {
add_theme_support( 'post-thumbnails' );
}

または

add_theme_support( 'post-thumbnails' );

だけでも大丈夫です。

【functions.php】への宣言文を記載後、表示したい部分に

<?php the_post_thumbnail('thumbnail'); ?>

サイズを指定する場合は

<?php the_post_thumbnail('thumbnail'); ?>      // サムネイル
<?php the_post_thumbnail('medium'); ?>          // 中サイズ
<?php the_post_thumbnail('large'); ?>          // 大サイズ
<?php the_post_thumbnail( array(100,100) ); ?>

必ずループ内で使用しないと動きません。

ついでにループは、

 <!-- ループ開始 -->
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<!-- “else”部分を除いたループ終了 -->
<?php endwhile; else: ?>
<!-- ループを「完全に」終了 -->
<?php endif; ?>
【WordPress】カスタムメニュー追加