JavaScriptの設定をLuxeritas(ルクセリタス)のカスタマイザー機能を使ってやってみる!【Javascript 編】

2018年10月26日ブログ管理Javascript, Luxeritas, Luxeritas内部カスタマイズ, ブログ管理, 初心者

JavaScriptヘッダー

トリ師匠
トリ師匠
こんなええ陽気でもダラダラして。少しはやる気をみせ!

ぐず夫
ぐず夫
あいにく持ち合わせがないんや。
トリ師匠
トリ師匠
(…いよいよあかんな)
もうええ、今回はJavascriptの設定すんで。用意せえ!

ということで、今回はLuxeritasのカスタマイザー機能を使って「Javascript」の内部設定をしてみたいと思います。

Javascript 機能

内部カスタマイズ選択

トリ師匠
トリ師匠
Javascriptの内部的な設定を行う機能じゃ。初心者にはちと聞き慣れん機能じゃけど、管理画面から「Luxeritas」「カスタマイズ」を選択して「Javascript」タブを押してみよか。

そもそもJavaScriptってなんやねん?

JavaScriptってなんぞや

ぐず夫
ぐず夫
「じゃばざはっと」てなんじゃ?

トリ師匠
トリ師匠
「JavaScript」じゃ。一種のプログラム言語じゃな。ここはカスタマイズの説明やで細かい説明は省くけど、最近ページの中で動きのあるコンテンツをよく見るじゃろ。それらの多くが、このJavaScriptで作られてるの。画面に出てくるポップアップ表示とか、ブラウザでできるゲームなんかもこれで作れるで。
ぐず夫
ぐず夫
ほへ~。オシャレさんのツールてことか。
トリ師匠
トリ師匠
Luxeritasも一部機能でこのJavaScriptが使われてるからの、それを使うための内部設定をしてやる言うことや。
ぐず夫
ぐず夫
なーるへそ。なんとなく分かったで。
トリ師匠
トリ師匠
(…珍しいこともあるもんじゃ)

① jQuery

【 jQuery の読み込み方法 】
jQuery(簡単に言えばJavaScriptをさらに使いやすくする機能)の読み込み方法を選択します。

トリ師匠
トリ師匠
jQueryを使うためにはどっかからjQueryのファイルを読んでこなあかんのやけど、それをどこから読んでやるかの設定じゃ。
ダンパ
ダンパ
Googleが提供してるCDN(簡単に言うとjQuery用の専用サーバー)にはv1、v2、v3があり、速度が速いことで有名です。ちなみに作者さんは18年現在v3をオススメしていますが、IE8以下未対応や古いプラグインとの相性は謎とのこと。動作の安定性を求めるならば「全て結合する」を選択するのが無難かもしれませんね。

【 jQuery-Migrate を読み込む 】
jQuery-Migrate(簡単に言えば古いjQueryのバージョンで使用できた機能を使えるようにする機能)の読み込みを設定する。

トリ師匠
トリ師匠
古いプラグインを使ってると必要になるかもしれんの。そもそも何年も更新されてへん古いプラグインを使うこと自体、ワシはオススメせんけどな。

【 jQuery を非同期にする 】
jQueryの読み込みタイミングを非同期に設定します。

トリ師匠
トリ師匠
注釈にもあるけど、プラグインによっては同期してjQueryを読んでへん関係で、うまく動かんようになることがあるで。分からへんならチェックは不要かもしれんな。

② Bootstrapプラグイン

【 bootstrap.js の読み込み方法 】
Bootstrap(簡単に言えばサイトの見栄え用素材集)使用時のbootstrap.js読み込みの方法を設定します。

トリ師匠
トリ師匠
asyncとdeferは読み込み順を保持する、しないの差なんやけど…。人それぞれ状況が違うで何とも言えん。使ってないなら「必要ない」でOKじゃ。

③ その他のJavascript設定

【 子テーマのJavascriptを読み込まない 】
子テーマで作成したJavascriptの読み込み有無を設定します。

トリ師匠
トリ師匠
自分でJavascriptの処理を追加してへんのやったら読み込む必要ないの。

【 IE8以下でHTML5に対応させる 】
【 IE8以下でレスポンシブに対応させる 】

IE8以下のブラウザでも表示を対応するか選択する機能。

トリ師匠
トリ師匠
既にサポートを終了してるブラウザまでカバーするかはサイト運営側の判断じゃな。チェック入れるにしても、もちろんサイトの速度は落ちるで気をつけてな。

【 WordPressの絵文字用スクリプトを読み込まないようにする 】
WordPressの絵文字スクリプトの読み込み有無を選択する。

トリ師匠
トリ師匠
絵文字を使わへんなら不要やでチェックするとええで。絵文字を知りたい人はこちら(公式)をどーぞ。

【 WordPressのEmbed機能をOFFにする 】
Embed機能の読み込み有無を選択する機能。

トリ師匠
トリ師匠
記事ん中でサイトのURL貼るだけでブログカードになるっちゅう機能じゃな。不要ならチェックすりゃええで。

 

Javascriptの設定を終えて…

ぐず夫
ぐず夫
まーた謎な機能や。ここんとこ、ホンマに多いで。
トリ師匠
トリ師匠
そない謎でもないじゃろ。今日日JavaScriptなんぞどこでも使われてるで。
ぐず夫
ぐず夫
ワシが知らん言うとるんじゃ!
トリ師匠
トリ師匠
これから覚えりゃええ。そんなオシャレサイト作ってる訳ちゃうんやから慌てて覚える必要もないわ。
ぐず夫
ぐず夫
(うぐぐぐ、今に見ておれよ)

以上でJavascript編の内部カスタマイズを終了します。

ではまた次回!