②ブロックの基本!段落ブロックを使いこなそう

別枠で解説を見ながら変更したい場合は、CTRLキーを押しながら画面左上のWをクリックすると便利です。

当サービスでは、ブロックエディター(Gutenberg)での構築となります。

まずは、ブロックの中でも最も使う段落ブロックの解説となります。

段落ブロックとは、文章を書く為のブロック。

段落ブロックの小ネタ

通常、段落ブロックでは改行をすると次のブロックに移りますが、SHIFTキー+エンターキーを押すと同じブロック内でも改行が出来ます。(PC専用の操作なのでスマホでは出来ません。あまり使いませんが・・)

その前に記事投稿の方法

記事を投稿する際は、管理画面のメニューから新規投稿を選択します。

メニュー項目について表にしておきます。

メニュー名編集内容
お知らせお知らせの記事を追加・編集する際に使う
固定ページホームページ部分の追加・編集する際に使う
投稿ブログ部分の追加・編集する際に使う
ブログの書き方ブロックの使い方を学ぶ際に使う

ブロックの使い方を覚えよう!

各メニューの新規作成を選択することで記事を追加できます。

そして記事の内容は、様々な特徴を持ったブロックを選び、文章や画像を挿入する事で構築していきます。

(トップページもブログも全てブロックを使って構築しています。)

今回は、最も基本となる段落ブロックについて解説していきます。

段落ブロックとは、文章の本文を入れる為のブロックです。

段落ブロックを挿入するには、記事制作画面の何もない箇所をクリックしてカーソルを出せばOK。

また、ブロック選択ボタン(+)をクリックし段落を選択しても良いです。

段落ブロックに文字を入力すると、その上に詳細メニューが表示されます。

よく使うメニューなので完璧にマスターしましょう。

一番左のは、他のブロックに切り替えるボタンになっています。

あまり使いませんが、段落ブロックから見出しブロックに切り替える際に使う場合があります。


その左、くの字が上下になっているボタン。

これは、ブロックを位置を上下入れ変えする際に使います。

私は結構使います!(是非ためしてみて下さい)


テキストの配置変更のボタン。

文字や画像を中央寄せにしたい場合によく使います。


Bは、太字にするボタン。

太字にしたい箇所の先頭で、マウスの左クリックを押しながら右にずらして変更点を指定、Bのボタンを押すとその部分が太字になります。


Iは斜め文字(イタリック)にするボタン。

主に、強調したい場合や他の文字と差別化させる為に使われるようですが、あまり使いません。


(-)は文字にリンクを挿入するボタンです。

太字と同じ要領で、文字リンクさせたい箇所を指定して、リンク先URLを入力します。

文字リンクはSEO的にも有効な手段なので使う事もあるかもしれません。

飛び先のURLをあらかじめコピーしておくとスムーズに使えます。


その右のくの字が下向きになっている部分はその他の変更が出来ます。

インライン画像は、画像をカーソルの当てた部分に配置できます。

蛍光マーカーは太字と使い方は同じで黄色のラインを引けます。

他にも指定箇所だけの色を変更する、文字色も良く使うので試してみて下さい。


一番右側の点が三つ縦に並んでいるのはブロックの設定。

非常によく使うのが、ブロックの削除

それと、前に挿入または後ろに挿入。

これは、後からブロックを間に追加したくなった時によく使います。

詳細メニューは段落ブロックに限らずよく使いますので、触って使い方をチェックしてみて下さい。

その他の設定項目

記事作成画面の一番上の部分には、元に戻す・やり直すボタンがあります。

間違ってブロックを消してしまった場合など、一つ前に戻りたい時に使うので覚えておきましょう。(CTRLキー+Zキーでも、一つ前の操作に戻せます)


右側のブロックオプションにも、同じように色々な設定項目があります。

※右側のオプションが表示されていない場合は、更新の右にある歯車マークをクリックすると表示されます。

文字サイズの変更やアンダーライン(先ほどのよりも選べる色数が多いです)など。

ブロックオプションは段落ブロックに限らず、新しいブロックを使う際はどんな物があるのかチェックしてみて下さい。

段落ブロック習得の課題

実際にやってみないと覚えにくいかもしれないので、是非実践してみて下さい。

今は、メンテナンスモード(非公開)ですので、練習には丁度良いです。

  1. 文字を太字にしてみる
  2. 文章を中央ぞろえにしてみる
  3. 特定の箇所のを変えてみる
  4. 黄色いアンダーラインを入れる
  5. ブロックを上下に移動してみる
  6. ブロックを削除する
  7. 指定中のブロックの手前に新たなブロックを挿入する
  8. 一つ前の作業に戻るボタンを押す
  9. 文字のサイズを変更してみる

これらの段落ブロックのオプションを使いこなせれば、他のブロックでもやる事は大して変わりません。

ブログだけでなく、お知らせやホームページ部分の変更でもやる事は同じ!

SEOの基本はユーザーファースト!読み手の気持ちになって読みやすい文章を作ってみましょう。

Follow me!

The following two tabs change content below.

torans

5年前からフリーランスのWebデザイナーとして活動をしており、ワードプレスを使ったホームページ制作・ブログ制作が得意です。 単にホームページを作るだけではなく「作って良かった!」と感じて頂けるような完成後も見据えたサービスを提供できればと思っています。

最新記事 by torans (全て見る)

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です