WordPress Twenty Seventeen
Contact Form 7
メールフォームの スパム対策
Contact Form 7
メールフォームの スパム対策
Contact Form 7をバージョン 5.1へとアップデートすると、reCAPTCHA v3へ変更してくださいと表示される。
以下に、Contact Form 7の reCAPTCHA を【v2→v3】に変更した方法を記録。
HOME → →
「お問い合わせ」 reCAPTCHA インテグレーションのセットアップ
HOME → →
スマホでの撮影 緑色の帯が写る ゴーストや フレアの防ぎ方
スマホ・タブレット 関連ノウハウ
スマホでの撮影 ゴーストやフレアの防ぎ方
スマホでの撮影 ゴーストやフレアの防ぎ方
逆光で撮影する場合、アングルによってはゴーストが出る。
以下に、この現象を防ぐための【くだらない】実験結果を記録。
HOME → →
Windows パソコン 音が出ない
Windows PC 関連ノウハウ
パソコンから 音が出なくなった
パソコンから 音が出なくなった
スピーカー/イヤホンともに微かに音が出るが、音量を上げられないという問題が発生する。
以下に、この原因と解決策を記録。
HOME → →
Windows 10 PC 突然 LINEの「ログイン画面」が表示される
Windows PC 関連ノウハウ
LINEが勝手にインストールされ
「ログイン画面」がポップアップ表示される
LINEが勝手にインストールされ
「ログイン画面」がポップアップ表示される
Windows PC ではLINEを全く使用していないが、2018年11月10日頃より、突然 LINEの「ログイン画面」が、ポップアップ表示されるようになった。
以下、この対策を記載。
HOME → →
構造化データ hentry hatom エラーへの対処
WordPress Twentyseventeen サイトの管理
Search Console
構造化データ エラーへの対処
Search Console
構造化データ エラーへの対処
WordPressによるブログサイトで、構造化データのエラーが発生している。
hentry エラー： /?page_id=xx 固定ページでのみ発生。
・author がありません
・updated がありません
・updated がありません
hatom エラー： /?cat=xx カテゴリーページでのみ発生。
・author がありません
以下に、これらエラーへの対処方法を記載。
HOME → →
AMPページ の フォントを変更する方法
WordPress Twenty Seventeen
AMPカスタマイズ
AMPページ の フォントを変更する
AMPカスタマイズ
AMPページ の フォントを変更する
プラグインの AMP for WordPressで『AMP化』したページは、フォントが明朝体になってしまうので、通常ページと同じフォントになるよう「AMPのカスタマイズ」を行った。
以下に、AMPページのフォント変更要領を記載。
HOME → →
固定ページに 投稿日・更新日・投稿者を表示する
WordPress Twenty Seventeen
固定ページのカスタマイズ
投稿日・更新日・投稿者を表示する
固定ページのカスタマイズ
投稿日・更新日・投稿者を表示する
固定ページには、タイトルは表示されているが、「投稿日・更新日・投稿者」は表示されていない。管理面・SEO面から、これらを表示することにした。
以下、固定ページへの「投稿日・更新日・投稿者」の表示要領。
HOME → →
AMPカスタマイズ SNSボタン（ソーシャルボタン）を表示する
WordPress Twenty Seventeen
AMPページに
SNSボタン（ソーシャルボタン）を表示する
AMPページに
SNSボタン（ソーシャルボタン）を表示する
SNSボタンの表示要領。
①．amp-social-shareスクリプトタグをAMPページのheadタグ内に入れる
→「html-start.php」のカスタマイズ。
②．SNSボタンを表示するショートコードを作成する
→ <amp-social-share> タグが、ビジュアルエディターで削除されるため。
③．SNSボタンを表示したい箇所に、ショートコードを記述
→「html-start.php」のカスタマイズ。
②．SNSボタンを表示するショートコードを作成する
→ <amp-social-share> タグが、ビジュアルエディターで削除されるため。
③．SNSボタンを表示したい箇所に、ショートコードを記述
以下、AMPページにSNSボタンを表示させた記録。
HOME → →
AMPカスタマイズ amp-ad タグが消えて 貼り付けられない
WordPress Twenty Seventeen
AMPページに
アドセンス広告を表示する
AMPページに
アドセンス広告を表示する
AMP化における問題点の一つに、『アドセンス広告が表示されなくなる』というのがある。AMPアドセンスに対応させるには、『AMP用アドセンス』コードを追記すればよいだけなのだが・・・。
ハマった事
広告コードをテキストエディターで貼り付けるも、
『WordPressにはテキストエディターからビジュアルエディターに切り替える際に、不要なタグを削除する機能が備わっている。』
為に、<amp-ad> タグがもろに引っかかり、テキストエディターで記述したAMP用の広告コードが、ビジュアルエディターに切り替えると消えてしまう。
広告コードをテキストエディターで貼り付けるも、
『WordPressにはテキストエディターからビジュアルエディターに切り替える際に、不要なタグを削除する機能が備わっている。』
為に、<amp-ad> タグがもろに引っかかり、テキストエディターで記述したAMP用の広告コードが、ビジュアルエディターに切り替えると消えてしまう。
以下、この対策として【ショートコード】で、AMPアドセンスに対応した記録。
HOME → →
AMPのカスタマイズ Analyticsの トラッキングコードを実装
WordPress Twenty Seventeen
AMPページに
Analyticsの トラッキングコードを実装
AMPページに
Analyticsの トラッキングコードを実装
AMP化が完了すると、『AMP化の効果』が気になるところだが、残念ながら「AMP for WordPress」プラグインのインストールだけでは Google Analytics で計測されない。そこで、AMPページに【 Analyticsの トラッキングコードを実装 】するカスタマイズを行った。
以下に、【 Analyticsの トラッキングコードを実装 】する AMPの カスタマイズ要領を記載。