Luxeritas カスタマイズ(外観) 背景色 / 枠線色

2017/10/24

luxeritasのカスタマイズにおいて背景色の変更はサイトを自分色に染めたいって方には特に便利で一番行いたいカスタマイズではないでしょうか。css変更などのカスタマイズですとサイトの構成から把握していないとcssのdiv id構成とか分からないことだらけでかなり時間がかかりますが、こうしてメニューになっていると色の選択をして好みのデザインに変更できます。

ただ当然、サイトの背景色を変えると文字色、リンク色、リンクホバー色と被ると最悪文字やリンクが見えなくなってしまいます。好きな色やアイデアとして色が決まっていたら総合的に使う色を決めておいたほうが結果的に手早くできます。Adobe Color CCなどウェブの配色を決めるときに便利なサイトがかなり数多くあるので活用するのも手です。

背景色 ( Body )

Luxeritas091
Luxeritas091
背景色 ( Body )の色を黄色にしてみました。記事部分と外の枠が黄色になってヘッダーとフッター部分は配色されていません。
背景透過スライダーがあるのでさらに黄色を薄くしたり濃くしたりできます。

コンテンツ領域背景色

Luxeritas093
コンテンツ領域には背景色と枠線を別につけられます。枠線はかなり細いので少し色が似通っていると視認できない可能性があります。スライダーは同じくあるので色の薄くしたり可能です。

デフォルトで各部分に#RRGGBBは設定されているのと背景色とコンテンツ領域色では記事部分が被っているので設定しても反映しにくい時があります。一度Luxeritas カスタマイズ(外観) を終了させてダッシュボードのトップに戻ってから目的の設定にすると反映できます。Luxeritasは表示設定をヘッダーと記事部分と結合させていたりいろいろ組み合わせて表示できますけど、そうした場合もヘッダー背景色を設定しても反映できないときがあります。その時は「コピーライト表示部背景色」で設定すると色を変えられます。

ダッシュボード→Luxeritas→カスタマイズ(外観)攻略法

Luxeritas27062
サイトタイトル変更とサイトアイコンを設定手順説明
Luxeritas27162
横幅、記事一覧、パンくずリンク、関連記事とナビ表示
Luxeritas27262
タイル型、カード型グリッドレイアウト表示手順説明
Luxeritas27352
カラム変更とサイドバーなどの領域分離or結合を選択
Luxeritas27462
ヘッダー/フッターのカスタマイズ
Luxeritas27542
コンテンツ&サイド枠線とサイドバー幅変更
Luxeritas27682
コメント欄の表示or非表示、枠線
Luxeritas27742
キャッチフレーズ、ホーム、PAGE TOP変更
Luxeritas27832
メタ情報の表示or非表示と配置
Luxeritas27972
サムネイル(アイキャッチ)大きさと配置
Luxeritas28042
フォントの変更
Luxeritas28162
タイトル、記事など文字サイズの変更
Luxeritas28232
文字色の編集
Luxeritas28432
背景色と枠線色の編集
Luxeritas28372
背景とタイトルとロゴ画像挿入による編集
Luxeritas28532
パンくずリンクの配置変更と編集
Luxeritas28772
ヘッダーナビ(グローバルナビ)編集
Luxeritas28832
ヘッダー上の帯状メニュー編集
私の目次設定カスタマイズ解説ページへのリンクボタン画像[60]
Luxeritasオリジナル目次の挿入とカスタマイズ
Luxeritas28932
マウスオンアニメーション

Posted by クチコミ探し