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サイトだとテスト環境でちゃんと直してから…となるともっと時間かかりますね。まだ変更したいところはあるので、徐々にやっていこうと思います。

フォームでエラー発生！困った時の対応です

Yum-designサイト内のお問い合わせページで、確認画面から先に進めないエラーが発生していました。
日々に紛れて気づくのが遅くなってしまいました。
お問い合わせしようと入力していただいた方がいらっしゃいましたら、大変申し訳ございません…！

pcからお問い合わせページのフォームに入力し、「確認画面へ」のボタンを押すと
「無効なアクセスです。」という文字が表示されて、そこから先へ進めない状態になっていました。

スマホで確認したところ、スマホでは問題なくフォーム入力→確認画面→完了へと進みました。問題はpcのみ。

こちらのサイトのお問い合わせフォームは「Snow Monkey Forms」というWordPressのプラグインを使用して作成しています。
初期の使用テーマ「Snow Monkey」と同じ作者なので相性が良いかと思ったこと、また設置も簡単なことからこちらを利用させていただいています。

まずはフォーラムで同じ事象が起きているかどうか検索。何件か出てきましたが、微妙に現象が違うようです。

そこでプラグインのアップデートをしたところ、確認画面→完了画面へと進むことができました！

定期的にフォームに入力して状態を確認しないとダメですね…お客様のサイトでなくて本当に良かった。
メンテナンスの重要さを実感した出来事でした。

対応策

今後お問い合わせフォームで「無効なアクセスです。」のエラーが起きないための対応策として、下記をするようにしました。

• 「Snow Monkey Forms」プラグインの自動更新を有効にする

通常、プラグインのアップデートは自動更新にしていないのですが（知らないうちにエラーが起きると困るので自分のタイミングで手動更新します）、このプラグインだけ自動更新を有効にしています。

管理画面の「プラグイン」＞「インストール済みプラグイン」一覧から「Snow Monkey Forms」を探します。

右側の「自動更新を有効化」ボタンをクリックします。

「自動更新は有効中です」という緑の文字になればプラグインの自動更新が有効になります。

プラグインのアップデートが頻繁にあるようなので、中々手が回らない場合はこちらが有効かもしれません。

WordPress本体のバージョンとの整合性もあるので、本体のアップデートも忘れずに。

お問い合わせフォーム自体のテスト送信も定期的に必要ですね。