ルクセリタスの使い方一覧・テーマ導入～初期設定・デザイン設定～カスタマイズ

2019-05-112021-10-14ルクセリタス・使い方

ルクセリタス
使い方・50音順一覧

ルクセリタス
逆引きで編集箇所がわかる50音順一覧

ルクセリタスLuxeritasの約40ヵ所をカスタマイズ！高速・高機能無料テーマ

ルクセリタス
約40ヵ所をカスタマイズ！

テーマ導入

テーマのインストール

以下で、ルクセリタスを例にテーマのインストール方法を紹介しています。

WordPressテーマのダウンロード～インストール方法

WordPressのテーマは、有料・無料共にたくさんありますが、サイトで配布されているテー ...

https://ayaito.net/wordpress/theme/3749/

テーマのアップデート

テーマのバージョンアップ方法詳細は以下をご覧ください。

簡単図解！Luxeritasルクセリタスのテーマアップデート方法

ルクセリタスは高速・高機能の安定した日本語無料テーマです。 2015年12月の初版から、アップデートも ...

https://ayaito.net/luxelitas/l_manual/6949/

子テーマのアップデートについては以下を。

ルクセリタス・子テーマを最新バージョンに更新

ルクセリタスは子テーマがほぼ必須ですが、子テーマも新しいバージョンがリリースされる事があります。 ...

https://ayaito.net/luxelitas/l_manual/23987/

デザインファイルの使い方

あらかじめ用意された数種類のデザインファイルから好みのデザインを選択し、簡単に変更が可能です。詳細は以下をご覧ください。

簡単！Luxeritasルクセリタスのデザインファイルのインストール～使い方

ルクセリタスには、細かなカスタマイズをしなくても簡単に見た目を変えられる「デザイン選択機能」があ ...

https://ayaito.net/luxelitas/l_manual/5961/

使い始めの設定

初期設定

SEO・OGP・SNS連携・高速化など、高機能なルクセリタスを効果的に利用する為の初期設定については以下をご覧ください。

Luxeritasルクセリタスを効果的に利用！初期設定でやっておきたい事まとめ

ルクセリタスを使い始める際に、 SEO・OGP・SNS連携や高速化機能を含め、多機能なルクセリタスをより効 ...

https://ayaito.net/luxelitas/l_manual/5892/

タイトルまわりの設定

サイトタイトル・キャッチフレーズの表示方法や、サイトアイコンの設定については以下をご覧ください。

ルクセリタスでキャッチフレーズ変更表示とサイトアイコンやタイトルの設定方法

今回は、サイトタイトルやロゴなどヘッダーまわりの設定と、サイトアイコン（ファビコン）の設定方法な ...

https://ayaito.net/luxelitas/l_manual/7188/

高速化設定

ルクセリタスの機能で高速化が簡単に行えます。詳細は以下をご覧ください。

Luxeritasルクセリタスの高速化設定方法と.htaccessへの追記方法

とにかくスピードが凄いルクセリタスですが、設定をしていなかったり、余計なプラグインを入れて重複し ...

https://ayaito.net/luxelitas/l_manual/6626/

404 Not Foud ページ設定

ページが見つからない際に表示するページの設定は以下をご覧ください。

超簡単！Luxeritasルクセリタスに404 Not Found ページを設定する

404 Not Foundって？対象のアドレスが見つからない場合に出るエラーメッセージです。ドメインは合っ ...

https://ayaito.net/luxelitas/l_manual/6935/

画像認証設定

コメント送信時のセキュリティ設定は以下をご覧ください。

Luxeritasルクセリタスの画像認証機能を使ってコメントスパム対策・３種の違い

ルクセリタスの機能、画像認証によるコメントスパム対策の設定方法です。 ContactFormで　reCAPTCHA v3 ...

https://ayaito.net/luxelitas/l_manual/6648/

設定項目索引

以下に設定項目の現時点でのすべてをまとめています。

ルクセリタスで設定できる項目のすべて-600項目！？

ルクセリタスはとても高機能で、管理画面でカスタマイズできる内容は約64種 550項目もあります！すべ ...

https://ayaito.net/luxelitas/l_manual/4161/

以下では、やりたい事から逆引きできる索引にしています。

ルクセリタスの設定　やりたい事の逆引きで編集箇所がわかる50音順一覧

ルクセリタスはとても高機能で、管理画面でカスタマイズできる内容は約64種 600項目以上もあります！ ...

https://ayaito.net/luxelitas/l_manual/4207/

デザイン設定

グローバルナビの設定

サイトのメインメニューの作成から設定は以下をご覧ください。

ルクセリタスのグローバルナビメニュー作成・設定方法～カスタマイズ

ルクセリタスには「グローバルナビメニュー」と「ヘッダー上の帯状メニュー」の２つがあります。メニ ...

https://ayaito.net/luxelitas/l_manual/7237/

ルクセリタスのメニューにアイコンフォントを使う方法

ルクセリタスで使えるアイコンフォントは、「Material Icons」と「Font Awesome」の２種類あります。 ...

https://ayaito.net/luxelitas/l_manual/23974/

ヘッダー帯状メニューの設定

ヘッダーの右上に出せる小さなメニューの設定は以下をご覧ください。

ルクセリタス・ヘッダー上の帯状メニューの特徴と設定方法

ルクセリタスには「ヘッダーにグローバルナビメニュー」と「ヘッダー上の帯状メニュー」の２つ ...

https://ayaito.net/luxelitas/l_manual/7248/

モバイル用ナビボタンの設定

※Ver3.7.0～

Luxelitasのモバイル用ナビボタンの設定と外観デザイン例

Ver.3.7.0～で実装された新機能で、モバイル端末で画面の下にナビボタンを表示できるようになりました ...

https://ayaito.net/luxelitas/l_manual/11239/

色設定

サイトのテーマカラーに合わせて色を設定する方法は、以下をご覧ください。

Luxeritasの色設定できる箇所全部まとめ＋設定にないリンク色変更方法

今回は、ルクセリタスのカスタマイザーなどから「色」設定できる箇所のまとめと、設定項目では変更でき ...

https://ayaito.net/luxelitas/l_customize/6894/

PAGETOPボタン設定

PAGETOPボタンの使い方は以下をご覧ください。

ルクセリタスのPAGETOPボタン設定＆表示位置変更とプチカスタマイズ

ルクセリタスには、PAGETOPボタンが標準装備されています。今回は、サイトのページ、右下に出 ...

https://ayaito.net/luxelitas/l_manual/7348/

SNSシェアボタンの設定

ルクセリタスのSNSシェアボタン表示方法・種類とデザイン＆プチカスタマイズ

ルクセリタスのSNSシェアボタンは、アイコンのみでの表示、文字の表示、カラーで表示など、７種類の表 ...

https://ayaito.net/luxelitas/l_manual/9618/

使い方

-　2019/7/28追記　-
Luxeritas Ver.3.6.0～　ブロックエディタに対応する機能追加が次々とリリースされています。ブロックエディタ「Gutenberg（グーテンベルク）」をお使いの方は、ブログカード挿入や定型文挿入方法、吹き出し機能などが記事内容と異なりますので、以下を参考にして下さい。

ルクセリタス・ブロックエディタ独自機能の使い方-Luxeritas Blocks

ルクセリタスには、WordPressバージョン5.0以降、新しいエディタGutenberg（グーテンベルク）に対応し ...

https://ayaito.net/luxelitas/l_manual/9324/

目次の使い方

ルクセリタスは、簡単に目次が表示出来ます。使い方は以下をご覧ください。

Luxeritasルクセリタス機能の「目次」と「目次ウィジェット」の使い方

通常のテーマであれば、目次を入れる為のプラグインが必要ですが、ルクセリタスには目次 ...

https://ayaito.net/luxelitas/l_manual/7464/

ブログカードの使い方

記事内のサイト内リンクカードの設定は以下をご覧ください。

簡単！Luxeritasルクセリタス・ブログカードの使い方とプチカスタマイズ

ルクセリタスでブログカード機能を使う方法の解説です。ブログカードって？ブログカードとは以下のよ ...

https://ayaito.net/luxelitas/l_manual/6160/

定型文の使い方

よく使うコードや文字などを登録しておき、エディタで記事編集中にボタンひとつで簡単に挿入する事が出来る機能です。

詳細は以下をご覧ください。

ルクセリタスの定型文登録の使い方～記事作成・編集を効率化！

-　2019/7/28　追記　- Ver.3.6.2～ブロックエディタでもショートコードの挿入が可能になってい ...

https://ayaito.net/luxelitas/l_manual/7767/

吹き出しの使い方

Right Caption

吹き出しの画像や色の設定

吹き出しは定型文で簡単に行えます。詳細は以下をご覧ください。

ルクセリタスの吹き出し定型文の出し方とカスタマイズ

左右にキャラアイコンが出て、吹き出しの中でおしゃべりしているようなデザイン、よく見ますよね。ル ...

https://ayaito.net/luxelitas/l_customize/3587/

Ver.3.6.以降でブロックエディタをご利用の場合は、以下の「吹き出しブロック」の項目をご覧ください。

ルクセリタス・ブロックエディタ独自機能の使い方-Luxeritas Blocks

ルクセリタスには、WordPressバージョン5.0以降、新しいエディタGutenberg（グーテンベルク）に対応し ...

https://ayaito.net/luxelitas/l_manual/9324/

サイトマップ生成

サイトマップも簡単に作成できます。詳細は以下をご覧ください。

Luxeritas(ルクセリタス)の機能でサイトマップ生成と固定ページの投稿日時削除

はじめに現在、当サイトで使用させて頂いている多機能な無料テーマ「Luxeritas(ルクセリタス)」にある ...

https://ayaito.net/luxelitas/l_manual/2897/

カテゴリー説明文を表示する

ルクセリタスには、カテゴリーごとに説明文を表示する機能があります。

この方法は以下をご覧ください。

ルクセリタスでカテゴリー説明文の出し方とカスタマイズ

Luxelitasには、カテゴリー説明文をサイトに表示する機能があります。今回は、その使い方とカスタマイ ...

https://ayaito.net/luxelitas/l_customize/3698/

ルクセリタスオリジナルウィジェット

カルーセルスライダー

「#4 カルーセルスライダー（Luxeritasオリジナル）」をヘッダー下などのウィジェットエリアに追加するだけで設置できます。

ルクセリタススライドショー機能・カルーセルスライダーの使い方

カルーセルスライダーって？サイトの上部などにスライドショー形式で記事一覧を表示できるルク ...

https://ayaito.net/luxelitas/l_manual/7428/

目次機能

「#3 目次（Luxeritasオリジナル）」をウィジェットエリアに追加するだけで記事内以外でも好きな場所に設置できます。

Luxeritasルクセリタス機能の「目次」と「目次ウィジェット」の使い方

通常のテーマであれば、目次を入れる為のプラグインが必要ですが、ルクセリタスには目次 ...

https://ayaito.net/luxelitas/l_manual/7464/

SNSフォローボタンの表示

「#7 SNSフォローボタン（Luxeritasオリジナル）」をサイドバーなどのウィジェットエリアに追加するだけで設置できます。

Twitter、Facebook、Linkedin、Pinterest、はてブ、Pocket、LINE、RSS、Feedly

　４つで表示例

　すべてのボタン表示例

※表示したいボタンが多い場合も改行はされない為、サイドバーではなくメインエリア内のウィジェットで利用すると良いですが、記事上、記事下には別のフォローボタン表示機能もあります。（外観→カスタマイズ→SNSシェアボタン(2)）

RSS/Feedlyボタンの表示

「#8 RSS/Feedly購読ボタン（Luxeritasオリジナル）」をサイドバーなどのウィジェットエリアに追加するだけで設置できます。

　タイトル初期値での表示例

QRコードを表示

「#9 QRコード（Luxeritasオリジナル）」をサイドバーなどのウィジェットエリアに追加するだけで設置できます。

タイトル
サイズ
余白
配置
背景色

　初期サイズ　250での表示例

PWA インストールボタン

「#10 PWA インストールボタン（Luxeritasオリジナル）」をサイドバーなどのウィジェットエリアに追加するだけで設置できます。

（Ver.3.15.0～の追加機能）

表示サンプル

ルクセリタス・PWAの設定方法と動作確認の仕方

ルクセリタスにはPWA機能がありますが、ワードプレスのテーマでPWA機能が標準搭載されているのは、おそ ...

https://ayaito.net/luxelitas/l_manual/9677/

アイコンフォントの利用

「Font Awesome」はアイコン版のWebフォントで、フリーとプロ（有料）があります。

フリーのものだけでSNSのアイコンや、メール、ホーム、ショップ用など様々な使いやすいアイコンを含む1,500種類ほどあり、誰でも自由に使えます。

ルクセリタスはこの簡単にアイコンフォントを簡単に利用できる機能があります。

Ver.3.7.1～の画面

「Luxelitas→「カスタマイズ」→「Font Awesomeタブ」

～Ver.3.7.0.2　の画面

「Luxelitas→「カスタマイズ」→「CSSタブ」

Luxelitas→カスタマイザーで　CSSタブを選択すると下の方に設定項目があります。

「Font AwesomeオリジナルのCSS」と、「CDN」読み込みにチェックを入れます。
※デフォルトでは「Luxeritasで必要最小限のCSSのみ」になっています。

AMP化手順

AMPも簡単に設定できます。詳細は以下をご覧ください。

AMPって？ルクセリタスで簡単AMP化手順

AMP化とは、簡単に言えばモバイル（スマホやタブレット）での高速化対応です。難しい事はわからなくて ...

https://ayaito.net/luxelitas/l_manual/3805/

PWA有効化手順

スマホアプリのように使えるPWAアプリ機能。

設定方法は以下をご覧ください。

ルクセリタス・PWAの設定方法と動作確認の仕方

ルクセリタスにはPWA機能がありますが、ワードプレスのテーマでPWA機能が標準搭載されているのは、おそ ...

https://ayaito.net/luxelitas/l_manual/9677/

外観と子テーマのバックアップ

外観の設定をバックアップ・復元、子テーマのフォルダまるごとをバックアップする機能については以下をご覧ください。

ルクセリタスのバックアップ機能の使い方・外観と子テーマ

ルクセリタスにはカスタマイズした箇所や子テーマをまるごとバックアップする機能があります。時々バ ...

https://ayaito.net/luxelitas/l_manual/7867/

カスタマイズ

カスタマイズについては以下にまとめています。

ルクセリタスLuxeritasの約40ヵ所をカスタマイズ！高速・高機能無料テーマ

高機能でスピード抜群の無料テーマ「ルクセリタス」を、いろいろカスタマイズしていますので、少しまと ...

https://ayaito.net/luxelitas/l_customize/3296/

カスタマイズまとめについては、随時追記していっていますが、この記事作成時の項目は以下の通りです。

ルクセリタス・使い方

Posted by 綾糸

簡単！サムネイル付お勧め記事をプラグインなしで好きな場所に表示する

ワードプレス「サイト内検索フォーム」ウィジェットのデザインカスタマイズ

コメント一覧

マルスより:
2023-03-04 1:12 AM
例の経緯をご報告と思いまして！
page topですが他テーマに変更→再度ルクセリタスに変更で復活しました。
装飾関係に時間とられますけど…。あー良かった(^^)
返信
- 綾糸より:
  2023-03-07 11:20 PM
  マルスさま
  良かったですね！意味不明でしたね！
  返信
マルスより:
2023-02-26 2:46 AM
いつも拝見させていただいてます。
ルクセリタスで、ちょっと問題がありまして。いつの間にかスクロールトップのボタンが見当たらなくなりました。
エクセリタスのカスタマイズでは基本onになっていますよね、なのにスクロールトップが無いのです。
ならばとプラグインで試しても何もなし。htmlとcssで記述しても変化なしなんです。
それでスクロールトップの記述があるファイルは何処にあるかご存知でしょうか？
素人の愚問ですみません。
返信
- 綾糸より:
  2023-02-26 9:53 AM
  マルスさま　はじめまして
  PAGE TOPボタンの設定は「外観・カスタマイズ・細部の見た目」のところですが、非表示にするという選択肢はないので、設定の問題ではないですよね。
  下部に広告が表示されていて、隠れているというような事はないでしょうか？
  以下のCSSで通常の表示位置より上に表示してみる方法で確認できるかと思います。
  #page-top {bottom: 100px;}
  ※数字部分はもっと上にしてみる場合は増やして下さい。
  それでも出ないようであれば、ちょっとわからないです・・・。
  返信
  - マルスより:
    2023-02-26 12:54 PM
    早急のお返事ありがとうございます。
    下方に広告はありませんので隠れてはいません。
    #page-top {bottom: 100px;}
    数字を300・500・800と試みましたが、出ませんでした。
    お手間をかけすみません。ありがとうございました。
    返信
    - 綾糸より:
      2023-02-28 4:49 PM
      マルスさま
      それだけ動かしても表示されないということは、以下くらいしか考えられないですがそんな事ないですよね・・・。
      ・CSSに　display:none;　を追記している
      ・背景色とボタンの色が同じ
      解明できるかどうかはわかりませんが、サイトアドレスを書いて下さればもう少し詳しく調べられる可能性はあります。
      返信
      - マルスより:
        2023-02-28 9:41 PM
        何度もありがとうございます。
        上記2つの考えられる問題、確認しましたがそうではありませんでした。
        あとから、プラグイン全停止・追加css全削除してみましたがそれでも駄目。
        たぶんですが、ルクセリタスの高速化とLight speed cacheの高速化をやってみたのが原因かと…
        結果、Light speed cacheを削除してスピードは安定しました。Page topは無くなりましたが。
        サイトはですね…あまり人には言えない系なのですみません。
      - 綾糸より:
        2023-02-28 11:45 PM
        経過ご説明頂きありがとうございます。
        なるほどです。
        まぁほとんどがモバイルでの閲覧なら、page top必要ないですし、ヨシとしますか！
        お役に立てずすみませんです。