Luxeritas の関連記事数とタイトルを変更する

WordPress Theme Luxeritas の関連記事機能のカスタマイズ方法です。
php ファイルを編集するので、子テーマで作業するか、すぐに戻せる様に準備してから行って下さい。

関連記事数を変更

関連記事は related.php を呼び出して出力している様です。
このファイルを直接編集するか子テーマにコピーして修正していきます。
親テーマのファイルを直接修正すると、アップデートで上書きされるので、子テーマにコピーして修正する事をおすすめします。

related.php の58行目あたり


'posts_per_page'=> 5,

の「5」を任意の記事数の値に変更します。

更に116行目あたり


<p><?php echo apply_filters( 'thk_excerpt_no_break', 40 ); ?></p>

の「40」の値を書き換えて抜粋の文字数を変更出来ます。

関連記事のタイトルを変更

次は関連記事の見出しを修正していきます。
スクリーンリーダーの見出しジャンプ移動やスマホのフリックで移動した際に、見出しに置かれたアイコンフォントでつまずいて見出しを正しく読み上げてくれません。

これを解決する為に「single.php」にコードを追加します。


<h2 class="related"><i class="<?php echo $awesome['fas']; ?>fa-th-list" aria-hidden="true"></i><?php echo ...省略; ?></h2>

アイコンフォントは読み上げる必要が無いので「aria-hidden="true"」を挿入してスクリーンリーダーでは読み飛ばす様にします。

見出しのタイトルラベルは</i>と<h2>の間のコードを置き換え


<h2 class="related"><i class="<?php echo $awesome['fas']; ?>fa-th-list" aria-hidden="true"></i>任意のタイトル</h2>

で任意のタイトルに変更し、アイコンフォントも変更したい場合は<h2>タグ内を丸々差し替えれば良いかと思います。

適用 : Luxeritas 3.7.9