Title: グループブロック
Author: Akira Tachibana
Published: 2021年4月30日
Last modified: 2024年10月8日

---

## カテゴリー

 * [はじめに](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)

**グループブロック**を使うと、異なるブロックをグループにまとめることができます。
グループ自体を_再利用可能ブロック_にしたり、グループに背景色を追加したりできます。

**グループブロックの例**

![](https://wordpress.org/support/files/2020/09/group_block_layout_with_columns-
1024x588.png)

カラム、見出し、段落、画像、ボタンの各ブロックをまとめたグループブロック

_グループブロック_を追加するには**ブロックを追加**アイコンをクリックします。

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

空のブロックへ `/group` (または `/グループ`)と入力して Enter キーを押す方法でも、
簡単に追加できます。

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

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

## ブロックツールバー

ほとんどのブロックには固有のツールバーアイコンとコントロールがあり、エディター内
でブロックを操作できます。

[[

グループブロックには標準で4個のボタンがあります。

 * 変換またはスタイル変更
 * 移動用ハンドル
 * 配置を変更
 * 他のオプション

**変換またはスタイル変更**

_グループブロック_は**カラム**へ変換できます。また、_グループブロック_のスタイル
を**デフォルト**と**枠線**の2種類から選べます。

[[

**移動用ハンドル**

![](https://ja.wordpress.org/support/files/2021/10/グループブロックの移動用ハンドル.
png)

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

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

**配置を変更**

![](https://wordpress.org/support/files/2020/11/group_block_alignment.png)

 * **幅広** – ブロックの幅をコンテンツ幅に合わせます。
 * **全幅** – 画面の幅いっぱいまでブロックの幅を広げます。

**他のオプション**

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

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

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

**コピー**

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

**複製**

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

**前に挿入**

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

**後に挿入**

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

**移動**

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

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

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

**グループ解除**

まとめてあったブロックを一つずつに分けたい場合、_グループ解除_オプションを選択し
ます。

**ブロックを削除**

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

**ブロックの編集**

_グルーブブロック_は、中に他の任意のブロックを追加し、好みのレイアウトを作ること
ができます。ブロックを追加するには_グループブロック_内の**ブロックを追加**アイコ
ンをクリックします。

![](https://wordpress.org/support/files/2020/11/add_group_block.png)

**コンテンツの追加**

グループブロックの中に、カラムブロック、カバーブロックなど利用可能な任意のブロック
を追加して、お望みのレイアウトを作成できます。

![](https://wordpress.org/support/files/2020/09/group_block_layout_with_columns-
1024x588.png)

この例のグループブロックはカラム、見出し、段落、画像およびボタンブロックが入って
います。

## ブロック設定

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

[[

_グループブロック_には他のブロックを埋め込む機能があるため、あるブロックをクリック
すると、_グループブロック_へ追加したブロックに応じてサイドバーの設定が変わります。
例えば、_グループブロック_へ画像を追加した後、その画像をクリックすると、サイドバー
に_画像ブロック_の設定オプションが表示されます。

**グループブロックの背景色の追加**

_グループブロック_全体に背景色を追加できます。_グループブロック_を選択すると色の
設定がサイドバーに現れます。テキスト色と背景色を選べます。

![](https://wordpress.org/support/files/2020/11/group_block_settings_sidebar.png)

**間隔**

**パディング**オプションはブロック内の余白を変更できます。_チェーンリンク_アイコ
ンをクリックすると、上下左右の余白を個別に指定できます。

[[

**高度な設定**

[[

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

**HTML アンカー**は特定の_グループブロック_に[ユニークな Web アドレス](https://ja.wordpress.org/support/article/page-jumps/?output_format=md)
を作ることができます。その後、ページ内の_グループブロック_へ直接リンクできます。

**追加 CSS クラス**はブロックへ CSS クラスを追加できます。その後、カスタム CSS を
書いてブロックに好みのスタイルを付けることができます。[](https://ja.wordpress.org/support/wp-admin/post.php?post=11300589&action=edit)

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

 * 更新: 2020-11-27
    - WP 5.6の新しい画像
 * 新規作成: 2020-09-21

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

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

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