FontAwsomeをCDNから、WordPressで利用する

FontAwesome（フォントオーサム =>フォントってすごい!の意味）をCDNから利用する

https://cdnjs.com/libraries/font-awesome

CDNで読み込むときはfunctions.phpに下記のように記載します

function register_css()
{ // 管理画面でないなら
  if (!is_admin()) {
    
    wp_register_style( 'aos', 'https://unpkg.com/aos@2.3.1/dist/aos.css');
    wp_enqueue_style('aos');

//FontAwesome
    wp_register_style( 'font-awsome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.1.2/css/all.min.css');
    wp_enqueue_style('font-awsome');

wp_register_style はCDNから読み込みをします。当然非同期なので、とりあえずデータ取るまで待ちます。戻値はtrue falseを返します。

ライブラリデータが取得できなかったときは、falseが返却されます。

CDNについてわかりやすい説明はこちら。

そして、CDNから、取得できたファイルを wp_enqueue_style(‘font-awsome’); でキューに入れる。

キューは、順番に処理されるタスクが格納されているもの。

教えるときは、身の回りにある、たとえを使いのが、一番良いです。

トンネルと同じ。

トンネルは、入った車から、順番に出ていく。これをファーストイン、ファーストアウトと言います。

順番が担保されているというのは、WEB開発の世界では大変ありがたいことです。

アチラコチラのCDN（コンテンツデリバリーネットワーク）から、データを取得するし、依存関係もあります。なので、順番が大切です。

400CCのバイクに乗るためには、原付きくらいは、運転できてほしい。

原付きができないときは、自転車は乗れている方がいい。

自転車も乗れないなら、補助輪つきの自転車で練習しよう。

jQueryのカレンダーを表示するライブラリがあります。

なかなか便利で、使用頻度も高いです。

jQueryのカレンダーを表示するライブラリ、‘jquery-datetimepicker’を利用するには、当然、jQueryがインストールされていることが必要です。

それらをCDNから取得する場合、jQueryがない状態で、’jquery-datetimepicker’を利用すると当然エラーになります。

400CC乗る前に、まず自転車に乗れるようになりましょう。…

なんとなくにている。

ちなみに、原付免許があれば、ニュージランドでは750CCのバイクが乗れるのです。

昔、旅行で行ったとき、750cc乗れるけど、怖くてビビってしまい、乗れませんでした。

50から750ccのバイクは大きすぎました。400ccならのっていたかもしれない。

では、また

Blog