※当記事内には、商品プロモーションを含む場合があります
読んでほしい記事
【ルクセリタス】記事ページにアイキャッチを表示させる方法

ルクセリタス(Luxeritas)は記事ページにアイキャッチが表示されない

WordPressの無料テーマ「ルクセリタス」では、デフォルトではアイキャッチ画像が記事ページに表示されません。

そこで、こちらの記事ではアイキャッチ画像を記事ページの上部に表示されるようにする方法を紹介します。

記事ページにアイキャッチを表示する方法

ルクセリタスでは、以前は、登録したアイキャッチ画像を記事ページ上部に表示させる場合にはfunctions.phpにコードを追加する必要がありました。
アイキャッチ画像の登録画面

ただ、バージョン3.17.0からはfunctions.phpにコードを追加する必要がなくなりました。

とは言え、デフォルトでは表示されないので、画面上から表示させるために変更が必要になります。

「外観」→「カスタマイズ」→「サムネイル (アイキャッチ)」の中に「Automatic thumbnail insertion」というエリアがあります。
Auto insert into posts」と「Auto insert into pages」という項目にチェックを入れる記事ページ上部にアイキャッチが画像が表示されるようになります。
ルクセリタスのアイキャッチ設定画面
これでアイキャッチが表示されるようになりました。

ルクセリタスのアイキャッチ画像表示

また、「Automatic thumbnail insertion」の下に「Position to insert thumbnail」というエリアがありますが、こちらではアイキャッチを表示させる位置を設定することもできます。
アイキャッチの表示位置設定

例えば、「Title background ( Black type 1 )」を選択すると、アイキャッチの上にタイトルが重なって表示されるようになります。
こんな感じになります。
ルクセリタスのアイキャッチ画像表示

 

もし古いバージョンのルクセリタスを利用されている場合には、親テーマをバージョン3.17.0以上にアップロードして下さい。
もしくは、子テーマのfunctions.phpに以下のコードを追加して下さい。

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);
この記事を書いた人
userimg
ダッチ
    プログラミング15年、WEB制作15年以上になります。

    レンタルサーバー、WordPressに強く、分からないことがあればご質問ください!
    解決のお手伝いを致します。
    ※特にエックスサーバー、Conoha Wing、ロリポップに強いです!

    ご質問は、ツイッター(X)のアカウントをフォローした上でDMよりお願いします。
    >> ツイッター(X)

    Twitterでフォローしよう

    おすすめの記事