カテゴリー: WEB

WordPress＆Luxeritasのページ右下に出てくる「上に戻る」ボタンのアイコンがいつのまにか表示されなくなっていた。□マークが出てる。なんでもLuxeritasのバージョン3.18.0から標準アイコンがFont Awesome→Googleマテリアルアイコンに変更になったそうで、それのせいかわからないが、とりあえず直しておいた（細かいことはわかってない）。

Luxeritas（ルクセリタス）でマテリアルアイコンが標準化！Font Awesomeアイコンが表示されない？ _ ウェブチル

↓表示されなくなったアイコン

Luxeritasの親テーマのfooter.phpの内容を新しいバージョンにさしかえて、必要なタグを挟み込んで再アップロードしたら、正しく表示されるようになった。

↓正しく表示されたアイコン

でもこの「上に戻るボタン（Page Top）」、以前から邪魔くさいなあと感じていたので、結局まるごと非表示にしてしまった。以下のタグを追加CSSに記述。

/* 上に戻るボタン（Page Top）を非表示にする */
#page-top {
display:none; 
}

こっちは動作によって微妙に浮かび上がってくるが、環境によってはこっちの方が消えやすい。

/* 上に戻るボタン（Page Top）を非表示にする */
#page-top {
position: absolute;
}

WordPress＆Luxeritas、検索結果をサムネイル画像つき抜粋表示にしようとするとトップページの全文表示まで抜粋表示になってしまって困ったけど、なんとかトップページを全文表示に保ったまま検索結果をサムネイル画像つきの抜粋表示に変更できた。素人カスタムだから、またすぐどこかで不具合が見つかるかもしれないけど。

1.Luxeritasの親テーマの中にある「loop-normal.php」をコピー。

2.ファイル名を「loop-normal.php」→「loop-thumbnail.php」に変更。

3.サムネイル画像を表示したい場所に以下のタグを挿入。サムネイルの画像サイズは「thumbnail」「medium」「large」「full」から選択可。場所は「<section>
<h2 class=”entry-title” itemprop=”headline name”>」の前など。

<?php if(has_post_thumbnail()): ?>

<?php the_post_thumbnail(“medium”); ?>

<?php endif; ?>

さらにリンクを付けたかったので、サムネイルを<a href=”<?php the_permalink(); ?>” class=”entry-link” itemprop=”url”>サムネイル</a>で囲った。

4.「記事を読む」リンクを挿入。

<a href=”<?php the_permalink(); ?>” class=”read-more-link” aria-hidden=”true” itemprop=”url”>記事を読む</a>

親テーマ内にある「search.php」の以下のタグに赤い文字を付けたす。

<?php

get_template_part( ‘loop-thumbnail‘ );

?>

上記の方法で、下記のような表示にできた。

↓参考にさせていただいたサイト

「【WordPress】アイキャッチ画像を表示、取得する関数のまとめ _ エンジニア足立のコーディング日記」。

※2021年10月28日追記
「カスタマイズ」→「全体レイアウト」→「記事一覧の表示方法」を「記事全文表示（moreタグまで）」から「抜粋+サムネイル表示」に変えたので、親テーマ内にある「search.php」の<?php get_template_part( ‘loop-thumbnail‘ ); ?>を<?php get_template_part( ‘loop-normal‘ ); ?>に変えた。「loop-thumbnail.php」はそのまま。

WordPress＆Luxeritasで検索結果にサムネイル画像が表示されない件を直した。なんてことはない、「カスタマイズ→全体レイアウト→記事一覧の表示方法」で「記事全文表示（more タグまで）」から「抜粋＋サムネイル表示」にするだけ。作業は簡単だけど、どこに何があるか分からないから戸惑うんだよなー。自分検索用として記事にしておく。

↓

これでいい思ったが、これやるとトップページも抜粋表示になるでないの。トップページは全文表示のままでいいのに。あくまで検索結果だけ抜粋表示でいいのに。いやあああああ…なんて面倒くさい…