【SWELL】固定ページの編集方法（ブロックエディタ編）

ワードプレスのエディタをクラシックエディタ（従来のもの）からブロックエディタ（最新のもの）に移行された方も多いかと思います。

ブロックエディタは最初はかなり戸惑いますが慣れるととても快適です。

ブロックエディタで文章を入れる方法

カーソル（｜）部分に直接文字を打ち込むと入力できます。
WordやExcelと同じ感覚で文章を入れてください。

段落を新しく作るときはenterを押し、同じ段落内で改行したい場合はShift+enterを押してください。

太字にしたい場合

文章を入れた後に太字にしたい文字をドラックして反転させます。
その状態でショートカットメニューの中のBを押すと太字になります。

エディタ画面では太字になりませんがプレビューすると太字になっています。

文字色を変えたい場合

文章を入れた後に色をつけたい文字列をドラックして反転。
ショートカットメニューからテキスト色をクリック

パレットが出てくるのでここから選んでもいいし、カスタムカラーから好きな色を選ぶこともできます。

2022.2月追記
テキスト色の表記が下記のように変わりました。
「テキスト色」→ハイライト

マーカー線を引きたい場合

文章を入れた後にマーカー線をつけたい文字列をドラックして反転。
ショートカットメニューからマーカー線を選び好みの色を選択します。

ブロックエディタで画像を入れる方法

あらかじめ入れたい画像をご自身のパソコンに保存しておきましょう

「+」ボタンを表示させてその「+」ボタンを押すとショートカットメニューが現れます。
その中にある「画像」をクリック。

画像を選べるメニューが出てくるので「アップロード」をクリックすると自分のパソコンの中から画像が選べるので入れたい画像を選んでクリックし「開く」ボタンを押す。

写真が入ったら白丸をドラックして大きさを調整します。

画像が荒れるので拡大は絶対にしないでください。縮小のみOKです。

ブロックエディタで見出しを入れる方法

文章を作る場合、見出しを入れるとページがスッキリまとまりユーザーにとっても読みやすいページとなります。
できるだけ見出しを入れることを意識しましょう。

見出しの入れ方

①「＋」マークをクリック

②ショートメニューから「見出し」を選択

③見出しにテキストを入れる

箇条書きを入れたい場合

文中の中で箇条書きにしたい場合は「リスト」を使います。

1. 箇条書きにしたい文章を1行ずつ改行しながら入力する
2. 入力が終わったら上から下まですべてをドラックして選ぶ
3. 反転させた状態でショートカットメニューの「リスト」を選ぶ
4. 画面右側の「スタイル」から好みのリストマークを選ぶ。

リンクを貼る方法

ご自身のブログからどこかに別のページや別のサイトに飛ばすことを「リンク」と呼びます。

1. リンクを設定したい文字列をドラックして反転させる
2. リンクマークをクリックする
3. 四角い枠が出てくるので飛ばす先のURLを貼り付ける

あらかじめリンク先をコピーしておくと良いです

説明リスト（DL・DT・DDタグ）の入れ方

SWELLでは説明リスト（DL・DT・DDタグ）も用意されています。

サロンをされている方の場合、メニュー料金に使うと便利です。

例

フェイシャル60分（質問）
8,000円（答え）

フェイシャル60分

8,000円

フェイシャル120分

12,000円

SWELLでの実装方法は下記の記事を参照してください。

あわせて読みたい

説明リスト（DL）の入れ方 DL・DT・DDタグって何？ たとえば「質問」と「回答」のように「説明したいこと」と「その答え」を書くときにこのタグを使うというのが正しい方法です。 たとえば下記の...