段落ブロック~WordPress5

【投稿日】 

ブロックには多くの種類がありますが、通常のサイト、ブログの運営を行っているときに使うブロックはごく限られたものとなるでしょう。まずは一般的によく使用されるブロックについて解説します。

段落ブロックの編集詳細

段落

「段落」のブロックです。通常のテキストを入力するときに使用します。「段落」のブロックにテキスト入力中にはブロック上部に9個のアイコンが表示されています。

段落のブロック

ブロックタイプを変更

ブロックタイプを変更

ブロックの種類を変更するときに使用します。

左寄せ

テキストを左寄せ

ブロックのテキストを左寄せにします。最初から左寄せの場合は何も変わりません。

中央寄せ

中央寄せ

ブロックのテキストを中央寄せにします。最初から中央寄せの場合は何も変わりません。

右寄せ

右寄せ

ブロックのテキストを右寄せにします。最初から右寄せの場合は何も変わりません。

Bold(太字)

Bold(太字)

ブロック内でテキストを選択した後、このアイコンをクリックすると選択した部分のテキストが太字になります。

Italic(斜体)

Italic(斜体)

ブロック内でテキストを選択した後、このアイコンをクリックすると選択した部分のテキストが斜体になります。

リンク

リンク

ブロック内でテキストを選択した後、このアイコンをクリックすると選択した部分にリンクを設定することができます。下の画像のようにリンク先のURLを直接入力したり、サイト内のページから検索することも可能です。

URL入力欄の右端の「⁝」のアイコンをクリックするとリンク先のページを開く際に「新しいタブをで開く」か設定できます。

Strikethrough(取り消し線)

ブロック内でテキストを選択した後、このアイコンをクリックすると選択した部分に取り消し線を引くことができます。

詳細設定

詳細設定

一番右の「⁝」のアイコンをクリックすると吹き出しが表示され7つのメニューが表示されます。

ブロック設定を非表示
ページ右側に表示されている「ブロック設定」のカラムを非表示にできます。
複製
このブロックを複製します。
前に挿入
新しい空のブロックをこのブロックの前に挿入します。
後に挿入
新しい空のブロックをこのブロックの後に挿入します。
HTMLとして編集
HTMLの編集ができます。ソースを直接編集できる人には便利です。戻るときには「ビジュアル編集」をクリックします。
再利用ブロックに追加
再利用ブロックに追加しておくと、このページだけでなく他のページでも同じ内容のブロックを利用できます。お問い合わせのバナーや会社概要など、複数ページで同じ内容のブロックを表示させたい時に便利です。再利用ブロックは一つを変更したとき他の再利用ブロックにもその変更が反映されます。
ブロックを削除
このブロックを削除します。

ブロック設定

ブロック設定

ページ右側にはブロック設定のカラムがあります。ブロックのテキスト設定など行うことができます。

テキスト設定
テキストのサイズを変更できます。「ドロップキャップ」という先頭の文字を大きな表示に切り替えることもできます。
色設定
ブロックの背景色や文字色を設定できます。
高度な設定
追加のCSSクラスの設定ができます。あらかじめスタイルが設定してあるときそのクラスを入力します。

WordPress使い方ガイドカテゴリの最新記事

ブロックの移動~WordPress5

WordPress5のブロックエディタでかなり便利な機能があります。それがブロックの移動です。長いページコンテンツを作成していると… 「この表はこの文章の下に移動したほうがいい」とか「この画像はもっと上に表示 […]

カスタムHTMLブロック~WordPress5

ブロックエディタがいかに便利であっても、HTMLを直接入力したいケースも結構あります。当オフィスで制作したサイトでは「よくある質問」のコンテンツなどはCSSでのデザインを反映させるためにもHTMLで直接入力したいコンテン […]

テーブルブロック~WordPress5

テーブル(表)の作成を行う際にはテーブルブロックを利用します。表は便利ですが、複雑な表はスマホで閲覧する場合、みづらいので表を簡潔にする工夫をした方が良いでしょう。 テーブルブロックの編集詳細 テーブル(表)を作成するブ […]

リストブロック~WordPress5

リストは箇条書きを作成するときに使います。通常の箇条書きリストと順序(番号)付きリストがあります。 リストブロックの編集詳細 リストを作成するブロックです。 リスト入力中にはブロック上部に10個のアイコンが表示されていま […]

ギャラリーブロック~WordPress5

ホームページの内容によっては写真を多用するサイトもあるでしょう。そのような場合には「ギャラリー」を使います。 ギャラリーブロックの編集詳細 画像を貼り付けるブロックです。上部には5つのアイコン。ブロック内部には2つのボタ […]

画像ブロック~WordPress5

ホームページに画像が全くないということほど味気ないものはありませんね。画像をホームページに貼り付けるには画像ブロックを利用します。 画像ブロックの編集詳細 画像を貼り付けるブロックです。上部には5つのアイコン。ブロック内 […]

見出しブロック~WordPress5

文章を書いていくのは段落ですが、段落を内容ごとにまとめて見出しを付けることが大切です。見出しを分かりやすく適切につけることはSEOの観点からも大切なことです。 見出しブロックの編集詳細 見出しのブロックです。見出し入力中 […]

ホームページ制作・運営パック
ホームページ制作おすすめパック
WordPress格安パック
WordPressエントリーパック
WordPressスタンダードパック
WordPressビジネスパック
愛知県豊橋市のホームページ制作 | クロスロードお急ぎ電話番号は080-7023-9643お問い合わせ電話番号は0532-74-5099メール相談

ホームページ制作&運営パック

ホームページ制作プラン

クロスロードのホームページ制作

クロスロードについて

コラム

ウェブデザインオフィスクロスロード