クリエイティブ業界の注目情報や求人情報などを発信する、クリエイターのための総合情報サイトです。
column_general_header

【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; ?>
author

narumasa(なるまさ)

http://narumasa.com


フリーランスのWebクリエイターとして2001年から活動。
レコーディング・エンジニアとして職歴をスタートし、Webの勉強をすべくスクールに通い、デザイン会社のWebデザイナーへ。2001年に退職後、フリーランスのWebクリエイターとして活動しつつ、商品企画会社に入社し、企画プロデューサー・取締役を経て、再びフリーランスに。
現在はフリーランスのWebクリエイターとして数々の大企業のホームページから街の商店のホームページまで、1人で企画からディレクション、デザイン、コーディング、プログラミングまで全てを担当している。

関連記事