HOME →  → 

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

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

 

HOME →  → 

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

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

 

HOME →  → 

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

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

 

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

 

HOME →  → 

WordPress 初期設定事項一覧表 -6- 管理画面の「プラグイン」での初期設定

WordPress Twenty Seventeen
初期設定事項一覧表
その-6 管理画面の「プラグイン」での初期設定
 
WordPress 初期設定事項一覧における、当記事の位置づけ。
 

 

HOME →  → 

WordPress 初期設定事項一覧表 -5- 管理画面の「ユーザー」での初期設定

WordPress Twenty Seventeen
初期設定事項一覧表
その-5 管理画面の「ユーザー」での初期設定
 
WordPress 初期設定事項一覧における、当記事の位置づけ。