ルクセリタス-目次・ブログカードなど15か所カスタマイズ済みデザインファイル

2019-07-16カスタマイズ

ルクセリタスは、デザインファイルを使って簡単にデザイン変更出来ます。

公式のデザインファイルはいずれもシンプルで、カラー設定が少しされている程度のものなので、もうちょっとデザインカスタマイズを含めたものを作ってみました。

とりあえず黒と茶色のみですが、気が向けばカラーバリエーションを追加予定です。

デザインカスタムしてある項目は、目次をご覧ください。

 

デザインファイルで設定されていても、不要なカスタマイズがあれば簡単に削除可能です。各箇所の色変更などもスタイルシートの編集で自由に行えます。

 

 

サンプル

9086_01

 

brown
茶色

 

 

以下、サンプル画像は「黒」のバージョンです。

 

サイトネーム

当サイトと同じデザインですが、1文字目の背景を丸く色付きにしています。

9086_04

 

 

記事タイトル

当サイトと同じデザインですが、1文字目の背景を丸く色付きにしています。

9086_06

 

記事一覧カテゴリー名とメタ情報

記事一覧表示の際のカテゴリーとメタ情報に背景色を付けています。

9086_05

 

検索フォーム

サイト内検索フォーム

9086_02

 

ウィジェットタイトル

タイトルを角丸囲み

サイドバー

9086_17

フッター

9086_18

 

サイドバー・フッターリスト

9086_21

リスト先頭に矢印マーク

 

タグクラウドウィジェット

9086_03

 

ページネーション

記事一覧ページの下部に出るページネーション

9086_11

 

コメント送信ボタン

 

9086_19

 

見出しタグ

9086_13

 

ブログカード

9086_08

 

 

9086_14

 

上記のように表示された場合はカスタマイザーから「ブログカード」の設定を確認して下さい。

 

9086_15

 

「画像の位置」を「」に設定する

9086_16

 

目次

9086_09

 

目次ウィジェット

サイドバーなどに表示するウィジェットの目次です。

9086_10

 

目次ウィジェット表示画面サンプル

9086_12

 

 

その他

  • 固定ページの投稿日削除
  • 記事一覧上、中、下ウィジェットの枠を外す

 

 

ダウンロード

ご利用はご自身の責任でお願い致します。

 

(zip形式の圧縮ファイルで、どちらも45kb)

ルクセリタスデザインファイル-黒

ルクセリタスデザインファイル-茶

 

使い方

 

デザインファイルの使い方については以下をご覧ください。

 

更にカスタマイズする

デザインファイル自体を編集する事も可能です。

「デザイン選択」メニューにある「style.css」と「style-amp.css」を直接編集して下さい。

 

9086_20

 

色の変更なども自由に行って下さい。

カラーサンプルは以下もご利用下さい。

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

 

 

不要なカスタマイズを削除する

上記の画面から、不要な部分をまるごと削除して問題ありません。

それぞれの項目にコメントを付けていますので、例えば「サイトネーム」に関するカスタマイズが不要な場合は、以下の部分を削除して下さい。

 

 

カスタマイズ箇所(コメント行) /*~*/ で囲われた部分から次のコメントがある行の手前までを削除。(コードは閉じる ”}” があるところまで)

 

最後に

要らないものは上記の通り、自由に削除できます。

「こんなのがあればいいのに」 などのご意見があれば、コメント下さると今後、対応するかもしれませんので、

お気づきの点があれば、お気軽にコメントをください。

 

以上です。