標準 SNSボタン カスタマイズ -1- ボタンの形・サイズ・間隔の変更

WordPress Twenty Seventeen
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その-1 ボタンの形・サイズ・間隔の変更
 
フッターに表示される【 標準のソーシャルリンクメニュー 】の変更前と変更後。 
標準のソーシャルメニューをカスタマイズ
【 twenty seventeen 】には、「ソーシャルリンクメニュー」が標準で用意されているが、利用するには幾つかのカスタマイズが必要である。この中で、当記事は次の位置づけとなる。
 

スポンサー リンク

 
 
 
 
1. まずは、標準のソーシャルメニューのアイコンに、背景色を設定する。次の内容を style.css に追記。
 
 
 
2. 次に、標準のソーシャルメニューのアイコンを、四角にし間隔を変更する。次の内容を style.css に追記。
 
 
 
3. 最後に、標準のソーシャルメニューアイコンの、フォントを大きくする。
 
 

以上で、カスタマイズ その-1 ボタンの形・サイズ・間隔の変更 は完了。URLの設定等は、次の、カスタマイズ その-2 ボタンの追加と削除( Webフォントも追加 )を参考にされたし。

 

以上。
(2017.10.02)

 

 

スポンサー リンク

コメントを残す

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

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください