テキストブロック要素

ページにテキストブロック要素を追加する

その テキストブロック GemPages が提供する必須要素です。長い段落または簡潔な文章の形式でテキストをページ上に表示できます。 

ページに要素を追加するには、以下の手順に従ってください。

ステップ 1： の中に GemPagesダッシュボード希望するページをクリックしてエディターに入ります。

ステップ 2: エディタ内で、 テキストブロック 要素（ラベル 段落) をページ上の任意の場所に貼り付けます。 

ステップ 3: テキスト ブロック要素に希望のテキストを入力します。

ステップ 4: GemPagesでテキストフォーマットをカスタマイズするには、 テキストエディタツールバー テキストをハイライト表示すると表示されます。コンテンツの視覚的な魅力を高めるためのさまざまな書式設定オプションを提供します。

以下を行うには、 テキストブロック 要素があり、左側のサイドバーに構成オプションが表示されます。 設定 の三脚と 高機能 タブをクリックします。

設定タブを構成する

文字スタイル

この時点で、テキストのタイポグラフィを微調整できます。利用可能なオプションは次のとおりです。

• スタイル: 6 つの見出しスタイルと 3 つの段落スタイルを含む定義済みのオプションから、希望のスタイルを選択します。
• フォント: このテキストブロック内のテキストに使用するフォントを選択します。リストにないフォントを使用する場合は、 エディター v7 でカスタム フォントを追加する方法.
• サイズ: ピクセル単位で値を指定してフォントサイズを調整します。GemPagesはレスポンシブデザインをサポートしており、ページごとにフォントサイズを個別に調整できます。 デスクトップ、タブレット、モバイルこれを行うには、GemPagesエディターの上部にあるアイコンを使用して、編集したいデバイスビューに切り替えるだけです。特定のビューで行ったフォントサイズの変更は、そのデバイスにのみ適用されます。
• 色圏: テキストの色を好みに合わせて変更します。

以下を行うには、 Show more ボタンをクリックすると、さらにカスタマイズ オプションが表示されます。 

• フォントの太さ: 表示されるドロップダウン メニューから、細いものから黒まで、希望するフォントの太さを選択します。
• 行の高さ： パーセンテージ値 (100%、120%、130%、150%、または 180%) を指定するか、正確な数値を入力して、テキストの高さを調整します。
• 文字間隔: ピクセル単位で値を入力して、文字間の間隔を変更します。
• 変換： 次のいずれかの方法でテキストを変換します。
  • 変換は適用されませんでした。
  • 大文字 (AA): すべてのテキストを大文字に変換します。
  • 大文字にする (Aa): 各単語の最初の文字を大文字にします。
  • 小文字 (aa): すべてのテキストを小文字に変換します。
• 影： テキスト ブロック要素の影を調整して、ページの見た目を良くすることができます。

サイズ

下 サイズ セクションでは、テキスト ブロックの幅とパディングを設定できます。

幅： ページに表示されるテキスト ブロック要素の幅を調整します。

• コンテンツに適合: 内部のコンテンツに基づいて幅が自動調整されます。
• フル： 要素をコンテナ幅の 100% まで拡大し、コンテンツを全幅で表示できるようにします。
• デフォルト: 1200pxに固定されます。

パディング： テキストとテキスト ブロック コンテナーの端の間に内部の間隔を追加します。 

経歴

色圏: ボタンの背景色を設定します。

画像: 背景画像をアップロードまたは選択します。以下の方法でカスタマイズします。

• 規模: カバー、封じ込め、または自動
• 役職: 画像の配置を設定します（中央、左上など）
• 繰り返す: 繰り返し設定を切り替える
• アタッチメント: スクロールまたは固定から選択
• SEO対策： アクセシビリティとSEOのために代替テキストと画像タイトルを追加します
• プリロード: プリロードを切り替えて、Largest Contentful Paint (LCP) を改善します

形状

デザインに合わせて視覚的な強化を施して画像コンテナのスタイルを設定します。

• ボーダー: 画像の周囲に枠線を追加します。カスタマイズ:
  • 色圏: 任意のHEXカラーを選択
  • 厚さ: ピクセル値を設定する
  • ストロークスタイル: 実線、破線、点線
• コーナー: 境界線の半径を調整して画像の角を丸くします。
• Shadow: 影の効果を追加して、奥行きや背景との分離を表現します。設定:
  • タイプ: 外側、内側、または中央
  • リーダーシップ: 影の角度を制御する
  • 色圏, 距離, ブラー, サイズ

整列

このパラメータを使用すると、ページ上でのテキストの配置方法を決定できます。選択できるオプションは、左揃え、中央揃え、右揃えの 3 つです。

お願い: 幅が 100% 以上に設定されている場合、水平方向の配置は無効になります。 

詳細タブを設定する

要素の外観をスタイル設定するには、 高機能 タブをクリックし、 この 記事.

テキストブロックでメタフィールドテキストを使用する

で作業している場合 メタフィールドベースのコンテンツ、メタフィールド コードをテキスト ブロック要素内に直接埋め込むことができます。

これは、製品、コレクション、またはページデータに基づいてテキストを動的に変更したい場合に特に便利です。

これを行うには、メタフィールド変数またはコードをテキストブロックのコンテンツ領域に貼り付けるだけです。テキストブロックは、ライブページにメタフィールドの値を表示します。

よくあるご質問

GemPages でテキスト ボックスを移動するにはどうすればよいですか?

• テキスト ブロック要素をクリックして押し続けます。
• 新しい位置にドラッグします。
• 青い配置インジケーターが表示されたら、要素を放します。