Font Awesome 5 の Pro版用のCDNコードを入れたい

0
いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #30708
    アバター画像星乃 みなみ
    閲覧者
    36

    トピックを新しく立てる方は次の項目も記述してください(要望トピックの場合は不要です)。

    【お使いの Snow Monkey のバージョン】 最新版
    【お使いのブラウザ】 chrome
    【当該サイトのURL】 https://www.kigoulab.co.jp/

    ===
    Font Awesome 5 の Pro版を使おうと思っています。

    下記はサンプルですが、このようなコードを<head>内に記述する必要があります。
    外部Jsファイルはフックのかけ方を教えていただきましたが、これはJsではないので使えません。
    head.phpの子テーマをつくって入れる形になりますか?
    子テーマ自体つかったことがないので、実体がMVCのどこにあるのかもわかりません。
    どのようなアプローチでいれればよいでしょうか?

    <link rel=”stylesheet” href=”https://use.fontawesome.com/releases/v5.8.2/css/all.css” integrity=”sha384-oS3vJWv+0UjzBfQzYUhtDYW+Pj2yciDJxpsK1OYPAYjqT085Qq/1cq5FLXAZQ7Ay” crossorigin=”anonymous”>

    0
    いいねをした人: 居ません
    #30717
    キタジマ タカシ
    参加者
    2253

    CSS の場合は wp_enqueue_style() を使うのが一般的ですが、integrity とか crossorigin 属性を入れるとなるとちょっとめんどくさいので、僕なら wp_head アクションフックを使ってやりますかね。基本的に head 要素の中に何か入れるのはこの方法になります(JS や CSS はなるべく専用のフックを使うのがベスト)。

    0
    いいねをした人: 居ません
    #30720
    アバター画像星乃 みなみ
    閲覧者
    36

    有料を購入してみると、CDNでなくJsがでてきました

    <script src=”https://kit.fontawesome.com/1305886635.js” crossorigin=”anonymous”></script>

    Jsの追加方法はお伺いしているのですが、後半のcrossorigin=”anonymous”をどのように記述したらよいかわかりません。ご教授いただけますでしょうか?

    0
    いいねをした人: 居ません
    #30741
    キタジマ タカシ
    参加者
    2253

    js 場合も crossorigin 属性の追加は面倒なので、僕なら wp_head でやっちゃいますかね…。

    0
    いいねをした人: 居ません
    #30747
    アバター画像星乃 みなみ
    閲覧者
    36

    Font Awesome公式プラグインをいれて、
    Proにチェック、そこからリンクしているページでCDNのコードを、フックでいれたら
    表示されるようになりました。

    いろいろありがとうございました!
    閉じます!

    0
    いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「Font Awesome 5 の Pro版用のCDNコードを入れたい」には新しい返信をつけることはできません。

ドキュメント

Snow Monkey の設定方法やマニュアルを掲載しています。

ドキュメント

フォーラム

Snow Monkey の使い方やカスタマイズについてのご質問・ご要望等はサポートフォーラムで行っています。サポートフォーラムは誰でも閲覧できますが、書き込みできるのは Snow Monkey 購入者のみとなります。

サポートフォーラム

よくあるご質問

Snow Monkey のサービスについて不明な点がある場合は、まずはよくあるご質問をご確認ください。

よくあるご質問

お問い合わせ

よくあるご質問を見ても解決しなかった場合、試用版の申請については問い合わせフォームからお願いいたします。

お問い合わせ

Snow Monkey は Gutenberg ブロックエディターに対応した 100%GPL の WordPress テーマです。拡張性を意識した開発をおこなっており、カスタマイザーとブロックでスピーディーにサイトを立ち上げるだけでなく、CSS やフックを駆使した高度なカスタマイズにも柔軟に対応できます。