HOME　→　　→　
投稿日:

WordPress 本格的に記事を投稿する前の準備事項

WordPress 『導入と設定』に関するノウハウ集
WordPress の初期設定
記事作成のための準備事項一覧表
 
WordPress 『管理画面』での初期設定事項がすべて完了すると、次に、本格的に記事を投稿する前に、下記準備を行っておく。
 
①． 固定ページの作成。
②．メニューの作成。
③．カテゴリーの作成。
 
以下に、この要領を記載。

 

HOME　→　　→　
投稿日:

Twenty Seventeen ビジュアルエディター 画像が縮小表示されない

WordPress Twenty Seventeen
記事を投稿する ”編集” での問題点
TinyMCE ビジュアルエディター上で
画像が縮小表示されない
 
投稿の編集での『ビジュアル』タブで、メディア追加をした後、画像のサイズを縮小するために、画像のコーナーをドラッグして、ドロップしても、元のサイズで表示されてしまう。
ビジュアルエディターで画像サイズが縮小出来ない
このトラブルの解決に、いたく手間取った記録。

 

HOME　→　　→　
投稿日:

WordPress ドメイン移行に伴う 記事毎の リダイレクト設定

nginx での WordPress 運用管理
記事毎のリダイレクト設定
「Redirection」プラグインが簡単・便利
 
記事のカテゴリーが増えてきたので、新しいドメインを取得し、主たるテーマでドメインを分割することにした。記事毎に内容を改善しつつ移行すべきと、一度に移行できない。移行できた記事から順次、旧ドメインでのURLを新ドメインのURLにリダイレクトさせ、記事が重複しないようにした。
 
記事毎のリダイレクト
 

 

HOME　→　　→　
投稿日:

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

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

 

HOME　→　　→　
投稿日:

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

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

 

HOME　→　　→　
投稿日:

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

WordPress Twenty Seventeen
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その‐３ 新しいボタンの作成（ 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 ）は、記事ページ では下図のように表示される。
 
アイキャッチ画像のカスタマイズ
 
画像サイズを調整しなければ、
①．メニューバーの直下に、余白もなく表示される。
②．サイドバーも含めて、横幅一杯まで表示される。
③．記事タイトルとの間に、余白が取られる。
と、アイキャッチ画像があまりにも目立ちすぎる。
 
そこで、アイキャッチ画像の
①．表示位置の変更。
②．画像のサイズによって、表示／非表示を制御。
してみた。以下に、その方法を記載。