Luxeritas2.2.1.1でカルーセルウィジェットが実装されました。
ここまでやるか！
もう見たときはそんな感じ。
別サイトでカルーセルウィジェット実装している別テーマを使ってみようかなと思っていたのですが、その必要もなくなってしまいました。
Luxeritas最強すぐる。
カルーセルウィジェットのデザインに問題
しかしカルーセルウィジェットのデザインが……
タイトル読めない！
これでは回遊率上げるための施策にならないので、処置を施すことにします。
完成図
横長サムネイルの下辺にタイトルエリアの上辺を揃えています。
このくらい画像が見えれば、あとは透過で十分でしょう。
ウィジェットの設定
画像を参考に設定してください。
ここでの高さは、表示される記事アイテムの高さとなります。
css
次のCSSを子テーマのstyle.cssに記述してください。
p.swiper-title{
height: 130px !important;
font-size: 1.3rem !important;
font-weight: 700 !important;
}
.swiper-slide{
align-items: flex-start !important;
}
上はタイトルエリアの高さです。
下はサムネイルを上部固定するコードです。
数字は各自のタイトルとサムネイルの大きさに応じて調整してください。
文字を大きくしたいときや太さを変えたいときは上のfont-sizeで調整してください（大きさ・太さはデフォルト値、変更しないならCSSから削ってください）。
まとめ
これで回遊率上がるといいんだけど……
コメント