Luxeritasのサイドバー用関連記事ウィジェットを作ってみる

by
Luxeritas
（更新: 2024年10月7日）

テーマLuxeritasにはサイドバー用の関連記事ウィジェットがありません。

関連記事については有名なプラグインが色々あります……が！
テーマ本体に関連記事機能がついているのにプラグイン追加するのはバカらしい。
それにLuxeritasの関連記事機能の精度はかなりのものです

だったら、Luxeritasの関連記事機能をウィジェット化しちゃいましょう

天満川鈴 WRITTEN BY 天満川鈴

完成図

Luxeritasの新着記事ウィジェットと並べても違和感ありません。

導入方法

最初の手順が終わっている方はあっという間に終わります。

まずPHPファイルをショートコードで動かせるようにします。
こちらの記事を参照してください。

WordPressの記事やテキストウィジェットの中でPHPを使えるようにする | きもおた・わーどぷれす。
http://kimoota.net

終わったら、Luxeritasの親テーマからrelated.phpを探し、子テーマにもアップします。
次いで、テキストウィジェットでショートコードを実行します。

場合によってはCSSを書く必要があるかもしれません。
私は次の通りに調整しています。

#related .excerpt a{
font-size: 1.4rem !important;
}
.excerpt a{
 text-decoration: none !important;
}

関連記事の個数の調整

以下のコードの数字を変更してください。

 'posts_per_page'=> 5,

置く場所

「スクロール追従サイドバー」のスペースに入れるといい感じです。

Luxeritasの「スクロール追従サイドバー」に関連記事ウィジェットを入れる | きもおた・わーどぷれす。
http://kimoota.net

まとめ

これで終わり。
あっけなかったでしょ？
簡単にLuxeritasの機能を拡張できるからやってみて！

天満川鈴
WRITTEN BY

天満川 鈴

未経験からWEB業界に入り、現在はWEBディレクターとして実務に従事。 要件整理・導線設計・コンテンツ構成などを学びながら、日々改善を重ねています。 AIを活用したコンテンツ制作・効率化を強みとし、プロンプト設計を含めた制作フローの最適化にも取り組んでいます。
本サイトでは、WordPressやサイト制作に関する試行錯誤・検証内容を中心に発信。 技術検証の一環として、KUSANAGI公式サイトにて記事を2回紹介いただきました。

X 🦋 CodePen Amazon
RECOMMENDED INFRASTRUCTURE
ConoHa WING

私はConoHa以外を勧めない。

2016年からずっとConoHaを使い倒してきました。知人に「一番いいサーバーは？」と聞かれたら、迷わずここを教えます。

レンタルサーバーナンバーワンを誇る高速環境であることはもちろん。私が「黒い画面って何？」というド素人からサイト制作のプロになれたのは、傍らにずっとこのはちゃんがいてくれたから。

私がConoHaを使い続ける、嘘偽りない理由です。

公式サイトで詳細を見る
× 閉じる