WordPress高速テーマLuxeritasの新着記事と人気記事と関連記事のサムネイル表示を直してみた

スポンサーリンク

 

目的はサイドバーの新着記事と人気記事と関連記事のデザインの統一

 

WordPressの高速テーマとして定着しているLuxeritasはとても気に入って使っているのですが
唯一サイドバーと関連記事のサムネイルの表示が正方形ということもあり縦横比が崩れるというところに不満がありました。

このことに悩んでいる方は少なくないようでいろいろなカスタマイズ方法が投稿されているので
自分もその恩恵に預かることにしました。

目的はサイドバーの新着記事と人気記事のデザインの統一。
そして関連記事のサムネイルも変えることです。

こちらがデフォルトの新着記事のレイアウト。サムネイルが正方形となって縦横比が崩れています。

 

そしてカスタマイズ後の状態がこちら。

新着記事

 

人気記事

 

関連記事

 

 

では手短に紹介します。

必要なプラグインは

Recent Posts Widget Extended
https://ja.wordpress.org/plugins/recent-posts-widget-extended/

WordPress Popular Posts
https://ja.wordpress.org/plugins/wordpress-popular-posts/

 

 

の二つだけです。

*Luxeritasのオリジナルの新着記事は使いません。

 

参考にさせていただいたのは以下の記事です。

 

サイドバー編では

 

 

 

 

 

関連記事・前後記事のサムネイル変更についてはこちらを参考にさせていただきました。

 

これでとりあえず目的の8割は達成できましたが
これではまだ新着記事と人気記事のデザインが揃ったとは言えませんので自分なりに調整をしました。

自分はcssの知識は乏しいのでコードをまぜこぜにしてしまっているのですが
とりあえずはこのサイトのようなデザインでも構わないと思うのなら参考にしてください。

 

 

 

Luxeritas Child Theme: スタイルシート (style.css)に追記してください。

 

参考にさせていただいた記事をしっかり見てカスタマイズするともっと良くなると思いますよ。

 

 

スポンサーリンク