Googleからのメール

Google reCAPTCHAはこのまま使える？

2025年2月のある日、Googleからこんなメールが届きました。この記事では対応が必要になるかどうかのGoogleからのメールによる判断方法と乗り換えなどの方法について、お知らせします。

Google reCAPTCHA有料化

要約すると下記のようです。

reCAPTCHA評価数を確認して料金を予測

Yum-designのWEBサイトでは問い合わせフォームでreCAPTCHAを利用しています。

メールに「reCAPTCHA 評価数」が記載されていました。下記部分です。

このメールに記載されている「料金計算ツール」に回数を入力してみます。このWEBサイトでは回数が少ないので$0と出ました。今の時点ではこのWEBサイトは対策しなくても大丈夫のようです。

無料の代替ツール

検索してみると、無料の代替ツールもあるようです。
現時点では不要ですが、保守を請け負っているお客様のWEBサイトで必要になるかもと思い、試してみることに。

[Cloudflare Turnstile]というサービスが完全無料でアクセスは無制限で使えるようです。

まずはCloudflare Turnstileのキーを取得

STEP

Cloudflare公式サイトでアカウントを作成します。（googleアカウントやAppleアカウントで利用可能）

STEP

管理画面にログインできたら、左メニューから「Turnstile」を選びます

STEP

Add widgetボタンをポチ

STEP

widget nameのところに自分が何のツールかわかるような名前をつけてAdd Hostnamesをポチ

STEP

右からメニューが出てくるので、WEBサイトのドメイン名を入れて、Addボタンをポチ

STEP

Createボタンをポチ

STEP

Successfully….と出てきたら成功です。Site keyとSecret Keyをコピーしておきます。

Key設定用のWordPressのプラグインをインストール

STEP

WordPressのプラグイン「Simple Cloudflare Turnstile」をインストールして有効化します。

STEP

設定画面で先ほどコピーしておいたSite keyとSecret keyを入力します。

STEP

お問い合わせフォームで使用しているので、そのフォームを選択して「変更を保存」します。

Snow Monkey FormsはCloudflare Turnstile対象外

ここで、このWEBサイトで使用している「Snow Monkey Forms」はCloudflare Turnstileは使えないということに気づきました（泣）。Contact Form7やWPFormsなどは使えるようです。

Contact Form7で再度チャレンジ

STEP

「Simple Cloudflare Turnstile」の設定画面に戻り、Contact Form7の所にチェックをつけ「変更を保存」します

STEP

チェックボックスにチェックして、「成功しました!」表示が出るまで待ちます。表示されたら「応答テスト」をポチ

STEP

「成功!Turnstileは…」と表示されたら成功です

STEP

お問い合わせページではCLOUDFLAREのロゴと「成功しました！」のボックスが表示されます

まとめ

Google reCAPTCHAの代替手段として、Cloudflare Turnstileは制限を気にせず無料で利用できるのでオススメです。

WordPressのテーマを変えました！

なぜテーマを変えたか

以前Yum-designのWEBサイトをリニューアルした際、WordPressのテーマをSnow Monkeyを使って作成しました。

Yum-design

ポートフォリオサイトをリニューアルしました ずっと後回しにしてきた自分のサイトのリニューアル。wordpressでやらないと…と思いつつ時間がどんどん過ぎ…

Snow Monkeyのテーマは1年間のサブスクリプション制です（2024年8月現在 16,500円/年）。最初は他の受託の仕事でも使えるなら良いかなと思っていたのですが、使う機会がないまま数年経過。自分のポートフォリオサイトのためだけに毎年支払いするほど使いこなせませんでした。

また、Snow Monkeyのカスタマイズには子テーマを作る方法ではなく、プラグインでのカスタマイズが推奨されています。また、フックを使う方法が多く、エンジニアではない私には慣れない方法で、いちいち時間がかかっていました。

そんな中お仕事でSWELLを使う機会があり、私の技術レベル（html/cssは得意だけどエンジニアではない）でのカスタマイズのしやすさと使いやすさを知り、自分のサイトでも使ってみることにしました。

SWELLの良いところ

SWELLを実際に使用してみて、良かったと思ったのはこんなところです。

このようなマーカーを引くこともできます。

カギカッコとか

方眼背景もあります。

SWELLのカスタマイザーでページの表示項目を設定できます

管理画面で登録済みのボタン・マーカーなど色や形状の変更が可能です

また、私は使いませんでしたが、他のテーマからSWELLに移行するにあたり、記事の表示崩れを一気に直してくれる「乗り換えサポートプラグイン」があるようです。乗り換えのテーマは、Cocoon、SANGO、JINなど複数あります。

SWELLでカスタマイズできなかった部分

こちらのWEBサイトはポートフォリオサイトなので、サイト型にカスタマイズしたのですが、できない部分もありました。制作実績をカスタム投稿タイプで作成しているのですが、アーカイブページのページヘッダーを、固定ページと同じように背景画像の上にタイトルテキストを設定する機能はカスタマイザーには付いていないようです。

フックを使えば背景画像を設定することはできました！

カスタム投稿アーカイブのページヘッダーはここ

フックをfunctions.phpに記載すると、コンテンツヘッダーに設定されている画像が表示されるようです。

カスタマイザーの「サイト全体設定」＞「コンテンツヘッダー」＞「タイトル背景用デフォルト画像」をから設定できると教えていただきました。

WordPressでテーマを移行する手順

テーマを移行する手順はこちらです。

参考：【WordPress】テーマ移行を確実に進めるための手順と注意点を解説！

この中でいちばん時間がかかったものが「6.修正」です。テーマに使われているブロックの表示崩れや、レイアウト変更、色の変更などまだこれから調整したい部分もあります。

Snow Monkey 用レイアウトで移行後にずれが発生

テーマを移行してみた感想

テーマだけだからすぐ終わるかと思いましたが、意外と時間がかかりました。自分のサイトなので、不具合は移行してから直せましたが、お客様のWEBサイトだとテスト環境でちゃんと直してから…となるともっと時間かかりますね。まだ変更したいところはあるので、徐々にやっていこうと思います。

WordPressの速度向上を期待して！

移行の目的

こちらのYum-designのwebサイトはさくらのレンタルサーバを利用しています。
Xserverにしたこともあるのですが、お客様のサイトでさくらを使っているものがあるため、自分でも色々試すために継続利用しています。
webサイトをWordPressにしてから表示が遅いのでどうにかならないか、と思っていたので、速度向上を期待して、移行してみることにしました。

さくらのレンタルサーバの新サーバの詳しい情報はこちらです。

移行のための条件を確認

まず移行するための条件をクリアしているか確認しました。

下記ページの「あなたにおすすめの新サーバへの移行方法は？」の質問に順番に答えると移行するべきか？などが簡単にわかります。

主な移行条件はこちらです。

• PHP7以上
• MySQL5.7
• 2022年2月15日以前の契約

詳しい前提条件はこちらです。

自分の条件を確認するため、①サーバーコントロールパネルと②会員メニューにログインします。

①サーバーコントロールパネルにログインして、下記を確認します。

・PHPのバージョン
・MySQLのバージョン

②会員メニューにログインして「契約中のサービス一覧」から契約日を確認します。

条件はクリアしていたので、移行することにしました。
※順番に自動的に新サーバになるパターンもあるようですが、自分のは1年経っても移行していないようなので、自力で移行することにしました。

移行ツールの使用方法

さくらサーバで移行ツールがあるようなので、それを使います。

※移行中はWebサイト、メールの利用など、さくらのレンタルサーバ全ての機能が利用できなくなりますので、注意が必要です。

コントロールパネルの「サーバー情報」から「移行ツール」に進みます。

移行後の表示速度

モバイルの表示速度を移行前と移行後で比べてみます。

結果：サーバの応答時間は速くなりました！

パフォーマンス：43→58
サーバの応答時間：3.08s→0.66s

と改善されました！良かった！

まだまだ他の点で表示速度の改善が必要ですが、ひとまずサーバについては少し改善ができたようです。

リニューアルしました！

WordPressのテーマはSnowMonkeyを使用

自分のサイトのリニューアルやらないと…と思いつつご依頼していただくお仕事優先なので、短い時間でできるように、販売されているテーマを使うことにしました。

テーマは以前お世話になったオゾンノーツさんがおすすめしているSnowMonkeyを使ってみることにしました。色々高機能のようで、全部をカスタマイズしきれないのですが、私のレベルでできる限りのことを試してみました。

初期設定はYouTubeを参考に

WordPressの基本的な設定はたにぐちまことさんのyoutubeを参考にしました。#01~#03で必要充分な説明でした。パーマリンクの設定やカテゴリーとタグの使い分けなど迷いがちなところも具体的に解説されているので、動画の通りに進めるとすんなり設定できました。

制作実績はカスタム投稿で

私の場合は、制作会社様からのご依頼の制作が多いため公開できるものが少なく、投稿を細かくタクソノミー（分類）分けする必要もなくスムーズにできました。

これからも追加していきます

サイト制作で困ったこと、解決したことなどこれから少しずつ書いていきたいと思います。