簡単!Twenty Fourteenのアイキャッチ画像を非表示にする方法 | WordPress カスタマイズ

wp_eyecatch_image00

WordPress Twenty Fourteenのデフォルトアイキャッチ画像は、マガジンサイト向けということもあるためか大き目になっています。なかなか効果的に見せるのが難しいこともあり、cssやphpファイルを編集して非表示にしました。とても簡単にできる方法なので備忘録として残しておきます。

スポンサーリンク

Twenty Fourteenのアイキャッチ画像

twentyfourteen_thumnail02みなさんご存知Twenty Fourteenは日本人のWebデザイナー、WordPressのテーマクリエーターの方がデザインなされていることもあり、ニーズをガッチリと掴んだ「グッ」とくる雰囲気が第一印象でした。

そんなTwenty Fourteenのアイキャッチ画像はこんな感じ。

斬新なデザインも好きなのですが、個人的に有効的な見せ方ができるまでの間、非表示にしたいと思います。

cssを編集してアイキャッチ画像を非表示に!

アイキャッチ画像を非表示にする方法は、cssを編集する方法とphpを編集するふた通りあるので、まずは簡単なcssを編集する方法から。

.post-thumbnail {
    display:none;
}

上記をstyle.css(子テーマ)に追記します。「追記するのはちょっと…」という場合はcss内を検索すればすぐ「.post-thumbnail」がみつかるので変更できます。

twentyfourteen_thumnail03アイキャッチ画像を確認してみると…非表示になり、アイキャッチ画像あったところまで記事が上に移動しました。

とても簡単。

簡単すぎてイマイチという場合は、次のphpファイルを編集する方法がおすすめです。

PHPファイルを編集してアイキャッチ画像を非表示に!

phpファイルを編集するといっても、こちらも簡単。
content.php(子テーマ)の…

<article id= "post-<?php the_ID(); ?> " <?php post_class(); ?>>
<?php twentyfourteen_post_thumbnail(); ?>

<header class= "entry-header ">

14行目コードを…

<?php //twentyfourteen_post_thumbnail(); ?>

上記のように「//」を挿入することでコメントアウトします。

ひとこと

子テーマのcontent.phpやcssを編集するだけなので、とても簡単にできるのでおすすめです。

  • スポンサーリンク
  •  

関連記事

コメントを残す

メールアドレスが公開されることはありません。名前・コメント・画像認証が必須となっています。

*