君でも楽勝！ WordPressでオシャレなブログを作ってみよう【Luxeritas編その5】

2020年2月24日2020年3月17日ブログ管理Luxeritas,WordPress,WordPress基本設定,ルクセリタス,初心者

ぐず夫

「小学4年生でも作れるオシャレ風ブログの作り方」の第5回目。
進行は今回も、ぐずぐず夫がお送りいたします(カンペ棒読み)。

トリ師匠

今回は前回の続き、Luxeritasの設定をやるで。
項目としては「カスタマイズ(外観以外)の設定」じゃな。

ぐず夫

そんなら張り切って行ってみよ～♪

ということで始まりました、「WordPressでオシャレ風ブログを作ってみよう！」の第5回目、「Luxeritas設定編その2」をお送りします。誰でも1から簡単に作れるWordPressブログを是非体験してみてね！

目次やん

1. おされ風ブログてなにぃ？
2. カスタマイズ(外観以外)を設定するで！
3. ひとまずカスタマイズ終了

おされ風ブログてなにぃ？

全体の構成はコチラ！！

1．WordPressの簡単なおさらいや！
2．ドメインを購入するで！
3．サーバーを借りるで！
4．WordPressをインストールするで！
5．テーマをインストールするで！
6．ブログの基本的設定をするで！
7．プラグインを追加するで！
8．Luxeritasのカスタマイズをするで！
9．CSSで細かい見た目の設定するで！
10.Search ConsoleとAnalyticsも導入や！
11.バックアップ作成までで完了や！
Ex.やり残し作業をちょいちょいと！

トリ師匠

そんなら引き続きやってくで。
今回は第8章の続きからやったな。

ぐず夫

Luxeritasの管理設定やったか。
表には見えへんけど細かい部分の設定やったな。

トリ師匠

ん、なら8章の「カスタマイズ(外観以外)」を進めるで準備し。

ぐず夫

なんでもええでさっさと終わらそや。

トリ師匠

コンセプトは引き続き「誰でも簡単に、誰でもマネできる」で懇切丁寧にやってくつもりじゃ。第8章「Luxeritasのカスタマイズをするで！」の「カスタマイズ(外観以外)を設定」をスタートじゃ！

ぐず夫

ちなみにLuxeritasの使用バージョンは、
Luxeritas(親テーマ)が3.7.9.1、
Luxeritas Child Theme(子テーマ)が3.0.0
現在てことでヨロシク！

8章の小項目！

8-1．外観カスタマイズを設定するぞ！
8-2．カスタマイズ(外観以外)を設定するぞ！

→ ちなみに作るサイトはこんな感じだぞ！

カスタマイズ(外観以外)を設定するで！

トリ師匠

悪いんやけど、項目が多いで一気にザーッといくで。引き続き設定するパラメータ名は黒字、設定値は太字で書いてくから、自分とこの画面と見比べて見たってた。
こっちも細かな設定の中身とかは別に作ってあるでそっちを確認してな。あと先に言うとくけど、…あんまり変更してへんでよろしく。

ぐず夫

…またまた適当やな

トリ師匠

ここは設定した内容だけをツラ―っと並べるで。
そんでは早速Luxeritasメニューの「カスタマイズ」からスタートじゃ！

内部カスタマイズ選択 — 管理メニューの「Luxeritas」→「カスタマイズ」からスタート！

SEOタブ

トリ師匠

「追加するタブ」の4つは全部チェック。
「トップページの meta description」は自分とこのサイトの紹介を書いとけばええんちゃうか。
「構造化データの設定」以下の設定は初期値のまんまじゃ。ただし今回の例では変更してへんけど、必要に応じて設定したってな。

→ 設定値以外の細かい説明はコチラ！

OGP関連タブ

トリ師匠

「OGPを追加」にチェックを入れて、
FacebookとTwitterは必要に応じて設定じゃな。
こちらも個々の設定やで、必要に応じて設定したってな。

→ 設定値以外の細かい説明はコチラ！

タイトルタブ

トリ師匠

こちらの項目は初期値のまんまじゃ。
完全に好みの項目やから、それぞれで設定したってな。

→ 設定値以外の細かい説明はコチラ！

ページネーションタブ

トリ師匠

見栄えのために「全部の項目」を6件にしてるで。
せやけど、今回は完全に見栄えのためだけにこの設定にしたで、
それぞれ自分の好みに応じて変更したってな！

→ 設定値以外の細かい説明はコチラ！

AMPタブ

トリ師匠

今回はごめんやけどAMP使ってへんので、項目は初期値やで。
「AMP有効化」を未チェックで、
下の項目は全てそのままやな。

ぐず夫

一度くらいAMP使ってみたらええんちゃうか？

トリ師匠

そんなら次のサイト作る時は全部やってみよか

ぐず夫

(やべ、やぶ蛇やった…)

→ 設定値以外の細かい説明はコチラ！

PWAタブ

トリ師匠

AMPに引き続き、PWAも今回使ってまへん。
「PWA有効化」は未チェックで、下の項目も全て初期値でさ～ね。

ぐず夫

PWAも使ったことないのう。
一度見てみなあかんな。

トリ師匠

なら次回使ってみよか。

ぐず夫

(あかん、またやぶ蛇やった…)

→ 設定値以外の細かい説明はコチラ！

圧縮・最適化タブ

トリ師匠

「HTMLの圧縮率」は、圧縮率・高に設定。
「子テーマのCSS圧縮」は、親と子のCSSを結合して圧縮するを選択したで。
あと今回は子テーマのJavaScriptを使用してへんから、
「子テーマのjavascript圧縮」は必要ない(読み込まない)を選択したで。

→ 設定値以外の細かい説明はコチラ！

CSSタブ

トリ師匠

「モード選択」はLuxeritas Modeを選択。
「テーマのCSSを～」はチェックを入れて、
「WordPressのブロックライブラリ用CSS」はCSSをHTMLに埋め込むを選択したで。
「子テーマのCSSを読み込み」はチェックを入れて、
「シンタックスハイライターのCSS」は使用してへんで初期値のまま。
「ウィジェット用のCSS」は、今回【検索フォーム】と【SNSフォローボタン】だけ使用してるでチェックしたで。

ぐず夫

ブロックライブラリ用CSSて何？

トリ師匠

Gutenberg(WordPress5)になってブロックて概念入ったやろ。そん中でブロックライブラリ用のCSSってのが自動で読み込まれるようになったんやけど、そいつの扱いどないしますってことなんやけどな。

ぐず夫

(…なんのこっちゃ)

トリ師匠

Gutenbergで普通にブロック使うなら必要ない以外を選べばええんやろけど、今回は非同期でなきゃあかん必要性も感じてへんから、埋め込みを選択した感じやな。意味わからへんのやったら、埋め込みにしとくのが無難やで。

ぐず夫

な、ならそれでええわ。

トリ師匠

あとブロックライブラリ用CSSの説明項目が追記されてへんから、
ちゃんと下のページに追加しとくんやで。わかったな！

ぐず夫

うへへぇ…

→ 設定値以外の細かい説明はコチラ！

javascriptタブ

トリ師匠

「jQuery の読み込み方法」はGoogle CDN jQuery v3を選択したで。
「Migrateを読み込み」と「非同期にする」はともに未チェックや。
「bootstrap.jsの読み込み方法」は今回使用しないので必要ない(読み込まない)を選択。
「その他」の項目も全部使わないので3つとも未チェックやな。

ぐず夫

全部使わへんくてええんか？

トリ師匠

そもそも今回のコンセプトが「誰でもできる」じゃからの。
『ガッツリjavascript使いま～す』なんてこと言うわけにもいかんやん？
じゃからこれでええと思うわ。

→ 設定値以外の細かい説明はコチラ！