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

記事公開日:
最終更新日:

Sponsored Links

This post is also available in: 英語

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

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

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

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()」というコードをコメントアウトしています。逆に、任意の場所にアイキャッチ画像を表示したい場合にはコードを挿入します。

About
Amelt.net,LLCの創業者で、費用対効果の高い統合webマーケティングによりビジネスパートナーとして継続的にサポート。詳しいより。ブログの更新情報facebookページGoogle+そしてTwitter、またRSSfeedlyLINE@にてお知らせしていますのでフォローよろしくお願い致します。


Sponsored Links