概要 #
「テキスト」オブジェクトは、ページ内に自由に文章を挿入できる基本要素です。左側の「オブジェクト」メニューから「テキスト」を選び、任意の位置へドラッグ＆ドロップすることで追加できます。
配置後は、ダブルクリックで直接編集が可能になり、太字・斜体・文字色の変更やリンクの挿入、リストの作成など、豊富な書式設定をツールバーから直感的に行えます。
コンテンツの見出しや説明文、注釈など、幅広い用途で活用される最も汎用的なコンポーネントです。
テキストの説明 #
テキストオブジェクトの追加方法 #
左側の「オブジェクト」メニューから「テキスト」を選択し、挿入したい位置までドラッグ＆ドロップすることで、ページ内にテキストボックスを追加できます。
追加後は、ダブルクリックすることでテキストの編集が可能です。フォントサイズや色、配置なども設定パネルから自由に調整できます。
#
テキストのメニュー説明 #
テキスト編集ツールバーの各機能
テキスト入力モードに切り替えると、テキストボックスの上部に以下の編集用メニューが表示されます。
- ① 太字
選択したテキストを太字にします。 - ② 斜体
選択したテキストを斜体にします。 - ③ 下線
選択したテキストに下線を付けます。 - ④ 打ち消し線
テキストに打ち消し線を付けます。 - ⑤ 下付き文字
H2Oのように、文字を下に寄せて小さく表示します。 - ⑥ 上付き文字
x2のように、文字を上に寄せて小さく表示します。 - ⑦ 書式解除
選択したテキストに設定されているスタイルを解除します。 - ⑧ 文字色
文字の色を変更できます。カラーパレットから選択または詳細設定が可能です。 - ⑨ 背景色
選択した文字の背景色を変更できます。 - ⑩ 段落スタイル
標準、見出し、引用など、段落の書式を設定します。 - ⑪ フォントサイズ
テキストのサイズを変更できます。 - ⑫ フォント
フォントの種類を変更できます。 - ⑬ 左揃え
テキストを左寄せに整列します。 - ⑭ 中央揃え
テキストを中央に整列します。 - ⑮ 右揃え
テキストを右寄せに整列します。 - ⑯ 両端揃え
テキストを左右両端に揃えて整列します。 - ⑰ リンク
選択した文字列にリンクを挿入または編集します。 - ⑱ 番号付きリスト
1. 2. 3. と番号が自動で付くリストを作成します。 - ⑲ 箇条書きリスト
●・などの記号が付いたリストを作成します。 - ⑳ 絵文字
クリックすると絵文字を選択してテキストに挿入できます。 - ㉑ 差し込みコード
動的に内容を挿入するための差し込みコードを選択できます。
※差し込みコードの使い方については、カスタムフィールドの使い方をご参照ください。
テキストの設定項目説明 #
テキスト設定パネルの各機能
テキストの項目を変更することで、テキストボックス内の文字すべてにスタイルが適用されます。
※なお、ここで設定したスタイルは、テキストツールバーを使って個別に設定された装飾をすべて上書きします。テキストの見た目を一括で統一したい場合に活用してください。
- ① サンプルテキスト
プレビュー用の見本テキストです。変更内容がリアルタイムで反映されます。 - ② フォント形式
太字（B）、斜体（I）、下線（U）などの基本的な書式を適用します。 - ③ フォント
使用するフォントの種類を選択します。選択肢は事前に登録されたものから選べます。 - ④ テキストカラー
文字の色を設定します。カラーピッカーやカラーコード入力に対応しています。 - ⑤ テキスト背景カラー
文字の背景色を設定します。強調表示などに有効です。 - ⑥ フォントサイズ
文字サイズをスライダーまたは数値で調整します。 - ⑦ 行間
テキスト行と行の間隔を調整します。 - ⑧ 文字間
文字と文字の間隔（カーニング）を調整します。 - ⑨ 配置
テキストの配置を左寄せ・中央寄せ・右寄せ・両端揃えから選択します。 - ⑩ 書式のクリア
すべての書式設定をリセットし、デフォルトの状態に戻します。