HOME →  → 

標準 SNSボタン カスタマイズ -4- サイドバーへの表示

WordPress Twenty Seventeen
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その‐4 サイドバーへの表示
 
 サイドバーへの表示結果。
ソーシャルメニューのカスタマイズ サイドバーへの表示
 
当記事の位置づけ。
HOME →  → 

標準 SNSボタン カスタマイズ -3- 新しいボタンの作成( Line と はてな を追加 )

WordPress Twenty Seventeen
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その‐3 新しいボタンの作成( Line と はてな を追加 )
 
Lineはてな ボタンの追加前と追加後のフッター。 
Line と はてな を追加
 
当記事の位置づけ。
ソーシャルメニュー ~カスタマイズ~ 一覧
 
 
 
③.新しいボタンの作成( Line と はてな を追加 )
 
 
HOME →  → 

標準 SNSボタン カスタマイズ -2- ボタンの追加と削除

WordPress Twenty Seventeen
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その-2 ボタンの追加と削除
 
フッターに表示される【 標準のソーシャルリンクメニュー 】のボタンの追加前とボタンの追加後。(Lineはてな が表示されていない。) 
SNSボタンの追加
 
【 twenty seventeen 】には、「ソーシャルリンクメニュー」が標準で用意されているが、利用するには幾つかのカスタマイズが必要である。この中で、当記事は次の位置づけとなっている。
ソーシャルメニュー ~カスタマイズ~ 一覧
 
 
②.ボタンの追加と削除( Webフォントも追加 )
 
 
 
 
HOME →  → 

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

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

Twenty Seventeen アイキャッチ画像 表示位置の変更 と 表示/非表示を制御

WordPress Twenty Seventeen カスタマイズ
アイキャッチ画像 の 表示位置の変更
画像のサイズによって、表示/非表示を制御
 
Twenty Seventeen の アイキャッチ画像(画像サイズ 2200 x 1237 )は、記事ページ では下図のように表示される。
 
アイキャッチ画像のカスタマイズ
 
画像サイズを調整しなければ、
①.メニューバーの直下に、余白もなく表示される。
②.サイドバーも含めて、横幅一杯まで表示される。
③.記事タイトルとの間に、余白が取られる。
と、アイキャッチ画像があまりにも目立ちすぎる。
 
そこで、アイキャッチ画像の
①.表示位置の変更。
②.画像のサイズによって、表示/非表示を制御。
してみた。以下に、その方法を記載。