とりあえずやってミタ

とりあえず技術的っぽいことをいろいろやってみるブログ

stinger5でアイキャッチ画像を非表示にしてみた

      2015/02/12

stinger5』はwordpressで人気のテーマの一つ。

stinger5は一覧表示でアイキャッチ画像をデフォルト表示するが、
もし記事にアイキャッチ画像が未設定だと
“no image”のデフォルト画像が表示され見栄えが悪くなってしまう。
そこでアイキャッチ画像が未設定なら画像を表示しないようにする。



修正するページ

  • トップページの記事一覧
  • サイドバーの新記事一覧
  • 記事ページ下部の関連記事一覧

wordpressのダッシュボードから「外観」ー「テーマの編集」を選択、
各該当ページの内容を編集する。
編集内容は3ファイルともほぼ同じ、以下のとおり。

トップページの記事一覧 itiran.php

5〜8行目は削除してもOK


サイドバーの新記事一覧 newpost.php

5〜8行目は削除してもOK


記事ページ下部の関連記事一覧 kanren.php

5〜8行目は削除してもOK


最後にスタイルシート修正 style.css

以上の修正だけだと、
アイキャッチ画像が表示されていた領域が空白となってしまう。
タイトルの文言を左に詰めるためにスタイルシートに以下を追記

各mediaqueryの中にno_thumbnailセレクタのスタイルを追記
最後に念のためmediaquery外の箇所にもdd.no_thumbnailのスタイルを追記しておいた

 - メモ ,

  関連記事