- このトピックには9件の返信、2人の参加者があり、最後に
により3年、 5ヶ月前に更新されました。
-
投稿
-
【お使いの Snow Monkey のバージョン】14.3.2
【お使いの Snow Monkey Blocks のバージョン】11.3.1
【お使いの Snow Monkey Editor のバージョン】5.05.6
【お使いのブラウザ】Chrome固定フッタメニューのURLに tel: を指定して ナビゲーションラベルに下記を指定したところ
<i class="fas fa-phone-square"></i>スマホでは指定したアイコンの表示になるのですが、PCでは地球アイコン表示になってしまいます。
PCでも指定したアイコンを表示させるにはどうすればよいでしょうか？
### 試したこと
過去ログを調べて
my-snowmonkey.phpに下記を記述してみましたがうまくいきませんでした。// もしリンク先 URL が tel を含んでいたら if ( false !== strpos( $item->url, 'tel:' ) ) { // 地球アイコンを消す $item_output = str_replace( '<i class="fas fa-globe"></i>', '', $item_output ); // Phone アイコンに置換 return str_replace( $args->link_before, '<i class="fab fa-phone"></i>' . $args->link_before, $item_output ); } return $item_output; }, 11, 4いいねをした人: 居ません拝見しました、PC ではフッター固定ナビゲーションは表示されません。PC で表示されているのはソーシャルナビゲーションのようです。
投稿いただいたコードが欠落していてどの部分にフックさせているのかがわからなかったのですが、ソーシャルナビゲーションをカスタマイズするには
snow_monkey_social_nav_itemというフックが使えます。add_filter( 'snow_monkey_social_nav_item', function ( $_new_item_output, $_item_output, $_args ) { if ( false !== strpos( $_item_output, 'tel:' ) ) { $_new_item_output = str_replace( $_args->link_before, '<i class="fab fa-phone"></i>' . $_args->link_before, $_item_output ); } return $_new_item_output; }, 10, 3 );いいねをした人: 居ませんこの件、<i class=”fab fa-facebook-messenger”></i> といった fab タイプのアイコンだと問題なく表示されるようなのですが、 <i class=”fas fa-phone-square”></i> といった fas タイプのアイコンだとうまく表示されない感じです。
そんなことってありますでしょうか？
いいねをした人: 居ません/snow-monkey/assets/packages/fontawesome-free/js/all.min.jsをみてみると、phone-squareは入っているみたいですねー。試しに設置しているページはありますか？（DM いただいたページは<i class="fab fa-phone"></i>となっているようでした）いいねをした人: 居ません質問の仕方が悪くて申し訳ありませんm(_ _)m
実現したいことは、フッター固定ナビに下記のアイコンを表示させて
スマホから電話を直接かけることができるようにしたい、ということでした。<i class=”fas fa-phone-square”></i>
これをやろうとすると、クエスチョンマークが表示されてしまいます。
ソーシャルナビゲーションとフッター固定ナビゲーションの役割の違いの理解が混乱したために何を聞きたいのかわかりにくくなってしまっていたかと思います。
申し訳ありませんがもうひと息よろしくお願いいたします。
いいねをした人: 居ませんあゝ … orz
ひとつづつ順番に整理していくと解決したようです。現在、表示されています。
結局、色々試しているうちにソーシャルナビゲーションに fab タイプのアイコンを指定してしまってアイコンが表示されないとか考えてしまったことが混乱の原因だったようです。
お騒がせして申し訳ありませんでしたm(_ _)m
いつも丁寧に対応していただき感謝しています。ありがとうございました。
いいねをした人: 居ません
- トピック「フッタ固定メニューのPC版でアイコンが地球になってしまう」には新しい返信をつけることはできません。