HOME　→　　→　
投稿日:

WordPress 軽量のソーシャルボタンを自作し、任意の場所に表示する

WordPress Twenty Sixteen カスタマイズ
SNSボタンをまとめたショートコードを作成し、
任意の場所に表示
 
①．「PageSpeed Insights」で測定すると、【 Poor 】と遅い。
②．「WP Social Bookmarking Light」プラグインを使用しているが、表示位置が自由にならない。
 
軽量のソーシャルボタンを自作

という理由で、最も軽いソーシャルボタンをPHPファイルで作成し、SNSボタンを投稿ページや固定ページの任意の場所に、PHPファイルを動かす 『ショートコード』 で表示できるようにした。
 
以下、ソーシャルボタンをPHPで作成し、そのPHPファイルをショートコードにする方法を纏めた。

 

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にリダイレクトさせ、記事が重複しないようにした。
 
記事毎のリダイレクト