WordPress でブロックテーマに切り替えると、現代的でユーザーフレンドリーなサイトのデザインを実現できます。このガイドでは、ブロックテーマが有益である理由と、クラシックテーマからスムーズに切り替える手順について説明します。
WordPress 5.9でリリースされたブロックテーマでは、クラシックテーマのエクスペリエンスが大幅にアップグレードされています。ブロックテーマを使用すると、カスタムコーディングや開発者の雇用、希望するデザインに合わせた新しいテーマの検索が不要になります。ブロックテーマではプロセスが簡素化され、WordPress エディターで誰でもデザインを変更できるようになります。
クラシックテーマからブロックテーマに変更する前に、どのような変更が発生するかを理解してください。サイトのスタイルとレイアウトは変更されますが、固定ページと投稿のコンテンツは変更されません。
ライブサイトを変更する前に新しいテーマをテストできるツールをいくつかご用意しています。
- 試してカスタマイズする: サイトでテーマを有効化する前に、テーマをプレビューしてカスタマイズを行います。
- ステージングサイトを作成する: 対象となるホスティングプランには、ライブサイトの完全な複製を作成する機能が用意されています。
編集ワークフローが変わるため、ライブサイトでブロックテーマに切り替える前に、テーマとコンテンツの編集方法を確認してください。
クラシックテーマに変更を加える場合は、カスタマイザーを使用します。カスタマイザーには、選択したテーマに基づいたカスタマイズ一式があらかじめセットされています。ブロックテーマを使用すると、デザインはより柔軟なサイトエディターで行われます。サイトエディターは、テーマがコンテンツをどのように表示するかを完全に制御し、テーマに依存しません。
また、クラシックテーマでは、旧エディターを使用してコンテンツを編集します。旧エディターは、固定ページや投稿のコンテンツを入力するシンプルなテキストフィールドです。ブロックテーマでは WordPress エディターを使用します。つまり、あらゆる種類のコンテンツやレイアウトの要素を固定ページまたは投稿に追加できます。
新しいテーマに切り替える前に、サイトの公開状態を非公開または近日公開に設定しておくと、訪問者に表示する前に新しいデザインを確認して必要な変更を加える時間を確保できます。こちらでサイトのプライバシー設定を変更する方法を参照してください。
最後に、現在のテーマの名前をメモし、そのテーマが廃止されているかどうかを確認します。現在のテーマが廃止されていなければ、ブロックテーマに切り替える時間がさらに必要な場合はクラシックテーマに戻すことができます。廃止されたテーマはサイトで引き続き有効ですが、別のテーマに切り替えると廃止されたテーマに戻すことはできません。
サイトのホスティングプランにサイトのバックアップが含まれている場合は、テーマを変更する前の時点にサイトのバックアップを復元できます。
ブロックテーマでサイトをテストしたら、次はライブサイトのテーマを変更します。
- サイトのダッシュボードにアクセスします。
- 「外観」→「テーマ」の順に移動します。
- 選択したテーマを検索します。
- テーマのサムネイルをクリックし、「有効化」ボタンをクリックします。
必要に応じて、テーマを有効化する前に、テーマをプレビューしてカスタマイズできます。テーマのカスタマイズが完了したら、テーマを有効化できます。
ステージングサイトを使用してテーマをテストした場合は、ステージングサイトを本番サイトに同期することで、変更内容をライブサイトに移行できます。
ブロックテーマに切り替えた後は、次の手順を使用してスムーズな移行を実現し、新しいテーマの機能を最大限に活用できます。
ブロックテーマに切り替えると、ホームページの編集方法が変わります。注意すべき主な変更点は次のとおりです。
- サイトエディターを使用して、ホームページのコンテンツをデザインします。
- クラシックテーマで固定ホームページを使用していた場合、そのページはサイトのダッシュボードにある「固定ページ」 の「下書き」セクションに移動します。必要なコンテンツを下書きからサイトエディターの新しいホームページテンプレート にコピーできます。
- クラシックテーマでホームページに最新の投稿を表示していた場合は、ホームページテンプレートにクエリーループブロックを追加するか、ブログ投稿用の別のページを作成できます。
既存のメニューは自動的に新しいテーマに移行しますが、メニューのデザインとレイアウトをカスタマイズすることもできます。ここで、ブロックテーマを使用する際のサイトのメニューのカスタマイズ方法を理解しておくことをおすすめします。
サイトのメニューを編集するにあたり、「外観」の「カスタマイザー」または個別の「メニュー」セクションを使用する必要がなくなりました。代わりに、サイトエディターでナビゲーションを編集します。
ブロックテーマでは、さまざまなページタイプ (ホームページ、固定ページ、投稿など) 向けに全面的にカスタマイズできるテンプレートを使用します。テンプレート内の要素を表示する場所や各要素の周囲のパディングとマージンを完全に制御できます。
- テンプレートの編集について、詳細はこちらをご覧ください。
- フォントや色などのテーマのスタイルをカスタマイズする方法はこちらを参照してください。
- ブロックの間隔を調整する方法はこちらを参照してください。
- サイトエディターでのテーマとテンプレートの編集に関するすべてのガイドはこちらで参照してください。
複数の端末やブラウザーでサイトをテストし、以下をはじめとするすべての機能が正しく動作することを確認します。
- ウィジェット: サイトでウィジェットを使用している場合は、ウィジェットがブロックに変換されており希望どおりのコンテンツを表示していることを確認します。
- プラグイン: サイトでプラグインを使用している場合は、プラグインが引き続き機能していることを確認します。不要になったプラグインは削除します。
サイトを一時的に非公開に設定している場合は、忘れずに再び公開します。これはまた、サイトのリデザインについて購読者とソーシャルメディアのフォロワーにお知らせする絶好の機会です。
ブロックテーマではカスタマイザーを使用しなくなるため、ブロックテーマで基本的なテーマ編集機能が存在する場所を以下のリストにまとめました。
日本語サポート 