add_actionで追加したhtml内のFontAwesomeが表示しない

0
いいねをした人: 居ません
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • 投稿者
    投稿
  • #85187
    伊藤 ようこ
    参加者
    1

    【お使いの Snow Monkey のバージョン】15.3.5
    【お使いの Snow Monkey Blocks のバージョン】12.1.0
    【お使いの Snow Monkey Editor のバージョン】6.0.0
    【お使いのブラウザ】Chrome
    【当該サイトのURL】https://test.otoei.co.jp/ (パスワード:youko)

    ### 実現したいこと
    アクションフック「snow_monkey_prepend_footer」を使用してフッターナビゲーションを追加しました。
    <i class=”fas fa-home fa-fw”></i>のホームアイコンを表示したいです。
    HTMLで直接書くと表示されないのでしょうか?

     

    ### 発生している問題
    <i class=”fas fa-home fa-fw”></i>が表示しない
    ※fa-home以外の他のどのアイコンも表示しません

     

    ### 試したこと
    フック「’snow_monkey_append_drawer_nav’」でも試しましたが表示されません

    0
    いいねをした人: 居ません
    #85215
    アバター画像キタジマ タカシ
    参加者
    2371

    どのようなコードを書いているか、ここに貼り付けてください!こちらの環境にコピペして試してみたいと思います。

    0
    いいねをした人: 居ません
    #85216
    伊藤 ようこ
    参加者
    1

    キタジマさま

    ご返信ありがとうございます。大変失礼いたしました。こちらになります。

    add_action(
    	'snow_monkey_prepend_footer',
    	function() {
    		?>
    		<div id="footer_navi_area">
    			<div class="logo">
    				<p><a href="リンク先URL"><img src="logo.jpg" alt="ロゴ画像"></a></p>
    				<p>description</p>
    				<p>
    					<a href="リンク先URL" class="font-wight-bold"><i class="fas fa-home fa-fw"></i>HOME</a>
    				</p>
    				<p><a href="リンク先URL"><span class="smb-btn__label">お問い合わせ<br>お見積もりはこちらから</span></a></p>
    				<p>住所住所住所住所</p>
    			</div>
    		</div>
    <?php
    	}
    );
    0
    いいねをした人: 居ません
    #85224
    アバター画像キタジマ タカシ
    参加者
    2371

    ありがとうございます!

    全く表示されないのではなくて、アイコンが(?)のマークになってしまうということですかね? そうだとして、おそらくカスタマイザー → ページ速度最適化 → 軽量な FontAwesome を使用する、にチェックが入っていないでしょうか? これにチェックしていると Snow Monkey 内部で使われている FontAwesome アイコンのデータだけが読み込まれるので軽くなるのですが、Snow Monkey 内部で使われていないアイコンは (?) になるようになります。

    2
    いいねをした人:
    #86301
    伊藤 ようこ
    参加者
    1

    キタジマさま

    ありがとうございます!
    おっしゃる通りでした!!

    1
    いいねをした人:
5件の投稿を表示中 - 1 - 5件目 (全5件中)
  • トピック「add_actionで追加したhtml内のFontAwesomeが表示しない」には新しい返信をつけることはできません。

ドキュメント

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

ドキュメント

フォーラム

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

サポートフォーラム

よくあるご質問

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

よくあるご質問

お問い合わせ

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

お問い合わせ

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