ワードプレス無料テーマ「Luxeritas」でアイキャッチ画像がページ内に表示されない時は?

ワードプレス無料テーマ「Luxeritas」でアイキャッチ画像がページ内に表示されない時は?
Advertisements

Luxeritasではデフォだとアイキャッチ画像が表示されない?

こんにちは。トレトレです。
私は、サイト運営で、無料のテーマを良く利用させていただいているんですが
その中でもCOCOONとLuxeritasを利用させていただいてます。

COCOONも素晴らしいですが
Luxeritasは、写真のカルーセルスライダーがあるので
主に料理やスイーツレシピサイトで利用させていただいてますが
Luxeritasは、デフォだと、個別ページ内にアイキャッチ画像が表示されないんです。

ということで、今回は、Luxeritasのテーマで
投稿ページ内に、アイキャッチ画像を表示できるようにする方法を
ご紹介します!^^




子テーマの編集だけでOK?

実は、Luxeritasのテーマで
個別ページにアイキャッチ画像を表示するには
あるコードをfunctions.phpにコピペすればOKです。

とっても手軽ですよね。
それでは、実際にどんなコードが必要になるのかですが
まず、子テーマの編集方法からご紹介します。

まず、ダッシュボード→Luxeritas→子テーマの編集をクリックします。

するとこんな一覧画面が出ますので
上のメニューから、functions.phpを選択しましょう。

このページで、/*以下、好みに応じて子テーマ用の関数をお書きください。
となっている、下の空白部分に、以下のコードを追記します。
コピペでOKですので、やってみてください。

ちなみに、最初と最後の/*などは要りません。

/*

function display_post_top_thumbnail( $content ){
if( has_post_thumbnail() === true ) {
global $post;
$content = ‘<div class=”post-top-thumbnail”>’ . get_the_post_thumbnail( $post->ID, ‘full’ ) . ‘</div>’ . $content;
}
return $content;
}
add_filter( ‘thk_content’, ‘display_post_top_thumbnail’, 11, 1 );

*/

出来たら、左上の方にある保存ボタンを押すのを忘れないでくださいね。

実際に見てみるとわかりますが
まず、このコードを記入していないと
こんな風にページ内にアイキャッチ画像が表示できません。

では、成功した場合も見ていきますと…

こんな感じに、自動でアイキャッチ画像が表示されました。
もちろん、この場合は、ページの投稿の際に
アイキャッチ画像を指定してあげる必要があります。

ただ、Luxeritasのテーマでは
ページでアイキャッチ画像を指定しても
上記のコードを追記しないと
自動でページ内にアイキャッチ画像が表示されないため
一手間必要になります。

Luxeritasのテーマで
自動でページ内にアイキャッチ画像を表示する方法は以上です。

非常に簡単なので、ぜひ取り入れて
見やすいサイトを作ってみてください。

記事が参考になりましたら嬉しいです!^^




Advertisements