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

2019-07-16デザインファイル

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

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

こちらは基本の「黒」バージョンです。
デザインカスタムしてある項目は、目次をご覧ください。

 

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

 

その他3色のデザインファイルは以下をご覧ください。

 

サンプル

オリジナルデザインファイル:ブラック

 

サイトネーム

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

9086_04

 

記事タイトル

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

9086_06

 

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

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

 

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

 

検索フォーム

サイト内検索フォーム

9086_02

 

ウィジェットタイトル

タイトルを角丸囲み

サイドバー

9086_17

フッター

9086_18

 

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

9086_21

リスト先頭に矢印マーク

 

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

9086_03

 

ページネーション

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

9086_11

 

見出しタグ

見出しサンプル

 

ブログカード

ブログカードサンプル

オンマウス時はふわっと浮き上がります。

ブログカードサンプル

 


9086_14

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

 

9086_15

 

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

9086_16

 

テーブル

テーブルサンプル

 

目次

9086_09

 

目次ウィジェット

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

9086_10

 

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

9086_12

 

コメント送信ボタン

9086_19

 

その他

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

 

ダウンロード

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

(zip形式の圧縮ファイル 50kb)

ルクセリタスデザインファイル-黒 ダウンロード

 

使い方

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

 

更にカスタマイズする

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

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

 

9086_20

 

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

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

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

 

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

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

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

 

 

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

 

最後に

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

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

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

 

以上です。