Title: 見出しブロック
Author: Dion Hulse
Published: 2019年3月7日
Last modified: 2024年10月4日

---

## カテゴリー

 * [はじめに](https://ja.wordpress.org/support/category/getting-started/)
 * [インストール](https://ja.wordpress.org/support/category/installation/)
 * [基本的な使い方](https://ja.wordpress.org/support/category/basic-usage/)
 * [基本的な管理](https://ja.wordpress.org/support/category/basic-administration/)
 * [カスタマイズ](https://ja.wordpress.org/support/category/customizing/)
 * [メンテナンス](https://ja.wordpress.org/support/category/maintenance/)
 * [セキュリティ](https://ja.wordpress.org/support/category/security/)
 * [高度なトピック](https://ja.wordpress.org/support/category/advanced-topics/)
 * [トラブルシューティング](https://ja.wordpress.org/support/category/troubleshooting/)

## 翻訳・改善にご協力ください

 ドキュメンテーションを現在[英語版](https://wordpress.org/support/)から翻訳中です。
どなたでも[ご協力いただけます](https://ja.wordpress.org/team/2019/08/06/359/)。

 誤字や間違った情報にお気づきの方は、各記事の下にあるフィードバックセクションから
お知らせください。

# 見出しブロック

[**ブロック一覧**へ戻る](https://ja.wordpress.org/support/article/blocks/?output_format=md)

見出しはページを構造化しやすくすると共に、人にも検索エンジンにも内容を読みやすく
します。

**見出しブロック**を追加するには、**ブロックを追加**ボタンをクリックします。または、
空の新しいブロックに `/heading` (または `/見出し`)と入力して Enter キーを押します。

[[

スラッシュコマンドを使って見出しブロックを挿入することもできます。

_ブロック追加の詳しい方法は[こちら](https://ja.wordpress.org/support/article/adding-a-new-block/?output_format=md)
をご覧ください。_

エディターはページタイトルが <h1> タグであることを考慮して、検索エンジン向けに最適化
されたレイアウトを自動的に行います。そのため後続の_見出し_ブロックは <h2> 以降が
使われます。しかし、お好みのスタイルに合った見出しレベルをツールバーから選ぶこと
もできます。

![](https://wordpress.org/support/files/2021/02/heading_tags_selection.png)

## **ショートカット/マークダウン**

エディターには**見出しブロック**を追加する簡単な方法がもう一つあります。## に続け
てスペースを入力すると H2、### に続けてスペースなら H3、などです。

## **ブロックツールバー**

各ブロックにはそれ固有のコントロールがあり、エディター内でブロックを操作できます。_
見出しブロック_は次のオプションをツールバーで提供します:

[[

見出しツールバーには見出しタグ選択、テキスト配置オプション、太字、斜体、ハイパー
リンクなどがあります。

 * 変換
 * 移動用ハンドル
 * 配置オプション
 * すべての見出しタグ
 * テキスト配置
 * テキスト編集オプション
 * 他のオプション

**変換**

**見出しブロック**は段落ブロック、カラム、グループ、リストブロック、引用ブロック、
またはプルクオートブロックへ変換できます。

![](https://wordpress.org/support/files/2021/02/heading_block_transform_options.
png)

**移動用ハンドル**

[[

上下の矢印を使うと、ドキュメント内でブロックを上下に移動できます。

_エディター内でブロックを移動する詳しい方法は[こちら](https://ja.wordpress.org/support/article/moving-blocks/?output_format=md)
をご覧ください。_

**配置オプション**

現在のテーマがサポートしていれば、幅広と全幅の配置オプションを利用できます。

![](https://wordpress.org/support/files/2021/02/heading_block_align_options.png)

**すべての見出しタグ**

ブロックツールバー内で見出しタグを選んで変更できます。

![](https://wordpress.org/support/files/2021/02/heading_tags_selection.png)

**テキスト編集オプション**

**太字とイタリック**

とても頻繁に使われるので、太字とイタリックの専用ボタンがツールバーにあります。ショートカット
は CTRL+b (または Command+B)が太字、CTRL+i (または Command+i)がイタリックです。

**ハイパーリンク挿入**

選択中のテキストにハイパーリンクを挿入するには_チェーンリンク_アイコンを使います。
キーボードショートカットの CTRL+k (または Command+k)も使えます。

![](https://i2.wp.com/wordpress.org/support/files/2020/08/paragraph_5.png?resize
=380%2C149&ssl=1)

テキストボックスに「検索」とあるのは、サイト内を検索できることを示しています。キーワード
を入力すると、現在のサイト内の投稿や固定ページが一覧表示され、サイト内リンクを作成
できます。

**新しいタブで開く**

トグルスイッチで新しいページをどこに開くかコントロールできます。

 * **オフ**ならブラウザーの同じタブ
 * **オン**ならブラウザーの新しいタブ

デフォルトはオフなので、リンクされたページをどこに表示するかをサイト訪問者に自分
でコントロールしてもらいます。

**ヒント: **_リンクしたいサイトの URL がクリップボードにある場合は、テキストを選択
してから CTRL+v (または Command+v) を使えば、そのテキストにハイパーリンクを追加でき
ます。_

**他のテキスト編集オプション**

![](https://wordpress.org/support/files/2020/09/more-text-editing-options.png)

**他のテキスト編集オプション**のドロップダウンを表示したブロックツールバー

**インラインコード**

テキスト内のちょっとしたコードの書式を変えるには**インラインコード**機能を使います。
書式を変えるだけでなく、コードが表示されず実行されてしまうのを避けることもできます。

**インライン画像**

**インライン画像**機能を使うと段落に画像を追加できます。オプションが一つあり、画像
のピクセル幅を入力します。

**打ち消し線**

**打ち消し線**オプションを使うと選択したテキストに打ち消し線を追加できます。

**上付き**と**下付き**

![](https://wordpress.org/support/files/2020/09/paragraph_8.png)

![](https://wordpress.org/support/files/2020/09/paragraph_9.png)

**下付き**オプションを使うと選択したテキストを下付きにできます。

**上付き**オプションを使うと選択したテキストを上付きにできます。

**テキスト色**

![](https://wordpress.org/support/files/2020/09/text-color.png)

インライン表示される**テキスト色**ツールで色を選ぶと、選択したテキストの色を変更
できます。

**他のオプション**

![](https://wordpress.org/support/files/2020/08/Screenshot-1.png)

**追加設定を非表示**

**追加設定を非表示**オプションを使うと、エディターのサイドバーにある**ブロック設定**
パネルを隠す(または表示する)ことができます。

**コピー**

**コピー**を使うと、選択したブロックをコピーしてエディター内の好きな位置へ貼り付け
できます。

**複製**

**複製**を使うと、選択したブロックを複製できます。

**前に挿入**

新しいブロックを選択したブロックの前へ挿入します。

**後に挿入**

新しいブロックを選択したブロックの後へ挿入します。

**移動**

**移動**を選ぶと、コンテンツ内に青い線が現れます。その後、矢印を使って線を上下に
移動し、選択したブロックの移動先を指定できます。最後にキーボードの Enter を押すと
ブロックがそこへ移動します。

**HTML として編集**

**HTML として編集**を使うと、選択したブロックの HTML コードを変更できます。

**再利用ブロックに追加**

**再利用ブロック**に追加オプションを使うと、選択したブロックを再利用ブロックのリスト
へ追加できます。すると他の投稿や固定ページでそのブロックを利用できます。

**グループ化**

ブロックをまとめて一つの単位として扱いたい場合、**グループ化**オプションを選択し
ます。例えば共通の背景色や他のブロックをグループへ追加できます。

**ブロックを削除**

**ブロックを削除**オプションを使うと、選択したブロックをコンテンツから削除できます。

## ブロック設定

どのブロックも、ブロックツールバーにあるオプションに加えて、固有のオプションがエディター
のサイドバーにあります。_もしサイドバーが見当たらなければ、公開ボタンの隣にある「
歯車」ボタンをクリックしてください。_

[[

ブロック設定はサイドバーにあります。

#### **見出し設定**

[[

_見出しブロック_オプションは文字サイズとカスタムカラーを指定できます。

サイドバーのブロック設定には、見出しタグの文字サイズを変えるオプションがあります。
デフォルトサイズから選ぶか、カスタムサイズを入力します。

見出しタグのカスタムカラーもブロック設定で指定できます。

#### 高度な設定

サイドバーのブロック設定の**高度な設定**パネルには、**HTML アンカー**と**追加 CSS
クラス**のオプションがあります。

[⌊The heading block suggests a hierarchy based on proper SEO practices.⌉⌊The heading
block suggests a hierarchy based on proper SEO practices.⌉[

_見出しブロック_は適切な SEO 手法に基づいた階層構造を提案します。

[⌊You can add HTML Anchors and CSS classes from the sidebar.⌉⌊You can add HTML Anchors
and CSS classes from the sidebar.⌉[

サイドバーから HTML アンカーと CSS クラスを追加できます。

**HTML アンカー**はページジャンプを作るのに便利なツールです。ブロックを HTML ビュー
に切り替えると、見出しタグに HTML アンカーの入力値が ID 属性として追加されるのが
見えます。**追加 CSS クラス**の入力値は class 属性として見えます。

#### **変更履歴 **

 * 更新: 2021-02-28
    - 画像を追加、WP 5.7 向けに更新
 * 更新: 2020-08-27
    - WP 5.5 向けの画像を追加
 * 更新: 2020-06-18
    - 「ブロックの一覧へ戻る」をページ先頭に追加
    - 「変更履歴」を追加
 * 新規作成: 2019-03-07

[原文](https://wordpress.org/documentation/article/heading-block/)

## この記事は役に立ちましたか ? どうすればさらに改善できますか ?

フィードバックを送信するには[ログイン](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fja.wordpress.org%2Fsupport%2Farticle%2Fheading-block%2F&locale=ja)
する必要があります。