HOME → 3 WordPress → 

AMPのカスタマイズ Analyticsの トラッキングコードを実装

WordPress Twenty Seventeen
AMPページに
Analyticsの トラッキングコードを実装
 
AMP化が完了すると、『AMP化の効果』が気になるところだが、残念ながら「AMP for WordPress」プラグインのインストールだけでは Google Analytics で計測されない。そこで、AMPページに【 Analyticsの トラッキングコードを実装 】するカスタマイズを行った。
 
AMPページがドンドン参照されるようになった
 
以下に、【 Analyticsの トラッキングコードを実装 】する AMPの カスタマイズ要領を記載。
HOME → 3 WordPress → 

WordPress 目的の異なる AMP化 で判ったこと

WordPress Twenty Seventeen
全く異なる目的で AMP化をしたことで
理解できたこと 判ったこと 多数
 
『Accelerated Mobile Pages』:通称AMPには本来の目的があり、AMPの意義や導入の仕方についての記事が、Webサイトに数多く掲載されている。
 
PCサイトでの、AMP化前の画面とAMP画面の比較
PCサイトでの、非AMP画面とAMP画面の違い。
 
今回、本来の目的とは全く異なった理由、「Search Console のクロールで、多くのページが【 ~/amp/ 】で 「URL エラー 404」 になる」、という対策のために『AMP化』を行った。この『AMP化』を通じて理解・判明した事項を以下に記録した。
HOME → 3 WordPress → 

WordPress 投稿の編集 画像が選択できない

WordPress Twenty Seventeen
投稿の編集で画像をクリックしても選択できない
 
通常であれば、WordPressのエディター画面で、画像をクリックすると「画像設定メニュー」がポップアップ表示されるが、画像を選択することすらできないという事態に陥る。
 
画像をクリックしても選択できない
 
以下、この原因と対策。
HOME → 3 WordPress → 

WordPress エクスポート/インポートでバックアップを補完する

WordPress Twenty Seventeen
WordPress エクスポート/インポートで
バックアップを補完する
 
本番サーバーで稼働している【 WordPress 】は、毎日1回夜間に、システムバックアップを取っている。ところが時々、このバックアップ【 rsync 】に失敗してシステムダウンになることがある。この場合、前日のバックアップから修復せざるを得ないので、大事には至らないが、当日苦労して作成した記事が消滅するとは気が滅入る。
 
WordPress エクスポート/インポートで、バックアップを補完する
この対策として、長時間を要して作成した記事を、簡単にバックアップして置く方法はないかと、WordPress のエクスポート/インポート機能のテストを試みた。
HOME → 3 WordPress → 

twenty seventeen 「続きを読む」ボタンのサイズ(高さ)が合せられない

WordPress Twenty Seventeen
①.「続きを読む」ボタンのカスタマイズ:css【 entry-content 】の変更
②.検索結果一覧を表示するテンプレートについて
③.検索結果の表示=記事抜粋を表示する the_excerpt のカスタマイズ
④.コンテンツ抜粋表示のカスタマイズ:【 content-excerpt.php 】の変更
⑤.「 twentyseventeen-featured-image 」での画像の回り込み制御

 
トップページの記事一覧に表示される「続きを読む」ボタンのサイズ(高さ)と、検索結果に表示される該当記事一覧に表示される「続きを読む」ボタンのサイズが同じにならない。
コンテンツを【 'excerpt' 】で表示させる css のクラスは【 entry-summary 】で、【 get_post_format() 】を使用して表示させる css のクラスは【 entry-content 】である、という表示させる css のクラスの違いが理解できた。
HOME → 3 WordPress → 

Twenty Seventeen 文字と画像が被る 問題への対処

WordPress Twenty Seventeen
文章の一部に画像が重なる問題への対処
子テーマの style.css を変更
 
記事や固定ページの作成で、文章の下に画像を挿入した場合、画像が文章の下部に重なってしまう。
文字と画像が被る
 
以下に、この現象が発生するケースと、対処方法を記録。
HOME → 3 WordPress → 

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

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

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

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

Feedly サムネイル画像が 表示されたり されなかったりする

WordPress
【Feedly】アイキャッチ画像(サムネイル)を
表示させる方法
 
RSSフィードを Feedly で表示させると、アイキャッチ画像に、記事内の画像を拾ってきて表示されたり、全く表示されなかったりする。
 
Feedly での購読画面。

以下に、この対処法を記す。
HOME → 3 WordPress → 

wordpress 更新が出来ないトラブルへの対応

WordPress を更新しようとすると、
" いくつかのファイルをコピーできないため、
最新版のインストールができません。
"
と言うエラーメッセージが出
て、WordPress が更新出来ない。
WordPress ファイル の パーミッションを変更 することで、解決。
 
以下に、エラーのケースと、パーミッションの変更方法を記載。