トピック
リソース
料金
ログイン
今すぐ始める
はじめましょう!
Wix の使用方法を学び、サイトとビジネスを構築する。
サイトの作成
直感的な Wix 機能でサイトをデザインして管理する。
アカウント・お支払い
定期購入、プラン、請求を管理する。
Wix モバイルアプリの使用
ビジネスを運営し、サイト会員とつながる。
ドメインの接続
ドメインの購入、サイトへの接続と移管方法を学ぶ。
ビジネスの管理
ビジネスとウェブプレゼンスを成長させるツールを入手する。
サイトの宣伝
SEO とマーケティングツールで知名度を上げる。
Wix Studio・パートナー・エンタープライズ
より効率的な作業を支援する高度な機能を利用する。
ヘルプ
解決策や既知の問題について確認し、問い合わせる。
Wix Learn
コースとチュートリアルでスキルを習得する。
Wix ブログ
ウェブデザインやマーケティングなどのヒントを得る。
SEO ラーニングハブ
検索エンジンからのトラフィックを増やす方法について学ぶ。
Velo
フルスタックプラットフォームでカスタムサイトを構築する。
Wix パートナーに依頼
あなたの目標達成をサポートするエキスパートを見つけましょう。
ホーム
Wix Studio・パートナー・エンタープライズ
Wix Studio
Wix Studio エディタの使用
Wix Studio エディタでのデザイン
レスポンシブサイトの構築
テキストを比例してスケーリングする
テキストを比例してスケーリングする
2分
このタイポグラフィスタイルは、常にページと画面サイズに比例するように設定されています。
px* とはどういう意味ですか?
タイポグラフィスタイルの「
テキストのスケーリング
」トグルを有効にすると、設定したフォントサイズは px
*
単位になります。
px
*
は Wix Studio エディタの測定単位です。実際の測定単位がレスポンシブでありながら、使い慣れた測定単位(ピクセル)でサイズを編集できます。
つまり、プライマリブレイクポイント(デスクトップ)で実現したい見た目に応じて、フォントサイズをピクセル単位で設定します。自動テキストスケーリングが残りの処理を行います。
テキストのスケーリングはレスポンシブにどのように役立ちますか?
タイポグラフィスタイルをスケーリングに設定すると、フォントサイズはすべての画面で理想的に見えるように自動的に調整されます。
「要素を追加」パネルからテキストのスタイルを追加する場合でも、既存のテキストにタイポグラフィスタイルを適用する場合でも、フォントサイズは常に現在のブレイクポイントに比例します。
テキストのスケーリングを無効にするとどうなりますか?
フォントサイズはブレイクポイント間で固定されます。異なる画面サイズに自動的に調整されなくなるため、レスポンシブの向上により多くの時間を費やすことになります。ブレイクポイントごとに特定のフォントサイズを手動で設定する必要があります。
テキストが大きすぎたり小さすぎたりしないようにするにはどうすればよいですか?
要素設定パネルでは、テキストのスケーリングに最小値と最大値を設定できます。
該当するテキスト要素を選択します。
エディタ右上の「
要素設定パネルを開く
」矢印アイコン
をクリックします。
「
デザイン
」までスクロールダウンします。
「
テキストのスケーリング
」ドロップダで「
カスタム
」を選択します。
「
範囲開始
」と「
範囲終了
」の値を入力します。
ヒント
:「
フォントサイズ
」下で、現在のキャンバスのテキストサイズを確認できます。エディタで他のブレイクポイントをクリックして、どのように変化するかを確認します。
お役に立ちましたか?
はい
|
いいえ
お役に立ちましたか?
はい
|
いいえ