IsleMag カスタマイズ③HOMEとSNSアイコンを追加

Last modified on:

FirmBee / Pixabay

トップメニューのHOMEをアイコン表示に変更

現在メニューにHOMEを入れていましたが、下記のように「HOME」となっています。

これをよく見かける家のアイコンに変更したいと思います。

 

 

①カスタマイズ画面からメニュー編集を選択します。

②現在のHOMEを削除します。(上記のHOMEはカテゴリーで作成していました)

③カスタムリンクを新規追加します。WEBアイコンのFont Awesomeを使用します。

  • URL: HOMEアドレス記載
  • ナビゲーションラベル : <i class=”fa fa-home fa-lg”></i>

 

 

これで、家アイコンに変わりました。

 

SNSアイコンをヘッダーに追加

今度はヘッダーのTOPにSNS用のアイコンを追加します。

①カスタマイズ画面から「ヘッダー」→「ヘッダートップバー」→アイルマグにて、アイコンを追加します。

②以下のようにFacebookなど検索するとFont  Awesomeからいくつか表示されるので好きなものを選びます。

 

③リンクにShare用のリンクを記載します。

ここでは、https://www.facebook.com/sharer/sharer.php? を記入。

 

 

設定後に、SNSへリンクが飛ぶか確認

設定後の画面は以下のような感じになりました。

 

 

 

参考情報

SNSのリンクの書き方は以下が参考になります。

SNSのシェアボタンの設置方法まとめ (サンプルコード付き)

 


コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です