【WordPress】カスタムナビゲーションメニューを使用してウィジェットに表示。SVG Social Menu

svg_social_menu_s
SVG Social Menuはカスタムナビゲーションメニューを使用してウィジェットにベクトルアイコンのようなソーシャルメディアのリンクを表示することができます。

SVG Social Menuプラグインを導入

ダッシュボード >> プラグイン >> 新規追加 >> SVG Social Menuを検索
有効化にするとウィジェットにSVG Social Menuとメニューのテーマ位置にSVG Social Menuが追加されます。

ウィジェット

svg_social_menu_1

svg_social_menu_2
表示させたいウィジェットエリアに移動させます。タイトルはつけなくても構いません。

メニュー

svg_social_menu_3
外観 >> メニューに移動し、新規メニューを作成します。メニュー設定でテーマの位置をSVG Social Menuにチェックを入れます。

svg_social_menu_5
左カラムのメニュー項目からカスタムリンクを選択し、上記画像のURL部分にプロフィールリンクを入力します。サポートされているソーシャルネットワークは以下になります。

  1. plus.google.com
  2. wordpress.org
  3. wordpress.com
  4. facebook.com
  5. twitter.com
  6. dribbble.com
  7. pinterest.com
  8. github.com
  9. tumblr.com
  10. youtube.com
  11. flickr.com
  12. vimeo.com
  13. instagram.com
  14. linkedin.com
  15. xing.de
  16. xing.com
  17. /feed

リンク文字列も入力したらメニューに追加します。必要なものを入力し終えたら最後にメニューを保存をします。

svg_social_menu_4
CSSで成形すると綺麗になります。

 
SVG social menu

【WordPress】カスタムナビゲーションメニューを使用してウィジェットに表示。SVG Social Menu

  • LATEST
  • RELATED
  • POPULAR