Editor X:サイトスタイルを管理する
読了時間:4分
Editor X は、代理店とフリーランサー向けの新しいプラットフォームである Wix Studio に移行します。Wix Studio について
「サイトスタイル」パネルから、サイトのテキストとカラースタイルを 1 か所で管理できます。時間を節約し、デザインの一貫性を保つことができます。
サイトスタイルにアクセスする方法
下記をご確認ください:
タイポグラフィスタイルを編集する
3つの見出し(H1、H2、H3)と 3つの段落スタイルの合計 6つのタイポグラフィスタイルをカスタマイズして保存することができます。各スタイルのフォント、色、書式を変更して、希望する見た目に合わせましょう。
タイポグラフィスタイルを更新する方法:
- エディタトップバーで「サイトスタイル」アイコン
をクリックします。
- タイポグラフィスタイルで「タイポグラフィを編集」アイコン
をクリックします。
- 必要に応じてタイポグラフィをカスタマイズします。
- ドロップダウンメニューを使用してフォントを変更します。
- テキストサイズを調整します。
- テキストを太字または斜体にします。
- 「適用」クリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/07/7748ef19-d727-4007-9524-06976b986f99/531b61d5-6300-467c-a186-e08d2fe90463.png)
ページにテキストスタイルを追加する
保存したタイトルと段落は、追加パネルから使用できるようになります。「テキスト」をクリックし、「テキストのスタイル」下で該当するスタイルを希望の場所にドラッグします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/07/dfa41c8a-012b-4a88-b650-1ed1259f56af/571f707d-e60b-4bb3-89ed-9902f4d13967.png)
テキスト要素にスタイルを適用する
サイト上のテキストパーツのスタイルを変更するには、「テキストを編集」をクリックし、ドロップダウンメニューから希望のスタイルを選択します:
![テキストに別のスタイルを選択できる要素設定パネルの「スタイル」ドロップダウンのスクリーンショット](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/07/265bc7cf-4a0f-4369-bbec-14c3e964f96f/4945e2ec-109e-4149-8386-93bc6812bde0.png)
サイトの色を変更する
サイトのカラーパレットをカスタマイズします。カラーパレットは、サイト内での用途や場所を反映したカテゴリー別に分けられています。カテゴリーごとのメインの色、もしくはパレット内の特定の色を選択することができます。
サイトの色を変更する方法:
- エディタトップバーで「サイトスタイル」アイコン
をクリックします。
- 「色」タブをクリックします。
- 色の「編集」アイコン
をクリックします。
- 色をカスタマイズして「適用」をクリックします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/07/5776df00-0225-440b-9355-841db2585486/05408839-b851-4501-b32d-d0c74437b70d.png)
ページトランジションを追加する
ページトランジションを追加して、訪問者がページ間を移動する際のエクスペリエンスを向上させましょう。サイトスタイルパネルからトランジションを選択すると、サイト全体に反映されます。
ページトランジションを追加する方法:
- エディタトップバーで「サイトスタイル」アイコン
をクリックします。
- 「ページトランジション」をクリックします。
- リストからトランジションを選択します:
- なし:訪問者がページ間を移動しても、トランジションは表示されません。
- アウトイン:現在のページがフェードアウトし、新しいページがフェードインします。
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/43afd84c-813c-43a2-baab-131b6878accd/2022/10/07/a48697ec-c225-4385-aad9-7e6594001d4c/f2e658f4-1e34-4d7a-a744-40bb5340baab.png)
お役に立ちましたか?
|