WordPress

ストークのトップ画像だけを表示させる設定方法

こんにちは!Reiraです^ ^

今回はストークのトップ画像だけを表示させる方法を紹介していきます!
ストークのTOP画像は通常

●英語表記テキスト
●日本語表記テキスト

画像だけを設定したくても、テキストを表示させないと画像も表示されないようになっているので
『画像だけ表示させたい!』
とお悩みの方は是非参考にしてみてくださいヾ(๑╹◡╹)ノ”

テーマファイル内のコードを書き換える必要があるので、
必ずバックアップをして子テーマでのカスタマイズをしていきましょう

子テーマの設定方法・ファイルの移し方は、こちらの記事を参考にしてください。

あわせて読みたい
CSS追加が簡単に出来る!カスタマイズに使える!ワードプレスのプラグインこんにちは、Reiraです! この記事ではご相談頂いて何度か、ご案内することもあったので CSSを簡単に追加出来る、ワードプレス...

TOP画像だけ表示させるカスタマイズ方法

 

parts_homeheader.phpに、コードを追記

 

カスタマイズしていくファイルはparts_homeheader.php』です。

このファイル内にコードを追加していくことで、画像だけを表示させることが出来るようになります。

<<追記するコード>>

 

このコードを parts_homeheader.php の一番上に追記します。

<<追記後>>

 

これで画像だけを表示させることが出来るようになっています!

TOP画像の設定方法は変わりませんヾ(๑╹◡╹)ノ”
ワードプレス管理画面→外観→カスタマイズより、トップページ設定より通常通りに行なって下さい。

必ず、英語表記テキスト・日本語表記テキストを何も記入しないで下さい!

 

CSSでの表示調整

 

このままだと、少し画像の表示が綺麗じゃないので(上部に空白部分が出来てしまうため)CSSで調整します。
スタイルシート(style.css)または、追加CSSなどにコードを追記します!

<追加するCSSのコード>

以上で完了です!!

 

最後にまとめ

 

今回はストークのTOP画像を画像だけ表示させる方法を紹介しました!

その他、ストークのカスタマイズ情報も更新しているのでぜひ参考にして貰えれば嬉しいです^ ^