テキストブロック

テキストブロック

テキストブロックについて

テキストを書くための一般的なブロックです。

前提

  • ブロックの基本的な使い方についてはこちら

1. テキストブロックへのテキストの入力

「テキスト」ブロック内をクリックすると、テキストが入力できるようになります。

2. ブロックの変更

「ブロックまたはブロックタイプの変更」ボタンをクリックするとテキストブロックから下記のブロックに途中で変更することができます。

見出しブロックに変更した場合、以下の画像のようになります。

3. 文字揃え

「文字揃え」ボタンをクリックすると、テキストの位置を寄せることができます。デフォルトは「左寄せ」です。

「中央寄せ」をした場合、以下の画像のようになります。

4. スタイルの変更

下記ボタンをクリックすることで選択した範囲のテキストのスタイルを変更できます。

項目
説明
Bold
太文字にします。
Italic
斜体にします。
リンク
リンクを付けます。
Inline Image
画像を挿入します。
Strikethrough
取り消し線を付けます。
ソースコード
文字に背景色をつけ、
ソースコード用のフォントにします。

「Bold」にした場合、以下の画像のようになります。

5. 文字サイズの変更

右メニューから文字サイズセレクトボックスをクリックし、ご希望の文字サイズをクリックすると、文字サイズを変更できます。

文字サイズを直接pxで指定することもできます。

項目
説明
13px
標準
サイト訪問者の端末の設定に合わせます。
20px
36px
特大
48px

「特大」を選択した場合、以下の画像のようになります。

6. 先頭の文字を大文字にする

右メニューから「ドロップキャップ」をクリックします。

先頭の文字が大文字になります。デフォルトは無効です。

7. 色設定

右メニューから「色設定」をクリックで開きます。「背景色」と「文字色」のそれぞれで、カラーパレットの色をクリックすると変更できます。

カスタムカラーをクリックし、より詳細に色を指定することもできます。

「背景色」を黒、「文字色」を白とした場合、以下の画像のようになります。

    • Related Articles

    • ブロック全般

      ブロックについて 様々なブロックを組み合わせることでコンテンツを作成します。 作成したブロックは、ブロック単位での編集や並び替え、削除ができます。 以下の例では、「テキスト」ブロックを例にブロックの使い方をご紹介します。 前提 編集画面についてはこちら 1. ブロックの配置 「+」をクリックし、ブロック一覧ウィンドウを表示します。 以下のいずれかをクリックしてください。 挿入したいブロックが見つからない時は検索欄にブロック名を入れて探してください。 ここでは「テキスト」ブロックを選択します。 ...
    • スライダーブロック

      スライダーブロックについて 自動に横スクロールする画像スライドを5つまで登録できるブロックです。 前提 本ブロックはページの編集画面でのみ使用できます。ページについてはこちら ブロックの配置や削除等、ブロック全般についてはこちら 1. スライダーブロックの場所 スライダーブブロックはテキストブロックの中にあります。(赤枠箇所) 2. スライダーブロックの追加 以下の画像のようブロックが追加されます。(赤枠箇所) 3. 内容の設定 ブロック設定で各種設定をします。 3.1. 全般設定 ...