HOME → 3 WordPress → 

Twenty Seventeen リンクの 文字・色・下線 のカスタマイズ

WordPress Twenty Seventeen
画面デザインに関するカスタマイズ
リンクの 文字・色・下線 のカスタマイズ
 
「Twenty Seventeen」のリンク文字は黒で、そこに黒い下線が引かれてリンクの目印となっている。また、リンクにマウスを合わせると、下線がひとまわり太く表示されるように設定されており、さらに、背景色を変更してみると白の下線も引かれている。
以下に、これらのカスタマイズ要領を記す。
HOME → 3 WordPress → 

標準 SNSボタン カスタマイズ -5- カスタマイズの子テーマ化

WordPress Twenty Seventeen
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その‐5 カスタマイズの子テーマ化
 
その-1 から その-4 まで【 標準のソーシャルリンクメニュー 】のカスタマイズを行ってきたが、これらのカスタマイズは、親テーマに変更を加えることを前提としてきた。そこで、これらのカスタマイズを『子テーマ』で行う方法を以下に記載した。
 
当記事の位置づけ。
HOME → 3 WordPress → 

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

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

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

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

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

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

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

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

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

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

WordPress カスタマイズ 『前の記事』『次の記事』を非表示にする

WordPress Twenty Sixteen カスタマイズ
『前の記事』、『次の記事』を非表示にする
 
WordPressでは、投稿記事の下部に次のような『前の記事』や『次の記事』へのリンクが自動的に挿入される。これを非表示にしてみる。
 
HOME → 3 WordPress → 

RSSフィードのベストプラクティス!【 FeedBurner 】の導入と設定要領

WordPress
RSSボタン や Feedlyボタン の設置は、
FeedBurner の導入で、一発解決。
 

WordPress RSS ボタンの設置と購読の詳しい方法
WordPress Feedly ボタンの設置と購読要領
と、2つの設定をしてきたが、それぞれに問題を抱えていた・・・が、

FeedBurner を導入することで、これらがいとも簡単に設定できると同時に、問題も一気に解決した(勿論、SSL化対応も簡単。)。さらに、購読者数や人気の記事などが分析できる機能まであるという優れもので、RSSフィードを配信するなら Feedburner を使えということ。

以下、FeedBurnerの導入要領 と WordPressでの設定要領について纏めた。

HOME → 3 WordPress → 

WordPress Feedly ボタンの設置と購読要領

WordPress
人気が高いと言われている
Feedly サービスへの対応。
 
RSSボタンの設置を行ったので、Feedlyボタンも設置してみる。
Feedlyボタン作成ページ』にアクセスし、3つの工程を行うとHTMLコードが生成されるので、これをウィジェットに貼るだけで設置できる。