HOME →  → 

Twenty Seventeen メニューバー高さと背景色を変更する

WordPress Twenty Seventeen
画面デザインに関するカスタマイズ
メニューバーの高さと背景色を変更する
 
 
Twenty Seventeen のヘッダー画像の色調に合わせて、メニューバーの背景色を変更するとともに、ナビゲーションメニューの高さがありすぎるので、高さを狭めるカスタマイズを行った。
HOME →  → 

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

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

WordPress 投稿一覧・固定ページ一覧に「最終更新日」を表示する

WordPress Twenty Seventeen
『投稿一覧・固定ページ一覧』のカスタマイズ
「最終更新日」を追加表示
 
フィードの配信やSEO対策を始めると、記事の内容を改善した更新日が気になりだす。そこで、WordPressの管理画面の『投稿一覧』に「最終更新日」の項目を追加表示して、「最終更新日」で記事を並び替えれるようにした。
HOME →  → 

「Crayon Syntax Highlighter」の使い方

WordPress Twenty Seventeen
記事作成のために導入すべきプラグイン
「Crayon Syntax Highlighter」の使い方
 
WordPressで記事を投稿する際に、HTML や CSS あるいは PHP のソースをサンプルとして表示させたい場合が多々ある。以下に、これらのソースコードを記事に張り付ける方法を記す。
HOME →  → 

WordPress 初期段階での最低限のカスタマイズ事項

WordPress Twenty Seventeen
初期段階での最低限のカスタマイズ
 
WordPress Twenty Seventeen の外観を、初期段階での最低限のカスタマイズとして、次の3項目をカスタマイズした。
 
①.サイトとページのタイトル文字を変換しないに変更する。
②.固定ページにサイドバーを表示する。
  (参考:固定ページのタイトルを非表示にする )
③.ウィジェット(サイドバー)のタイトル文字のサイズを変更する。
 
以下に、これらのカスタマイズ要領を記載。
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
【 標準のソーシャルリンクメニュー 】のカスタマイズ
その‐5 カスタマイズの子テーマ化
 
その-1 から その-4 まで【 標準のソーシャルリンクメニュー 】のカスタマイズを行ってきたが、これらのカスタマイズは、親テーマに変更を加えることを前提としてきた。そこで、これらのカスタマイズを『子テーマ』で行う方法を以下に記載した。
 
当記事の位置づけ。