header-logo
Wix の使用方法を学び、サイトとビジネスを構築する。
直感的な Wix 機能でサイトをデザインして管理する。
定期購入、プラン、請求を管理する。
ビジネスを運営し、サイト会員とつながる。
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスとウェブプレゼンスを成長させるツールを入手する。
SEO とマーケティングツールで知名度を上げる。
より効率的な作業を支援する高度な機能を利用する。
解決策や既知の問題について確認し、問い合わせる。
placeholder-preview-image
コースとチュートリアルでスキルを習得する。
ウェブデザインやマーケティングなどのヒントを得る。
検索エンジンからのトラフィックを増やす方法について学ぶ。
フルスタックプラットフォームでカスタムサイトを構築する。
あなたの目標達成をサポートするエキスパートを見つけましょう。
placeholder-preview-image

Wix Studio エディタ:サイトスタイルについて

2分
「サイトスタイル」パネルでは、サイトのタイポグラフィ、色、ページトランジション、Max Width の一元管理が可能です。クライアントのサイトにテーマを設定すると、時間を節約し、デザイン全体の一貫性を保つことができます。

色の一貫性を保つ

サイトの色は、クライアントのブランドを強化し、表現するためのクリエイティブな方法です。「」タブを使用して色合いを管理・カスタマイズし、サイト全体で一貫したテーマを作成しましょう。
サイトの色のカスタマイズは完了しましたか?「要素設定パネル」から、すばやく要素に色合いを適用することができます。サイトの色の操作に関する詳細はこちら
ベクター要素の要素設定パネルが開いています。カラーボックスの 1つが開いており、テーマカラーが適用されています。

サイトのタイポグラフィを最適化する

テキストはサイトに重要な部分であり、デザインを使用してブランドのメッセージやコンテンツを表現することができます。
タイポグラフィ」タブは、テキストのあらゆる側面を調整するのに最適な場所です。フォントを更新してサイト全体に変更をすばやく適用したり、個々のテキストスタイルをカスタマイズ(例:見出し 4、段落 1)して詳細にデザインしたりすることができます。タイポグラフィの操作に関する詳細はこちら
「サイトスタイル」パネルの見出し 6 で「テキストを編集」オプションが開かれています。カーソルが「テキストのスケーリング」トグルを有効にしています。

サイトの幅を定義する

異なる画面サイズでの要素の拡大を制限したい場合、「Max Width」タブを使用して最大値を設定します。
これにより、「比例してスケーリングに設定された要素が一定の幅を超えないようにするので、オーバーサイズのコンポーネントやブロックされたコンテンツに悩む必要はありません。
「サイトスタイル」パネルで「Max Width」タブが開いています。

魅力的なナビゲーションを作成する

ページトランジションは、サイト訪問者にさらに魅力的なナビゲーションエクスペリエンスを提供します。エフェクトを一度適用すると、クライアントのサイトのすべてのページに表示されます。
ページトランジション」タブから「アウトイン」エフェクトを適用できます。ライブサイトに期待通りに表示されない場合、「なし」をクリックすると、削除することができます。
注意:
ページトランジションは公開済みサイトでのみ表示することができます。プレビューモードでは表示されません。
「ページトランジション」セクションが開いており、アウトイントランジションを選択している「サイトスタイル」パネルのスクリーンショット。