テキストエディターインラインについて
その テキストエディターインライン GemPagesのデザインエリアでテキストを編集できる機能です 瞬時に.
インライン エディターを使用すると、ページ上のコンテンツが表示される場所に太字、斜体、配置、リンク、基本的なスタイルを適用するなど、テキストをすばやく書式設定できます。
インライン エディターを使用する場合:
- キャンバス上で直接書式を調整できます。
- コンテンツを素早く編集したり、視覚的に改良したりするのに最適です。
- 簡単な変更の場合は、サイドバーの設定を開く必要はありません。
フォントサイズに関する重要な注意事項:
インライン エディターのフォント サイズ オプションを使用して、文中の特定の単語や短いフレーズを強調表示できます。
ただし、異なるデバイス（デスクトップ、タブレット、モバイル）間でフォントサイズの一貫性を保つには、要素のサイドバー設定でフォントサイズを調整することをお勧めします。これにより、デザインはレスポンシブになり、あらゆる画面サイズで正しく表示されます。
詳細については、次の記事を参照してください。 テキストスタイルの変更
GemPages でテキストエディターにインラインでアクセスするにはどうすればいいですか?
アクセスするために テキストエディターインライン編集したいテキストをハイライト表示します。テキストの上部にエディターバーが表示されます。
この機能は、次のような編集可能なテキスト (GemPages エディター内で編集できるテキスト) を含むすべての要素をサポートします。
Shopifyからアクセスしてコンテンツを編集する必要があるテキスト（商品タイトル、商品説明など）については、テキストエディターインライン 機能は無効になっています。
テキストエディターのインライン設定
テキスト エディター インラインで使用できるすべての設定の簡単な内訳は次のとおりです。
1. フォントサイズ
フォント サイズを調整して、テキストを大きくしたり小さくしたりします。
注意： この設定はレスポンシブではないため、フォント サイズの変更はすべてのデバイス画面に均一に適用されます。
2.太字
重要な情報を強調するには、テキストを太字にします。
3.斜体
強調やスタイルを強化するためにテキストを斜体にします。
4.下線を引く
重要なポイントを強調するためにテキストに下線を引きます。
5.取り消し線
古くなったコンテンツや削除されたコンテンツを示すために取り消し線効果を適用します。
6. 文字の色
ブランドのテーマに合わせてテキストの色を変更します。テキストの色アイコンをクリックして、カラーパレットから選択するだけです。
7. テキストの背景色
テキストを目立たせるために背景色で強調表示します。
結果：
8. 番号付きリスト
コンテンツを番号付きリストに整理して、構造化された外観にします。ステップバイステップのガイドやリストに最適です。
9. 箇条書きリスト
箇条書きを使用して、簡単にスキャンできるリストを作成します。
10. 下付き文字
化学式や脚注に便利な下付き文字を追加します（例：ビタミン A1、B2)
11. 上付き文字
指数や序数 (例: 1st、2nd) に最適な上付きテキストを追加します。
12。 リンク
テキストを強調表示し、リンク アイコンをクリックして URL を入力することでハイパーリンクを挿入します。これは、ユーザーを他のページやリソースに誘導するのに最適です。
13. フォーマットボタンの削除
選択したテキストのすべての書式をクリアし、デフォルトのスタイルに戻します。
レスポンシブテキストサイズ設定
テキストサイズを直接変更すると、 テキストエディターインラインエディターはそのテキストにカスタムCSSコードを生成します。その結果、テキストサイズが適用されます。 すべてのデバイスで均一に (デスクトップ、タブレット、モバイル)。
画面ごとに異なるテキストサイズを設定する場合は、 左サイドバーの設定 を代わりにお使いください。
例：
- テキスト エディター インラインの使用: デスクトップ、タブレット、モバイルを含むすべてのデバイスでテキスト サイズは 20 ピクセルです。
- 左側のサイドバー設定の使用: デスクトップの場合は 20 ピクセル、タブレットの場合は 18 ピクセル、モバイルの場合は 16 ピクセルを個別に設定できます。
こうすることで、さまざまなデバイス間でタイポグラフィを完全にレスポンシブに制御できるようになります。
参照する この記事 についての詳細を学ぶために GemPagesのレスポンシブWebデザイン.
コメントしてくださってありがとうございます