【ブログの作り方】Luxeritas（ルクセリタス）専用メニュー｜外観カスタマイズ設定

Luxeritas（ルクセリタス）専用メニューの中にある項目「外観カスタマイズ」について解説していきます。

この項目はサイト（ブログ）の見た目に影響する内容が多くあり、変更した内容を画面で確認しながら作業ができますので、自分の好みに合わせて細かい調整を行うことができます。

どの項目が何に対して影響しているのか？をしっかりと理解しながら作業をしていきましょう。

また「PC」「タブレット」「スマホ」など、アクセスするデバイスに応じて表示方法を切り替える機能が備わっており、外観カスタマイズの画面内で各デバイスごとの表示を変更・確認しながら設定を行うこともできます。

カスタマイズ（外観）

管理画面左側のメニュー内に、WordPress（ワードプレス）の基本設定項目とは別に「Luxeritas」という項目が追加されています。

その中から「カスタマイズ（外観）」をクリックすることで、全 33 項目の設定を変更、確認できます。

設定項目が多いため、一度に全部の設定を行うのはとても大変です。

初めての場合は特に時間かかると思いますので、時間に余裕がある時にまとめて作業するか、複数回に分けて設定を完了させることをおススメしておきます。

それでは、カスタマイズ（外観）で「どんなことができるのか？」を、それぞれの設定項目で確認していきましょう。

1.サイト情報/サイトアイコン

サイト（ブログ）のタイトルとキャッチフレーズを確認、変更できます。

WordPress（ワードプレス）の基本設定が反映されている（共通設定）部分でもあるため、すでに設定が完了している場合は、ここで変更する必要はありません。

この項目以外にもいくつか、WordPress（ワードプレス）側の設定と重複している項目がありますので、その場合は、どちらかの設定を行っておけば OK です。

ですので、まずは WordPress（ワードプレス）の基本設定を完了させる、その後で Luxeritas（ルクセリタス）の設定を行う…といった流れが、ムダなく作業ができると思います。

また、ここでは「サイトアイコン」を設定できます。

「512×512 以上の正方形」の画像を自分で用意する必要がありますが、アイコンの表示によって自分のサイトに「特別感」が出てきますので、設定することをおススメします。

サイトアイコンを設定することで、例えば、ページを開いた時にタブの左側（左端）部分に、設定したアイコン（画像）が表示され、自分のサイトであることが認識しやすく（されやすく）なります。

2.全体レイアウト

いくつか設定できる項目がありますが、最初はデフォルト設定のままでも特に問題はありません。

コンテナの最大幅

コンテナは、サイドバーまでを含めた、コンテンツ全体の表示領域のことです。

例えば PC で WEB ページを閲覧するとき、表示するウインドウのサイズは閲覧者が自由に変更できますので、そのサイズによってページの幅が変化することになります。

コンテナの最大幅を設定することで、画面をフルスクリーンで表示しても、WEB ページの表示幅が設定値（最大幅）以上のサイズにはなりません。

最大幅の数値が大きくなれば、画面の横幅いっぱいまで文章が表示されて読みづらいページになってしまうため、もしもデフォルト設定よりも数値を大きくするときは注意が必要です。

全体イメージ

サイトの背景色を「ホワイト」と「ブラック」から選択します。

背景色の変更はサイトのイメージを大きく変えてしまうので、どちらかを最初に決めて、途中で変更しない方がいいでしょう。

ブラックに変更した場合は、サムネイル画像や文字の装飾部分など、ブラック背景用の色設定を行うと思いますので、もしも後でホワイトに戻したいと考えた時に、デザイン面で大幅な修正が必要になる可能性も視野に入れておかなければいけません。

記事一覧の表示方法

「抜粋＋サムネイル」と「記事全文（more タグまで）」のどちらかを選択します。

デフォルトで「抜粋＋サムネイル」が設定されていますのでそのままでも OK です。

more タグを設定する場合、記事内に自分で more タグを挿入していく必要があるため、特にこだわりがなければデフォルト設定のままにしておきましょう。

また、ページャー機能を使うことで、記事一覧ページにページャー表示（ページ数の表示）を設定できます。

記事数の把握がしやすくなるため、こちらもデフォルトの ON のままで OK です。

投稿ページ

「関連記事の表示」と「ナビゲーション表示」を設定できます。

投稿ページのコンテンツ領域の下に、関連記事や、前の記事、次の記事などを自動で表示してくれます。

訪問者のサイト滞在時間 UP につながりますので、デフォルトの ON のままにしておきましょう。

固定ページ

「ナビゲーション表示」や「固定フロントページの記事タイトル表示」設定を行えます。

固定ページから固定ページへ誘導をすることはあまりないため、デフォルトでナビゲーションは OFF になっています。

3.グリッドレイアウト

ここでは、記事一覧ページの表示方法に関する設定を行います。

「通常」「リスト」「カード」の３種類のタイプから設定できますので、表示を確認しながら好みのタイプを選択してください。

また、リンク文字列の文章や抜粋の文字数なども設定できますので、こちらも表示を確認しながら設定を行ってください。

最初はとりあえずデフォルト設定のまま使い、後で気になった時に設定を変更する…ということもできますので、現時点では変更（設定）できる箇所を把握しておくだけでも十分です。

4.カラム操作

カラムは「コンテンツ表示領域の縦列」のことで、２カラムなら２列、３カラムなら３列となります。

２カラム以上の設定で、メインコンテンツ（記事）とサイドバーの組み合わせになりますが、アクセスするデバイスによって表示方法が変化しますので、必ずここで設定したカラム数が有効になるわけではありません。

「Luxeritas（ルクセリタス）」のデフォルト設定では「２カラム右サイドバー」となっています。

情報発信サイトなど、投稿ページ（記事コンテンツ）を主体とする場合は、視覚的に「左側にメインコンテンツを置く」のが推奨されているため、デフォルトでこの設定になっていると思われます。

PC とスマホで表示方法の違いを出したくない場合や、余計なモノを徹底的に省いたサイト構成を目指す場合は「１カラム」を選択することもあります。

３カラムは PC からのユーザーを想定して、一画面当たりの情報量を増やして、あえてごちゃごちゃした見た目のサイトを作る場合に選択します。

例えば「まとめサイト」のような、メインコンテンツの質が低い代わりに記事の量が膨大な場合、複数の記事へ寄り道させることで訪問者の滞在時間を稼ぐことができます。

特にこだわりがない場合や、最適なカラム構成が分からない場合は、とりあえずデフォルト設定のまま使いましょう。

5.ヘッダー/フッター

ヘッダー（一番上の部分）とフッター（一番下の部分）の表示に関する設定です。

表示位置や枠線などの設定ができますが、ここもとりあえずデフォルトのままで問題ないと思います。

6.コンテンツ領域とサイドバー

コンテンツ領域の枠線の設定と、サイドバーの幅の設定が変更できます。

「コンテナの幅」で設定した以上の数値（横幅）にはならないため、例えばサイドバーの幅を大きくした場合には、結果的に、メインコンテンツ（記事コンテンツ）の表示領域が小さくなります。

こちらもまずはデフォルト設定で運用し、サイドバーに広告を貼るときなど、必要に応じて最適なサイズ調整を行っていきましょう。

7.ディスカッション

コメント欄の表示や、トラックバック URL の表示設定を行えます。

表示しない場合はチェックを外します。

私は全て表示しない設定にしています。

8.細部の見た目

「キャッチフレーズ」「ホームのテキスト」「Page Top ボタン」に関する設定を行うことができます。

キャッチフレーズ＝サイト説明文です。

WordPress（ワードプレス）の基本設定で入力済みのものがあれば、ここで変更する必要はありません。

ホームのテキストはパンくずリンクに表示されるテキストで、デフォルトでは「Top」となっていますが、私は「Home」に変更しています。

これは「Top ページ」という表現が良いか「Home ページ」という表現が良いのか、好みの問題になりますので、デフォルトのままでも OK です。

Page Top ボタンは、ページを一番下にスクロールした時に表示される、クリックすることでページの一番上に戻れるボタンのことです。

アイコンの種類や色の設定ができますので、サイトのイメージカラーなどを意識しながら変更してください。

9.メタ情報の表示

投稿ページや一覧ページに対する情報の表示設定です。

情報は「カテゴリ」「タグ」「投稿日」などで、必要なものにチェックを入れましょう。

私は「カテゴリ」と「タグ」のみにチェックを入れています。

また一覧タイプのページにある「抜粋上のメタ情報」に関しては、全てのチェックを外しています。

アイテム数は「情報を何個まで表示するのか？」という設定で、表示するメタ情報の数を設定できます。

記事に設定したタグの数が多い場合は、あまり多くの数を設定すると見栄えが悪くなるため、最適な数値を設定してください。

10.サムネイル（アイキャッチ）

記事一覧ページのサムネイル（アイキャッチ）の表示サイズや、記事ページのサムネイル表示、非表示の設定ができます。

11.投稿の行間

投稿ページで表示する文章（文字）の行間（空白の領域）を設定できます。

私はデフォルトのままで使用しています。

12.字体（フォントファミリー）

WEB ページで文章（文字）を使う場合に、読みやすいフォントの代表として「メイリオ」がおススメされています。

Luxeritas（ルクセリタス）ではデフォルトでメイリオが設定されていますので、ここはデフォルトのままで OK でしょう。

自分のサイト（ブログ）に個性を出したいという理由でフォントを変更する場合には、まずその文章（フォント）が訪問者にとって読みやすいものか？を意識する必要があります。

訪問者にストレスを与える原因にもなりかねませんので、フォントの変更は慎重に行ってください。

13.文字サイズ

こちらも「字体（フォントファミリー）」と同じで、WEB ページで読みやすい文字サイズというものがある程度決まっています。

ひとつを変更するとサイト全体のバランスが崩れる可能性があるため、変更するときは両方をセットで考える必要がありそうです。

私は、この項目もデフォルトのままにしています。

14.文字色

文字の色に関する設定です。

リンク色：リンクが設定されている文字の色（デフォルト:青）

ホバー色：リンクが設定されている文字にカーソルを合わせたときに変化する色（デフォルト:赤）

基本的には「リンクが設定されている文字＝青で表示する」といったような、WEB ページを運用（閲覧）するときの共通認識があると思いますので、個性を出そうとして変更すると、基本から外れた使いづらいサイトになる可能性があります。

ですので、もしも変更するのなら、ホバー色の部分だけと考えた方が良さそうです。

15.背景色/枠線色

表示領域ごとに、背景や枠線の色を設定できます。

複数の色を使いすぎるとごちゃごちゃして統一感がなくなってしまうので、サイトカラーをひとつ決めて、その色をメインに設定していくのがいいと思います。

ただし、いつでも自由に変更できる部分でもあるので、最初は好きな色を配色してみるのもいいかもしれません。

16.背景・タイトル・ロゴ画像

サイトの背景やタイトル部分に画像を設定できます。

デフォルトのヘッダー（一番上）部分はかなりシンプルなため、気になる方は画像を設定するのもいいでしょう。

ただし、素材となる画像は自分で用意する必要があります。

17.パンくずリンク（パンくずリスト）

「ホーム」を基準位置として、サイト内のどの位置（ページ）にいるのかを分かりやすくするためのナビゲーション機能です。

ここでは、パンくずリンクの表示位置や、リンク文字色の変更ができます。

18.ヘッダー上の帯メニュー

ヘッダー領域には基本的に「サイトタイトル」と「サイト説明文」が表示されていますが、そのさらに上の部分に「帯メニュー」を表示させることができます。

表示させるメニューの種類や、メニューの色の設定などを行えます。

帯メニューが不要な場合は非表示にできます。

19.グローバルナビ（ヘッダーナビ）

グローバルナビは「ホーム」や「サイトマップ」など、固定ページで作成したメニューが表示されている部分です。

表示されるメニューの枠のサイズや、文字色、背景色などを設定できるので、サイトカラーに合わせて統一するなどの工夫が行えます。

この項目も変更を確認しながら行うことができますので、好みに応じて設定をしてください。

こだわりがなければデフォルト設定のままにし、後で気になった時に変更する…ということでも問題ないと思います。

20.フッターナビ

WordPress（ワードプレス）側のグローバルナビ設定で、フッターナビを ON にしている場合に表示されます。

フッターナビの表示位置や、色の設定などを行うことができます。

21.モバイル用ナビボタン

モバイル用ナビに表示する項目と色の設定などが行えます。

表示形式がモバイルの場合は、PC 用のグローバルナビが表示されず、代わりにモバイル用のナビが表示されます。

PC の表示形式のままでは設定変更をしても反映された部分を確認できないため、表示形式をモバイルに変更してから作業を行ってください。

22.目次

情報発信サイトなど、１ページ辺りの情報量（文字数）が多い場合は、目次を設定するのが一般的だと思います。

文章よりも画像や埋め込み動画がメインコンテンツとなるアダルトサイトなど、そもそも見出しの設定を行わないページ構成となる場合には、目次は不要となります。

目次を使用する場合は、ここで、表示に関する詳細設定を行うことができます。

「自動で目次を挿入する」にチェックが入っていれば、見出し部分を自動で抽出→目次に反映を自動で行ってくれますので、基本的にはデフォルトのまま運用していきましょう。

23.アニメーション

サイト（ページ）の表示スピードに影響がありそうなので、余計な負荷を省くために、全ての機能を OFF にしています。

24.Lightbox（画像ギャラリー）

サイト内で使用している画像に対してアクションを設定できます。

この機能を利用するためには、設置した画像にリンク（メディアファイル）を設定する必要があります。

私は「使用しない」の設定にしています。

25.外部リンク

記事内に設置した外部リンクに対して、属性の設定やアイコンの追加ができます。

記事の外部リンクに「class=”external」を付ける

「external」は外部リンクを表す属性です。

デフォルトで ON になっているため、そのままで大丈夫です。

外部リンクのアイコン

外部リンクにアイコンを付ける場合、2 種類のアイコンからどちらかを選択できます。

アイコンを設定することで、その箇所（文字列）にリンクが設定されていることが分かりやすくなります。

必要な場合にはチェックを入れ、不要だと感じたらチェックを外してください。

記事の外部リンクに target=”_blank”を付ける

target=”_blank”を設定したリンクをクリックすると、新しいタブを開いて対象のページが表示されます。

現在のページ（タブ）は開いたままになるので、一度外部リンクへ移動した訪問者が元のページに戻ってくる可能性が高まります。

リンクの設定は記事の作成時に個別で行うことができるため、この項目は OFF にしておき、ページごとに手動で設定してくことも可能です。

外部リンクに nofollwo

デフォルトで OFF となっていますので、そのままにしています。

26.投稿者名の表示

デフォルトで ON になっており、作成した記事に対して記事投稿者の名前（ニックネーム or ブログ表示名）が表示されます。

チェックを外すことで「構造化データエラー」になると表記がありますが、無視しても問題ないエラーのため、投稿者名を表示したくない場合は OFF にしておきましょう。

27.ブログカード

ブログカードのサイズや表示設定を行うことができます。

ブログカードはおもに内部リンク（自サイト内のリンク）で使用しますが、ただの文字列のリンクよりもリンク先の情報を多く表示できます。

このブログも、内部リンクはすべてブログカードを使用しています。

28.SNS シェアボタン（1）

SNSシェアボタンの表示に関する設定とデザインの選択を行うことができます。

不要な場合は非表示にできます。

29.SNS シェアボタン（2）

表示する SNS ボタンの種類を設置できます。

Twitter（X）や Facebook などをメインに、自分が表示させたい SNS ボタンにチェックを入れてください。

30.メニュー

使用するメニューの選択と、表示位置の設定です

WordPress（ワードプレス）で設定したメニューの内容が反映されるため、ここで操作するためには、あらかじめメニューを作成しておく必要があります。

31.ウィジェット

ウィジェットを設置することで、記事（メイン）コンテンツ以外の部分に対して表示領域を追加できます。

例えばサイドバーにウィジェットを追加して「検索窓」「カテゴリ」「タグ」「広告」などを表示させることができます。

WordPress（ワードプレス）の外観メニューからも同様の操作ができるため、どちらか操作しやすい方から行ってください。

32.ホームページ設定

「ホーム」のリンク先を設定します。

デフォルトで「最新の投稿」となっていますが「固定ページ」を選択して自分が表示させたいページを指定することもできます。

33.追加CSS

追加 CSS にコード（タグ）を入力することで、テーマで設定されているデザインを変更・調整することができます。

もしも見出しや装飾など、物足りない部分があると感じたら、ここで自分好みのデザインにカスタマイズしていきましょう。

ただし、何でもできるということではなく、基本的には使っているテーマのデザイン（見た目）が大きく影響してきますので、不満が大きいようであればテーマを変更することも視野に入れておきましょう。

デザインに関してはこだわるとキリがないので、大きな不満点が見つかるまではデフォルトの見た目のままガマンすることも大事です。

まとめ

今回は Luxeritas（ルクセリタス）の外観カスタマイズ 33 項目についてザックリと紹介しました。

外観（見た目）に影響する部分がほとんどなので、すぐに設定を見直す必要はなく、とりあえずデフォルトのまま運用して、時間があるときに少しずつ調整していきましょう。

また、Luxeritas（ルクセリタス）には、他にも便利な機能や設定可能な項目がありますので、詳しく知りたい方は↓コチラの記事をご確認ください。