テーマを変更する

サイトのテーマを変更して既存のコンテンツを一新できます。このガイドでは、新しいテーマに切り替える方法について説明します。

サイトのテーマを変更するには以下の手順を実行します。

1. サイトのダッシュボードにアクセスします。
2. 「外観」→「テーマ」の順に移動します。
   • サイトの現在のテーマがリストの先頭に表示され、「 有効」とラベル付けされます。
3. 用意されているテーマの中から好きなものを選びます。
4. 3つのドットのアイコンをクリックして「有効化」オプションを選択します。

5. サイトの現在のホームページが新しいテーマのホームページレイアウトに置き換わることを説明するウィンドウが表示される場合があります。続行する場合は、「有効化」ボタンをクリックします。

6. 数秒後に新しいテーマがサイトに適用されます。「このデザインをカスタマイズ」ボタンをクリックして、サイトの新しいデザインを編集します。

テーマの変更は安全な操作であり、悪影響が生じることはありません。既存のページ、メディア、その他のデータはサイトに残ります。

サイトのホームページが新しいテーマのホームページに更新されます。以前のテーマのホームページからコンテンツを復元する場合は、以前のテーマを再有効化してそのコンテンツを表示し、コピーします。

以前のテーマの名前を忘れた場合は、サイトのアクティビティログで確認できます。切り替え元と切り替え先のテーマの名前が表示されます。

テーマを使用したサイトの外観は、テーマを有効化しなくても確認できます。「プレビューとカスタマイズ」オプションを選択すると、選択したテーマがサイトのコンテンツと共にサイトエディターに読み込まれます。このプレビューで、サイトのコンテンツがテーマでどのように表示されるかを確認してから、ライブサイトでテーマの変更を確定できます。

サイトでテーマがどのように表示されるかを確認するには、以下の手順を実行します。

1. サイトのダッシュボードにアクセスします。
2. 「外観」→「テーマ」の順に移動します。
   • サイトの現在のテーマがリストの先頭に表示され、「 有効」とラベル付けされます。
3. 用意されているテーマの中から好きなものを選びます。
4. 3つのドットのアイコンをクリックし、「プレビューとカスタマイズ」オプションを選択します。

5. レイアウトを参照し、「スタイル」、「テンプレート」、「サイトエディター」の他のエリアに必要な変更を加えます。変更は、テーマを有効化するまでライブサイトに適用されません。
6. 新しいテーマの外観に問題がなければ、「有効化」ボタン (変更を加えていない場合) または「有効化して保存」ボタン (保存が必要な変更を加えた場合) をクリックして、ライブサイトにテーマを適用できます。

変更を保存せずにエディターのプレビューを終了するには、以下の手順を実行します。

1. 「[ テーマ名 ] をプレビュー中: デザイン」テキストの横にある < (矢印) をクリックします。
2. エディターを終了してテーマの検索ページに戻ることを確認します。

テンプレートまたは編集ツールをクリックした場合は、左上のサイトアイコンをクリックして「デザイン」画面に戻ります。

新しいテーマに変更した後は、次の点を確認してください。

正しいホームページが割り当てられていますか ? ダッシュボードで「設定」→「表示設定」に移動し、正しいページがホームページとして設定されていることを確認します。「デフォルト」に設定されている場合は、新しいテーマのデモホームページが表示され、「外観」→「エディター」の順に移動してカスタマイズできます。

テーマによっては、有効化するとホームページが新しいテーマのホームページに置き換わります。この場合、古いホームページは「下書き」に移動します (削除されることはありません)。以前のホームページを復元する場合は、「下書き」から確認できます。ここで再度公開してホームページとして設定できます。テーマの名前はページの横に表示されるため、簡単に見つけることができます。

一部のブロックテーマは個別のページをホームページに使用しません。代わりに、ホームページはサイトエディターのフロントページテンプレートで編集されます。古いホームページのコンテンツを新しいテーマのフロントページに移動する必要がある場合は、古いホームページからブロックをコピーし、「外観」→「エディター」で新しいテーマのフロントページテンプレートに貼り付けることができます。

メニューに正しい項目が表示され、正しいページにリンクされていることを確認します。

カスタム CSS はテーマ固有であるため、テーマと一緒に引き継ぐことはできません。ただし、「外観」→「カスタマイズ」→「追加 CSS」にある CSS 履歴リンクを使用して、以前の CSS を復元できます。