• HOME
  • WordPress
  • 【WordPress】TCDテーマ(Bloom053)記事中アイキャッチを非表示にする方法

【WordPress】TCDテーマ(Bloom053)記事中アイキャッチを非表示にする方法

当サイト『クリオレ』では、TCDのwordpress テーマであるbloomを使用しています。下記の記事でもご説明した通り、bloomはアイキャッチ画像や記事中の画像がとにかく綺麗に見え、デザインも洗練されています。

bloomに限らずTCDのテーマは多くの企業HPに使われていて、高い評判があるのも納得ですね。

さて、今回はそのbloomを「より速く、より快適に」読者に閲覧してもらえるように記事中のアイキャッチ画像を非表示にする方法をご紹介します。

スマホから記事ページを見る場合はそれほどアイキャッチは邪魔にならないのですが、PCで見ると少し鬱陶しさがありますね。

記事中のアイキャッチは消したいけど、トップページや記事一覧のアイキャッチは消したくない!
現在TCDのテーマをお使いの方で、そんな事を考えている方は是非下記を読んでトライしてみてください。

single.phpのコードをちょっと消す

bloomを使用されている方は同じようにやって頂ければ記事中のアイキャッチは消えますのでご安心ください。
bloom以外のTCDのテーマを使用されている方は、おそらくsingle.phpに以下のような記述があると思うので、思い切って削除してみましょう。

※注意
single.phpは個別記事部分の構成を指定しているコードですので、誤って他のコードを消してしまうと個別記事ページが真っ白しろってことになってしまいます!
single.php内のコードを全てコピーしてどこかに保存しておきましょう◎

 

忘れずにに『ファイルを更新』を押します。

別タブを開き、自分のサイトを確認してみましょう。

トップページはちゃんとアイキャッチが表示されていますね。

で、個別記事ページを開くとアイキャッチは表示されません。

やはりアイキャッチ画像の表示時間が削られる為、より速くサクサク表示されるようになりました。

bloomを使っている方、TCDの他のテーマを使っている方で個別記事ページのアイキャッチを非表示にしたい方は上記のコードを探して削除してみてください。

プラグインやカスタムCSSでは上手くいかない

実はこの方法を発見するまでは僕も試行錯誤しまして….
プラグインをインストールして消そうとしたり、カスタムCSSで『個別記事ページの1番目の画像を非表示にする』というコードを追記してみたりしたのですが、どれも上手くいかない!

WordPressのテーマは、個別記事に設定されたアイキャッチ画像を縮小や切り取りをしてトップページや等に表示させているため、
プラグインやカスタムCSSで”アイキャッチを消す”もしくは”記事ページの最初の画像を非表示にする”といったコードを追記してもトップページのアイキャッチもろとも非表示になってしまいました。

ですので、上記のようにsingle.phpのアイキャッチを指定しているコードをまるっと消してしまうのがおすすめです。
以上、WordpressのTCDテーマ(Bloom053)で記事中アイキャッチを非表示にする方法でした。

関連記事一覧