サイトアイコン Amelt.net

Twenty Fourteen(wordpress)のアイキャッチ画像を記事・固定ページで非表示にするカスタマイズ

This post is also available in: English-US (英語)

wordpressの2014年度版のテーマ「Twenty Fourteen」を使うと個別記事ページにて、アイキャッチ画像の大きさが合ってなくて途切れたりしてしまいます。あと、アイキャッチ画像にタイトルが微妙にオーバーレイしているのも微妙に気になります。

本記事は、wordpressのテーマ"Twenty Fourteen"にてアイキャッチ画像を記事・固定ページで非表示にする方法について書いています。

web_TwentyFourteenのアイキャッチ画像を非表示にするカスタマイズ

しかしながら、カスタマイズといっても該当部分をコメントアウトしているだけですので、コメントアウトした部分を削除しても同じデザインの変更が適用されます。

また、アイキャッチ画像は個別記事・固定ページで非表示になるだけで、記事一覧画面やプラグインでアイキャッチ画像が呼び出された場合には普通に表示されます。

Twenty Fourteenのアイキャッチ画像を記事・固定ページで非表示にするカスタマイズ

「Ctrl + F」でコードを検索すると便利です。

アイキャッチ画像を個別記事で非表示

Twenty Fourteenテーマ: content.php

変更前

<?php  twentyfourteen_post_thumbnail(); ?>

変更後

<?php // twentyfourteen_post_thumbnail(); ?>

アイキャッチ画像を固定ページで非表示

Twenty Fourteenテーマ: content-page.php
変更前

<?php
		// Page thumbnail and title.
		twentyfourteen_post_thumbnail();
		the_title( '<header class="entry-header"><h1 class="entry-title">', '</h1></header><!-- .entry-header -->' );
	?>

変更後

<?php
		// Page thumbnail and title.
		// twentyfourteen_post_thumbnail();
		the_title( '<header class="entry-header"><h1 class="entry-title">', '</h1></header><!-- .entry-header -->' );
	?>

要するに「twentyfourteen_post_thumbnail()」というコードをコメントアウトしています。逆に、任意の場所にアイキャッチ画像を表示したい場合にはコードを挿入します。