WordPress

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

May 2, 2016

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部分にプロフィールリンクを入力します。サポートされているソーシャルネットワークは以下になります。

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

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