>> テーマ変更に伴い見づらい箇所や不具合があるかもしれません、ご迷惑をおかけします。→
PR

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

ルクセリタス・カスタマイズ
この記事は約2分で読めます。

今回は、記事ページの下に出る「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追記

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

「Luxeritas」→「子テーマの編集」で「スタイルシート」を選択します。(Ver.3.7.9以前は「style.cssタブ」)

Luxelitasスタイルシート編集画面

 

とても簡単です!!

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

 

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

 

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

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

 

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

ルクセリタスLuxeritasの約40ヵ所をカスタマイズ!高速・高機能無料テーマ
高機能でスピード抜群の無料テーマ「ルクセリタス」を、いろいろカスタマイズしていますので、少しまとめてみます。 カスタマイズ済みの当サイトオリジナルデザインファイルは以下をご覧ください。 ルクセリタスについて 今のところテーマはこの一択と決め...

 

コメント

タイトルとURLをコピーしました