メインコンテンツにスキップ

テーマを適用する

すべてのコンテンツを維持しながら、結婚式ウェブサイトのデザインを瞬時に変換するために、異なるテーマを閲覧、プレビュー、適用する方法をご紹介します。

対応者:Brian
今日アップデートされました

テーマを適用する

すべてのコンテンツを維持しながら、結婚式ウェブサイトのデザインを瞬時に変換するために、異なるテーマを閲覧、プレビュー、適用する方法をご紹介します。

結婚式ウェブサイトのデザインを変更する準備はできていますか?数秒で新しいテーマを適用できます!テーマは、すべてのコンテンツとカスタマイズをそのままに、サイトに新鮮なルックを与えます。

テーマを適用すると何が起こるか

変更されるもの:
- 全体的なデザインとレイアウト
- デフォルトのフォントとタイポグラフィ
- デフォルトのカラースキーム
- 背景テクスチャとパターン
- セクションのスタイリングと間隔

変更されないもの:
- すべてのコンテンツ(テキスト、写真、セクション)
- カスタムカラー選択
- カスタムフォント選択
- ページとナビゲーション
- すべての設定と環境設定

テーマの適用は安全で、何も削除されません。

テーマを適用する2つの方法

2つの異なる場所からテーマを適用できます:

1. テーマブラウザから(完全に異なるテーマを試すのに最適)

2. サイト設定のデザインタブから(類似のテーマ間で切り替えるのに最適)

両方の方法をカバーしましょう。

方法1:テーマブラウザから適用する

これは任意のテーマを閲覧・適用するメインの方法です。

手順:

  1. メインナビゲーションのウェブサイトに移動します

  2. テーマボタンまたはリンクを見つけてクリックします

  3. 利用可能なすべてのテーマが表示されます

  4. 任意のテーマスクリーンショットをクリックしてプレビューします

  5. プレビューページでサイトの見え方を確認します

  6. このテーマを選択ボタンをクリックします

  7. テーマがすぐに適用されます

新しいテーマがアクティブなウェブサイトビューに戻ります。

この方法を使うとき:
- 利用可能なすべてのテーマを探索
- 完全に異なるスタイルに切り替え
- デザインを新たに開始
- 多くの異なるオプションを比較

方法2:サイト設定から適用する

この方法では、同じコレクション(類似デザイン)のテーマ間をすばやく切り替えることができます。

手順:

  1. メインナビゲーションのウェブサイトに移動します

  2. 設定アイコンをクリックしてサイト設定を開きます

  3. 上部のデザインタブをクリックします

  4. スクリーンショット付きのアクティブなテーマが表示されます

  5. 類似テーマを表示リンクをクリックします

  6. 同じコレクションの他のテーマを表示する非表示エリアが展開します

  7. 任意の類似テーマスクリーンショットをクリックします

  8. プレビューがすぐに更新されます

  9. 適用するには下部の変更を保存をクリックします

この方法を使うとき:
- 現在のテーマが気に入っているがバリエーションが欲しい
- 同じコレクションのテーマを探索
- 小さなデザイン変更を加える
- すでにサイト設定で他のデザインオプションを調整している

適用前のテーマプレビュー

常に適用前にプレビューしましょう:

テーマブラウザから:
- 任意のテーマをクリックして完全なプレビューページを表示
- デバイストグル(スマートフォン/ノートパソコン)を使ってモバイルとデスクトップを確認
- デモを表示をクリックしてサンプルコンテンツを見る
- すべてのテーマをクリックして戻って他を閲覧

サイト設定から:
- 類似テーマをクリックするとプレビューが表示
- 保存前にどう見えるか確認できます
- 気が変わったら類似テーマを非表示をクリックして折りたたむ

急がないでください!気に入るものを慎重にプレビューしてください。

テーマをeカードに適用する

テーマはウェブサイトとeカード(日程のお知らせと招待状)の両方に適用されます:

テーマを適用すると:
- 結婚式ウェブサイトが変わります
- 日程のお知らせデザインが更新されます
- 招待状デザインが更新されます
- すべてが一貫性のために同じテーマを使用

色とフォントはそれぞれ別々にカスタマイズできますが、ベーステーマは共有されます。

デザインタブの注意: 上部に「カスタマイズはサイトとeカードに適用されます」というメッセージがあります。

つまり、色とフォントの変更はすべてに影響します。

気に入らなかったら?

心配無用です!いつでもテーマを切り替えられます。

戻すには:
1. テーマブラウザに戻ります
2. 以前のテーマを見つけます(覚えていればコレクション名を確認)
3. 再度プレビューします
4. このテーマを選択をクリックします

または、完全に異なるテーマを選んでください!

適用後のカスタマイズ

テーマを適用した後、結婚式に合うようにカスタマイズしましょう:

色:(サイト設定 → デザインタブ)
- テキストカラー
- アクセントカラー
- 背景色
- デフォルトを復元をクリックしてテーマの元の色を使用

フォント:(サイト設定 → フォントタブ)
- 本文テキスト
- カップル名
- 見出し、タイトル、ラベル
- デフォルトを復元をクリックしてテーマの元のフォントを使用

その他のデザインオプション:
- 簡易デザイントグル
- カスタムCSS
- ヘッダー画像と背景

テーマをあなたらしくしましょう。

テーマのデフォルト

各テーマには慎重に選ばれたデフォルトがあります:

  • うまく機能するカラーパレット

  • 読みやすく美しいフォントの組み合わせ

  • 結婚式コンテンツに最適化された間隔とレイアウト

デフォルトを復元リンク: カラーとフォントセクションの両方にあります。クリックしてテーマの元のデザインにリセットしてください。

多くをカスタマイズしてテーマのデフォルトで新たに始めたい場合に使用してください。

コレクション内のテーマ間の切り替え

コレクションは類似テーマのグループです。サイト設定で類似テーマを表示するとき:

表示されるもの:
- 関連するデザインスタイルのテーマ
- 異なるカラーバリエーション
- 若干のレイアウトの違い
- 同じ全体美学

以下に最適:
- ルックの微調整
- 微妙なバリエーションを試す
- 一貫したスタイルファミリー内に留まる

適用後のサイトプレビュー

テーマを適用した後:

  1. ライブ結婚式ウェブサイトを訪問します

  2. すべてのページを確認します

  3. モバイルとデスクトップで表示します

  4. 異なるセクションを見ます

  5. ナビゲーションとリンクをテストします

  6. 友人に意見を求めます

すべてが素晴らしく見えることを確認してください。

カスタムコンテンツとのテーマ互換性

テーマはすべてのセクションタイプで機能するように設計されています:

  • 見出し、段落、引用

  • 画像、タイムライン、ギャラリー

  • 地図、ギフトレジストリ、ゲストブック

  • 動画、カスタムHTML

  • すべてのセクションタイプがサポートされています

一部のテーマはセクションを異なってスタイリングする場合がありますが、すべてのセクションは機能します。

カスタムCSSとテーマ

カスタムCSSを追加している場合:

テーマを切り替えると:
- カスタムCSSはアクティブのままです
- 新しいテーマでは異なって見える可能性があります
- 一部のCSSが正しく適用されない場合があります
- コードの調整が必要な場合があります

カスタムCSSを使用している場合は徹底的にテストしてください。

モバイルレスポンシブ

すべてのテーマはモバイルレスポンシブです:

  • 画面サイズに自動的に適応

  • モバイルでナビゲーションが折りたたまれる

  • 画像が適切にリサイズ

  • テキストが読みやすいまま

新しいテーマを適用した後、常にモバイルでプレビューしてください。

テーマ適用の確認

テーマを適用すると:

テーマブラウザから:
- このテーマを選択をクリック
- ウェブサイトビューに戻ります
- テーマがすぐにアクティブに
- 確認ダイアログなし

サイト設定から:
- 類似テーマを選択した後変更を保存をクリック
- 「保存中...」インジケーターで保存
- ウェブサイトビューに戻ります
- テーマがアクティブに

テーマと公開済みサイト

サイトが公開済みか非公開かに関わらず、テーマを適用できます:

  • 非公開:あなただけが変更を見る

  • 公開済み:ゲストがすぐに新しいテーマを見る

ヒント: ゲストに見せる前にテーマをテストしたい場合は、最初にサイトを非公開にし、テーマを適用し、徹底的にテストしてから再公開してください!

コレクション情報

テーマを閲覧するとき、それぞれがコレクション名を表示します。テーマが気に入ったら:

  • コレクション名を覚える

  • そのコレクションの他のテーマを確認

  • 類似のスタイルと雰囲気があります

コレクションにより、気に入るテーマを簡単に見つけることができます。

頻繁にテーマを切り替える

好きなだけ頻繁にテーマを切り替えられます:

  • テーマ変更の制限なし

  • すべてのコンテンツは安全

  • カスタマイズは保持される(異なって見える場合あり)

  • 自由に実験できる!

計画の異なる段階で異なるテーマを試してみましょう。スタイルは進化するかもしれません。

適用後チェックリスト

新しいテーマを適用した後:

  1. ✓ すべてのページとセクションを確認

  2. ✓ 結婚式に合うように色をカスタマイズ

  3. ✓ 必要に応じてフォントを調整

  4. ✓ ヘッダー画像と背景をアップロード

  5. ✓ モバイルデバイスでテスト

  6. ✓ ナビゲーションが機能することを確認

  7. ✓ 異なるブラウザでプレビュー

  8. ✓ パートナーに承認を求める

ゲストと共有する前にすべてが完璧であることを確認してください。

テーマを変更するタイミング

テーマを切り替える良いタイミング:
- 始めたばかり
- 現在のテーマがスタイルに合わないと気づいた
- 結婚式のスタイルが進化した
- 他の結婚式からインスピレーションを得た
- エンゲージメント写真の後(新しい写真を披露するため)

切り替えを待つかもしれない場合:
- サイトが完璧でゲストが気に入っている
- カスタムCSSが壊れる
- すでに何百人ものゲストと共有した
- 結婚式が来週(大きな問題がない限り!)

判断してください!

テーマと読み込み速度

すべてのテーマはパフォーマンス用に最適化されています:

  • 高速読み込み時間

  • 効率的なコード

  • テーマデザインの最適化された画像

  • 良いユーザー体験

テーマを切り替えてもサイトが遅くなることはありません。

テーマの推奨を得る

どのテーマを選ぶか迷っていますか?

  • 可能な実際のWedSitesの例を見る

  • デモバージョンを確認

  • パートナーにどれが好きか聞く

  • 招待状デザインに合わせる

  • 会場スタイルを考慮する

  • 季節を考える

適切なテーマはあなたの結婚式に完璧に感じられます。

テーマを適用することで、すべての努力を安全に保ちながら、結婚式ウェブサイトのルックを瞬時に変換できます。

こちらの回答で解決しましたか?