HOME　→　　→　
投稿日:

【アイキャッチ画像 差替えで解決】AMP > 推奨サイズより大きい画像を指定してください

WordPress Twenty Seventeen
AMPに関する警告
「推奨サイズより大きい画像を指定してください」
解決方法
 
結論。
アイキャッチ画像を 差替えれば解消する
画像サイズの幅は【 1200 ピクセル 】以下でもOK
 
警告の出た 7件の内、テストの意味を含め 4件 だけを次の様な画像サイズに差し替えた
 
以下、この警告への対処結果を記録。

 

HOME　→　　→　
投稿日:

ドキュメントに AMP コンポーネントの「script」タグが複数あります。

WordPress Twenty Seventeen
AMPのカスタマイズ
「script」タグの埋め込みを 削除
 
Search Console の AMP で、AMP化したページが「有効（警告あり）」になるも、「ドキュメントに AMP コンポーネントの「script」タグが複数あります。」という警告が出る。
 
ドキュメントに AMP コンポーネントの「script」タグが複数あります。
 
以下に、この解決策を記述。

 

HOME　→　　→　
投稿日:

「お問い合わせ」 reCAPTCHA インテグレーションのセットアップ

WordPress Twenty Seventeen
Contact Form 7
メールフォームの スパム対策
 
Contact Form 7をバージョン 5.1へとアップデートすると、reCAPTCHA v3へ変更してくださいと表示される。
 
reCAPTCHA v3へ変更してくださいと表示される
 
以下に、Contact Form 7の reCAPTCHA を【v2→v3】に変更した方法を記録。

 

HOME　→　　→　
投稿日:

スマホでの撮影 緑色の帯が写る ゴーストや フレアの防ぎ方

スマホ・タブレット 関連ノウハウ
スマホでの撮影 ゴーストやフレアの防ぎ方
 
逆光で撮影する場合、アングルによってはゴーストが出る。
 
逆光でのゴースト
 
以下に、この現象を防ぐための【くだらない】実験結果を記録。
 

 

 

HOME　→　　→　
投稿日:

Windows 10 PC 突然 LINEの「ログイン画面」が表示される

Windows PC 関連ノウハウ
LINEが勝手にインストールされ
「ログイン画面」がポップアップ表示される
 
Windows PC ではLINEを全く使用していないが、2018年11月10日頃より、突然 LINEの「ログイン画面」が、ポップアップ表示されるようになった。
 
LINEの「ログイン画面」ポップアップ
 
以下、この対策を記載。

 

HOME　→　　→　
投稿日:

構造化データ hentry hatom エラーへの対処

WordPress Twentyseventeen サイトの管理
Search Console
構造化データ エラーへの対処
 
WordPressによるブログサイトで、構造化データのエラーが発生している。
 
Search Connsole の「検索での見え方」→「構造化データ」で、「エラーが発生したアイテム」が表示される
 
hentry エラー： /?page_id=xx 固定ページでのみ発生。
・author がありません
・updated がありません 
 
hatom エラー： /?cat=xx カテゴリーページでのみ発生。
・author がありません 
 
以下に、これらエラーへの対処方法を記載。

 

HOME　→　　→　
投稿日:

AMPページ の フォントを変更する方法

WordPress Twenty Seventeen
AMPカスタマイズ
AMPページ の フォントを変更する
 
プラグインの AMP for WordPressで『AMP化』したページは、フォントが明朝体になってしまうので、通常ページと同じフォントになるよう「AMPのカスタマイズ」を行った。
 
「style.php」の「font-family:」を変更した結果
 
以下に、AMPページのフォント変更要領を記載。

 

HOME　→　　→　
投稿日:

固定ページに 投稿日・更新日・投稿者を表示する

WordPress Twenty Seventeen
固定ページのカスタマイズ
投稿日・更新日・投稿者を表示する
 
固定ページには、タイトルは表示されているが、「投稿日・更新日・投稿者」は表示されていない。管理面・SEO面から、これらを表示することにした。
 
固定ページに 投稿日・更新日・投稿者を表示する
 
以下、固定ページへの「投稿日・更新日・投稿者」の表示要領。

 

HOME　→　　→　
投稿日:

AMPカスタマイズ SNSボタン（ソーシャルボタン）を表示する

WordPress Twenty Seventeen
AMPページに
SNSボタン（ソーシャルボタン）を表示する
 
SNSボタンの表示要領。
①．amp-social-shareスクリプトタグをAMPページのheadタグ内に入れる
　→「html-start.php」のカスタマイズ。
②．SNSボタンを表示するショートコードを作成する
　→ <amp-social-share> タグが、ビジュアルエディターで削除されるため。
③．SNSボタンを表示したい箇所に、ショートコードを記述 
 
AMPページにSNSボタンを表示
 
以下、AMPページにSNSボタンを表示させた記録。