プラグイン「recaptcha-for-mw-wp-form」のエラー:「grecaptcha is not defined」に対応するために一部を修正しました

MW WP FormとreCAPTCHA for MW WP FormでGoogle reCAPTCHAを使うように設定したのですが、デベロッパーツールのコンソールで「Uncaught ReferenceError: grecaptcha is not defined」というjavascriptのエラーが出てしまいました。

他のサイトでは問題なかったのですが、htmlのコードが長いのと画像もあるためhtmlの読み込みが遅く、https://www.google.com/recaptcha/api.jsからの読み込みにずれが生じエラーとなってしまったようです。

続きを読む

wordpressのビジュアルモードにcssを適用する方法

wordpressの固定ページでフロント向けのcssを記述しても、管理画面上ではcssが効きません。なので、管理画面用のcssを記述すれば、なんとかなるかなと思ったのですが、これがうまくいきません。なぜならば、その領域はiframeで構成されているためでした。iframe内のコードに対して外からはcssを当てられないのです。

続きを読む

wordpressで管理画面が真っ白になる状態を解決しました

真っ白になるのはよくあるトラブルです。一番怪しいのはプラグインのコンフリクトやphpのバージョン違いによるエラーです。その次に怪しいのがテーマ内のphpでのおなくじバージョン違いによるエラーです。

テーマやプラグインの変更はログインしないとできないので、dbを直接いじります。

続きを読む

MW WP Formでエラーを解消:smtpサーバーを利用する

MW WP Formは日本語の解説ページが充実していて、wordpressで作られたサイトのお問い合わせフォームなどによく利用されます。管理画面で色々設定を変更できるので、開発者だけでなく、管理者にも使いやすいのです。

ですが、それ故に、あまりメール送信システムに関する知識が無くても、設置できてしまい、いざトラブルが発生してしまうと、どうしたら良いのかわからず、困る方が多いのも事実だと思います。

続きを読む

MW WP Formで完了ページへ遷移しない

どなたかが開発したWordpressのテーマで、MW WP Formの実装を行ったのですが、どうも思い通りに遷移しない。さらに、ページ遷移をしない状態にしても、cooikeが消え無いなど、どうも挙動がおかしく、あれこれ悩みました。で、ググって最終的にたどり着いたのが、footer.php内にwp_footer()が埋め込まれていなかったという単純なミスでした。

自分で作ったものなら、当たり前に埋め込むwp_footer()ですが、他の方が作ったものを触るときは、確認するべきでした。

続きを読む

CloudflareのAutomatic Platform Optimization (APO) $5/月を購入してみた

Cloudflareを私の個人ブログで利用していますが、Automatic Platform Optimizations (APO)を利用するとパフォーマンスが上がるということで、試してみました。

通常は静的なhtmlやcss、jsだけがキャッシュされるのですが、APOを使うと、それ以外の部分もキャシュされるようです。何がどうキャッシュされるのかは分かりませんが、確認のためにも5ドル払ってみました。支払いは月単位なので、意味がないなら、即解除のつもりです。

続きを読む

Cloudflareのルールを使って特定ディレクトリだけを配信する方法

Cloudflareを利用する際、サイトのファイルすべてを対象にするのではなく、特定のディレクトリなどを指定して、キャシュするデータを指定することが出来ます。

例えば、wordpressでwebサイトを運営している場合だと、基本設定を変更していないならば、画像やpdfなどは/wp-content/uploads/ディレクトリの配下に存在します。

続きを読む

WebP Converter for Media – Convert WebP and AVIF & Optimize Imagesをインストールしてみた

webpが殆どのブラウザで対応済みなので、サイトの高速化のために、「WebP Converter for Media – Convert WebP and AVIF & Optimize Images」というプラグインを当サイトに導入してみました。以下がchromeのデベロッパーツールで確認した容量と速度の違いです。

インストール前

P9200246-1.jpgという画像はヘッダーに使っている東京駅の天井の写真です。インストール前は244kBで155ミリ秒でした。

続きを読む