相互リンク詳細へ

簡単!Luxeritasルクセリタスの記事下Next/Prevリンクをカスタマイズ

2019-05-08カスタマイズ

 

今回は、記事ページの下に出る「Next」「Prev」リンクのカスタマイズについてです。

 

↓ 赤枠部分

6830_04

 

 

ルクセリタスの「Next/Prevナビゲーション」デザインは、デフォルトで以下のような感じです。

6830_02

ホバー色(マウスが載った時の色)は文字が赤で、サムネイルの枠が青くなります。

 

この色を自サイトのテーマカラーに合わせて変えてみます。

6830_03

 

 

バージョンと初期デザインについて

 

当サイトで使用中のバージョンは以下です。(記事作成時)

Luxeritas Child Themeバージョン: 3.0.0
Luxeritasバージョン: 3.5.9

ダウンロードはこちら

 

Next/Precリンクの表示・非表示は以下から行えます。
 「外観」→「全体レイアウト」

6830_01

投稿ページ、固定ページのそれぞれ個別に設定可能です。

 

リンク色変更

 

子テーマのスタイルシートにCSSを追記します。

child_style01 child_style02

 

とても簡単です!!

以下の2行を追記すればOK!

 

#pnavi a:hover {color: #fb8a8a;}
#pnavi a:hover > img {border-color: #999999;}

 

カラー変更には以下もご利用下さい。

マカロンビビッドパステル和色セーフ色名 配色パターンサンプル

 

ルクセリタスのその他カスタマイズは以下もご覧ください。