Luxeritas カスタマイズ(外観) 細部の見た目

2017/09/17Luxeritas カスタマイズ(外観)

デザインにこだわる方はせっかく色とかサイトアイコンとか細かく作り込んでいっているので、もっとトータルにバランス良くしたいとか思われるのではないでしょうか。

以前は私も少しはオリジナリティーのあるサイトデザインをしようとして工夫しました。うまくカスタマイズできずに、そこに壁が現れるとなんとか乗り越えようと調べていくと人の考えることは同じなのか、そういうカスタマイズをすでに紹介されている方がいて、そういうサイトを見つけると大喜びでした。Luxeritasはとりあえず考えられる範囲のカスタマイズメニューはカスタマイズ(外観)メニューにそろっています。

今回の「細部の見た目」ですが、「キャッチフレーズ」「ホーム」「PAGE TOP」の三カ所です。場所的に上部二カ所、最下部一カ所です。

「キャッチフレーズ」とはサイト名のクチコミウェブサイト.COMの下にある「WordPress マルチサイトによるウェブサイト、Luxeritas カスタマイズ」のことです。

「ホーム」は上部にあるメニューでホームページへ戻れるリンクです。

「PAGE TOP」サイトが縦長にスクロールされていくと右下に現れる半透明なバックに文字でPAGE TOPと書かれたそれをクリックすることで一番上までスクロールされるボタンです。

ここではその3つがカスタマイズできます。

ヘッダーのキャッチフレーズ変更

Luxeritas046
サイト名の下につけられるのがキャッチフレーズです。変更する場合は欄内に記入していきます。
キャッチフレーズ表示の必要無い場合は「ヘッダーのキャッチフレーズ表示」チェックボックスのレ点を挿入しない状態で表示は消え、「保存して公開」をクリックすると設定できます。

“ホーム” のテキスト

Luxeritas047
ここではホームページへのリンク表示のあるテキスト「ホーム」とパンくずリストの「ホーム」表示のテキスト変更ができます。「”ホーム” のテキスト」欄には「ホーム」とデフォルトで書かれていて設定されています。変更してみます。

Luxeritas048
「”ホーム” のテキスト」欄に「HOME」とテキストを入力してみます。サイトのホームページへのリンクとパンくずリストも「HOME」と変更されます。

 

PAGE TOP ボタンのテキスト

Luxeritas049
サイトをある程度下方にスクロールしていくと一番上に戻れる「PAGE TOP」ボタンが右下に表示されます。背景が透過されていてマウスカーソルを合わせると鮮明になってクリックすると一気に一番上までスクロールされます。デフォルトですと「PAGE TOP」となっています。このテキストを「PAGE TOP ボタンのテキスト」の記入欄で変更できます。

Luxeritas050
「PAGE TOP」とあるテキスト欄を「ページの一番上へUP」と変更すると、「PAGE TOP」ボタンが「ページの一番上へUP」ボタンに表示が変わります。

PAGE TOP ボタンのアイコン

Luxeritas051
矢印アイコンを変更できます。7種類用意されています。四角や丸で囲まれたり矢印の↑半分だけを表示するとか多くの種類あります。見やすさから言って標準のものがわかりやすいので私は矢印はデフォルトの一番上の「fa-arrow-up」のままにしました。

角の丸み

Luxeritas052
「角の丸み」の数字を記入して大きい数字を記入するほど角の丸みのあるボタンにできます。0でデフォルトの長方形に戻ります。

PAGE TOP 文字色

Luxeritas055
「PAGE TOP 文字色」の「色を選択」をクリックするとカラーピッカーが表示されます。

Luxeritas053
カラーピッカーが表示されてマウスで色を選択できるようになります。「現在の色」となっている左側に選択している色が表示されるので下の基調となる色を選択して選んでいきます。特定の色が決まってカラーコードナンバーが分かっていたら数値入力で設定もできます。

PAGE TOP 背景色

Luxeritas054
文字色と同じように「PAGE TOP 背景色」の「色を選択」をクリックして背景色も変更できます。

変更の有効化を忘れずに

Luxeritas056
全て変更が終わったら「保存して公開」をクリックします。これで変更が有効化されます。

 

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

Luxeritas270[6]
サイトタイトル変更とサイトアイコンを設定手順説明
Luxeritas271[6]
横幅、記事一覧、パンくずリンク、関連記事とナビ表示
Luxeritas272[6]
タイル型、カード型グリッドレイアウト表示手順説明
Luxeritas273[5]
カラム変更とサイドバーなどの領域分離or結合を選択
Luxeritas274[6]
ヘッダー/フッターのカスタマイズ
Luxeritas275[4]
コンテンツ&サイド枠線とサイドバー幅変更
Luxeritas276[8]
コメント欄の表示or非表示、枠線
Luxeritas277[4]
キャッチフレーズ、ホーム、PAGE TOP変更
Luxeritas278[3]
メタ情報の表示or非表示と配置
Luxeritas279[7]
サムネイル(アイキャッチ)大きさと配置
Luxeritas280[4]
フォントの変更
Luxeritas281[6]
タイトル、記事など文字サイズの変更
Luxeritas282[3]
文字色の編集
Luxeritas284[3]
背景色と枠線色の編集
Luxeritas283[7]
背景とタイトルとロゴ画像挿入による編集
Luxeritas285[3]
パンくずリンクの配置変更と編集
Luxeritas287[7]
ヘッダーナビ(グローバルナビ)編集
Luxeritas288[3]
ヘッダー上の帯状メニュー編集
Luxeritas289[3]
マウスオンアニメーション

Posted by クチコミ探し