ワードプレス(INFOPLATE 5wp)でアイキャッチ画像を記事内に表示させたくない場合

お役立ち

こんにちは。 たくぞうです。

 

今回はタイトル通り、「ワードプレスでアイキャッチ画像を記事内に表示させたくない場合」のやり方です。

 

私は『INFOPLATE 5wp』というワードプレスのテンプレートを使っていますが、

デフォルトの状態だと、アイキャッチ画像を設定すると下図のように記事内にも入ってきてしまいます。

 

ccss%e9%81%a9%e7%94%a8%e5%89%8d

 

 

解決手順

 

INFOPLATEのサポートフォーラムにも掲載されていますが、手順としては

 

[ip5_ornament design=”bg-deco-woodframe1″ width=””]

・ワードプレスのプラグイン「Simple Custom CSS」をインストール

・CSSを記述[/ip5_ornament]

 

 

これだけです。

 

※ちなみにCSSとはカスケーディングスタイルシートの略で、簡単に言うとWebページの見栄えや設定を細かくイジれるものです。

 

 

 

では早速プラグインをインストールしてみましょう。

 

ワードプレスダッシュボードのプラグインの項目から新規追加をクリック

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-16-11-10-41

 

 

検索窓に「simple custom css」と入力

※単語の途中にスペースを入れないと検索されないので注意

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-16-11-12-53

 

 

今すぐインストールをクリック

※私の環境ではすでにインストール済みのため、「有効」となっています。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-16-11-19-28

 

 

外観の「カスタムCSS」をクリック

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-16-11-14-33

 

 

下記コードを入力

.single article .attachment-post-thumbnail { display: none; }

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-16-11-14-54

※グレー字の「/* カスタム CSS をここに入力してください */」はコメントなので消しても大丈夫です。

 

 

無事、アイキャッチ画像が消えましたー。

 

ccss%e9%81%a9%e7%94%a8%e5%be%8c

 

 

 

それでは今日はこの辺で。

 

ありがとうございました。

 

コメント

タイトルとURLをコピーしました