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

テーマを閲覧・プレビューする

利用可能なウェブサイトテーマを探索し、適用する前にコンテンツとの見え方をプレビューします。

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

テーマを閲覧・プレビューする

利用可能なウェブサイトテーマを探索し、適用する前にコンテンツとの見え方をプレビューします。

結婚式ウェブサイトの見た目を変更したいですか?WedSitesは、閲覧、プレビュー、切り替えができる美しいテーマを提供しています!各テーマには、ご自身のカラーとフォントでカスタマイズできるユニークなデザインがあります。

テーマとは?

テーマは、結婚式ウェブサイトのプロフェッショナルにデザインされたテンプレートです。各テーマには以下があります:

  • ユニークなレイアウトとデザイン

  • デフォルトのフォントと色

  • 背景テクスチャとパターン

  • 異なるスタイル(モダン、ロマンチック、クラシック、ラスティックなど)

任意のテーマを適用して、独自の色、フォント、コンテンツでカスタマイズできます。

テーマブラウザへのアクセス

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

  2. サブメニューのテーマをクリックします

  3. 利用可能なすべてのオプションのテーマページが表示されます

ページタイトルはサイトテーマで、「カスタマイズするテーマを選択」というメッセージが表示されます。

利用可能なテーマを閲覧する

テーマページでは、以下が表示されます:

現在のテーマ:
- アクティブなテーマが最初に表示されます
- 現在のテーマバッジがあります
- テーマ名とコレクションを表示

利用可能なすべてのテーマ:
- グリッドレイアウトで表示
- 各テーマにスクリーンショットプレビュー
- 各プレビューの下にテーマ名
- テーマ名の下にコレクション名

利用可能なものを見るためにすべてのオプションをスクロールしてください。

テーマの編成

テーマはコレクションに整理されています。各コレクションには、類似のデザインスタイルの関連テーマが含まれます。

コレクションラベルは各テーマ名の下に表示され、どのデザインファミリーに属するかを示します。

同じコレクション内の類似テーマは、デザイン要素を共有していますが、異なるバリエーションがあります。

テーマをプレビューする

適用する前にテーマを詳細に見るには:

  1. 閲覧ページから任意のテーマスクリーンショットをクリックします

  2. テーマプレビューページに移動します

  3. プレビューには、新しいテーマで実際のコンテンツが表示されます

テーマプレビューページの機能:

戻るリンク:
- 上部のすべてのテーマリンクで閲覧ページに戻ります

プレビューiframe:
- このテーマを適用した結婚式ウェブサイトを表示
- 実際のコンテンツと写真を使用
- どう見えるかを正確に確認できます

デバイストグル:
- スマートフォンアイコン:モバイルでプレビュー
- ノートパソコンアイコン:デスクトップでプレビュー
- クリックしてデバイスビューを切り替え

アクションボタン:
- このテーマを選択:このテーマをサイトに適用
- デモを表示:新しいタブでデモバージョンを表示

適用前のテスト

プレビューを使って確認:

  1. 写真がこのテーマでどう見えるか

  2. レイアウトがコンテンツに合うか

  3. テキストが読みやすいか

  4. モバイルとデスクトップの外観

  5. 全体的な雰囲気とスタイル

選択する前に好きなだけテーマをプレビューしてください。

デモを表示する

各テーマには表示可能なデモがあります:

  1. プレビューページでデモを表示をクリックします

  2. 新しいブラウザタブで開きます

  3. サンプルコンテンツでテーマを表示

  4. テーマの機能を理解するのに役立ちます

デモとプレビュー:
- デモ:サンプルコンテンツ、テーマの機能を表示
- プレビュー:実際のコンテンツ、本当にどう見えるかを表示

両方を使って最高の決定をしましょう。

テーマを比較する

複数のテーマを比較するには:

  1. 各テーマプレビューを新しいタブで開きます(右クリック → 新しいタブで開く)

  2. タブ間を切り替えて比較します

  3. モバイルとデスクトップの両方のビューを確認します

  4. レイアウトとスタイリングの違いに注目します

結婚式のスタイルに最も合うものを選んでください。

注目すべきテーマの詳細

閲覧とプレビューの際、以下を見てください:

レイアウト:
- 名前が表示される場所
- ヘッダースタイルとサイズ
- ナビゲーションメニューの配置
- セクションの間隔と配置

タイポグラフィ:
- デフォルトのフォント選択
- 見出しスタイル
- テキストの読みやすさ

装飾要素:
- 背景テクスチャ
- 境界線と区切り線
- アイコンとアクセント
- 全体的な美学

カラースキーム:
- デフォルトのカラーパレット
- テキストと背景のコントラスト
- アクセントカラーの使用

これらすべては、テーマを適用した後にカスタマイズできます。

現在のテーマインジケーター

アクティブなテーマは、閲覧ビューで現在のテーマバッジで明確にマークされます。

これにより、以下が簡単になります:
- 現在使用しているテーマを覚えておく
- 現在のテーマを他と比較
- 閲覧しているだけなら現在のテーマに戻る

テーマとカスタマイズ

重要: テーマはベースデザインを提供しますが、以下をカスタマイズできます:

  • 色(テキスト、アクセント、背景)

  • フォント(すべてのテキストタイプ)

  • ヘッダー画像と背景

  • コンテンツとセクション

  • メニュー構造

  • プライバシー設定

カスタマイズはテーマを切り替えても保持されますが、異なるテーマレイアウトでは異なって見える場合があります。

モバイルプレビュー

常にモバイルでテーマをプレビューしましょう:

  1. プレビューのスマートフォンアイコンをクリックします

  2. テーマが小さな画面にどう適応するか確認します

  3. 読みやすさとナビゲーションを確認します

  4. 写真が良く見えるか確認します

ほとんどの結婚式ゲストはモバイルで表示するため、これは非常に重要です。

適切なテーマを見つける

結婚式のスタイルを考慮:

  • モダン/ミニマル: クリーンなライン、シンプルなレイアウト、多くの余白

  • ロマンチック: ソフトなフォント、装飾要素、エレガントなスタイリング

  • クラシック: 伝統的なレイアウト、セリフフォント、バランスのとれたデザイン

  • ラスティック: テクスチャード背景、カジュアルなフォント、暖かい感じ

  • 大胆: 強い色、大きなタイポグラフィ、ドラマチックなレイアウト

全体的な結婚式の雰囲気に合うテーマを選んでください。

テーマコレクション

各コレクションにはバリエーションのある複数のテーマがあります:

  • 類似のデザイン言語

  • 異なるカラーデフォルト

  • 若干のレイアウトの違い

  • 同じ全体スタイルファミリー

コレクションの1つのテーマが気に入ったら、そのコレクションの他のテーマも確認してください。

後でテーマを変更する

いつでもテーマを切り替えることができます:

  1. テーマブラウザに戻ります

  2. 新しいテーマをプレビューします

  3. 別のテーマを選択します

コンテンツは同じままで、デザインだけが変わります。

注意: カスタムCSSは新しいテーマで完璧に機能しない場合があり、調整が必要になることがあります。

選択後

このテーマを選択をクリックすると、新しいテーマが適用されたウェブサイトビューに戻ります。

その後、以下ができます:
- 色とフォントをカスタマイズ
- コンテンツを調整
- テーマ固有の画像をアップロード
- デザインを微調整

現在のテーマを編集するショートカット

テーマ閲覧ページから、テーマを変更せずにテーマカスタマイズ設定に直接移動する現在のテーマを編集ボタンがあります。

現在のテーマのカラーやフォントを調整したい場合にこれを使用してください。

テーマとテンプレート

重要な注意: WedSitesはテーマを使用します(テンプレートではありません)。

古いドキュメントで「テンプレート」への言及が見られる場合、それらはテーマに置き換えられています。

結婚式の後

アーカイブ目的で結婚式後にシンプルなテーマに切り替えるか、美しい思い出として結婚式テーマを維持することができます。

テーマを閲覧・プレビューすることで、結婚式ウェブサイトに最適なデザインを見つけることができ、スタイルが進化しても いつでも変更できます。

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