AMP For WordPressプラグインが出力するAMPページのレイアウトとデザインを、テンプレートファイルと専用CSSでカスタマイズする方法。amp/style.phpとamp/single.phpの作成から、AMPツールでの有効判定まで♪
AMPページではJavaScriptが使えないのでAmazonJSの商品カードが表示されません。amp/aws_api.phpとamp/single.phpを用意してAmazonJSのプラグインを修正し、AMPページでも商品画像と情報を表示させる方法です♪
AMP for WordPressで生成したAMPページにGoogle AdSenseの広告が表示されないときの対処法。AdSenseの管理画面からAMP自動広告を有効にし、手順2と3のスクリプトをfunctions.phpに追加するだけです♪
AMP for WordPressでAMP対応した途端にGoogle AnalyticsのPV数が下がった原因は、AMPページにAnalyticsタグが入っておらずスマホからの流入が集計されていなかったこと。プラグインのAnalytics設定で解決します♪
ブログ記事でショートカットキーを説明するときに便利な、キーボードボタン風デザインのCSSサンプル。span要素にクラスを振ってstyle.cssにコピペするだけ。背景色やサイズは自由にカスタマイズできます♪
リモートサーバーとローカルマシンでファイルを転送するFTPソフト「FileZilla」のインストールと使い方。FTPとは何かから、サーバーへの接続、ファイルのダウンロードとアップロードまで。Windows/Mac両対応♪
さくらのレンタルサーバーに構築したWordPressサイトにBasic認証をかける方法。サーバコントロールパネルのファイルマネージャーからディレクトリを選び、アクセス設定でパスワード制限とユーザーを追加するだけ♪
WordPressなどのPHPで変数や文字列をデバッグログに出力する方法。error_log関数を使えば簡単で、引数の説明とシンプルな書き方をまとめました。var_dumpやechoを使わずにログで動作確認したいときの備忘録です♪
IntelliJ IDEAでSpringBootのリモートデバッグを使う手順。Dockerなどで環境が分かれていてもホスト側のデバッガーが使えます。ブレイクポイントの設置、Remote構成の作成、起動コマンドへのオプション追加まで♪
StaticPressで出力したAMPページがSearch Consoleで「meta http-equiv」エラーになる原因は、自動追加されるLast-Modifiedタグ。class-static_press.phpとplugin.phpを修正してAMPページでは追加しないようにします♪
