Title: ブロック
Author: WordPress.org
Published: 2025年12月1日
---
# ブロック
ブロックコンポーネント。クリックするだけで、コンテンツを挿入。
## 制限なく構築する
ウェブの大部分を支えているテクノロジーは、かつてないほど習得が簡単です。ブロック
を使用すると、コードの有無にかかわらず、あらゆるコンテンツを視覚的に操作できるため、
リッチなレイアウト、インタラクティブなオンボーディング、無限の拡張性が促進されます。
開発と同様に設計でも強力ですが、初心者にとっては十分に直観的です。
[ブロックの作成](https://developer.wordpress.org/block-editor/getting-started/create-block/)
[ブロックディレクトリを見る](https://ja.wordpress.org/plugins/browse/block/)
段落
見出し
メディア
画像
動画
音声
カラム
ファイル
## WordPress の秘密のパワー
Blocks are the visual foundation of WordPress, and can be used to create and manage
every part of your site. They're also easier than you think. Learn how to edit a
block and you learn how to use all of WordPress—without having to write code. For
inspiration, check out what others have done with WordPress in the Showcase.
[ショーケースを見る](https://ja.wordpress.org/showcase/)
## 完全なクリエイティブコントロール
WordPress エディターは、シンプルなドラッグ アンド ドロップ インターフェイスを使用
して、ビジュアル キャンバス上でブロックを挿入、変換、スタイル設定、および移動する
ためのデフォルトの方法です。
[ライブでブロックを試す](https://ja.wordpress.org/gutenberg?output_format=md)
```wp-container-content-0733e5d0
registerBlockType( 'your-first-block/hello-world', {
edit: function () {
return Hello world (from the editor)
;
},
save: function () {
return Hello world (from the frontend)
;
},
} );
```
Hello world (エディターから)
## 自分で作る
If you can’t find a block that suits your needs, create your own. Creating a block
is as simple as building a React component. Use the `@wordpress/create-block` package
to jumpstart your creation.
[ブロックの作成](https://developer.wordpress.org/block-editor/getting-started/tutorial/)
## See what's new with blocks
最新の WordPress メジャー バージョンには、使用するブロックを改善し、サイト構築の
全体的な体験を向上させるアップデートが含まれています。現在のリリースで利用できる
機能の詳細をご覧ください。
[WordPress の最新版を知る](https://ja.wordpress.org/6.9)
## まだ始まったばかりです
While blocks are powerful on their own, they’re also part of something bigger and
can be combined or deployed in various ways. As a unified and open syntax, they're
easily understood by editors, browsers, and even AI. So whoever is editing will
find it easy to make vibrant, personalized designs and experiences happen, fast.
[カスタムブロックの作成](https://developer.wordpress.org/block-editor/getting-started/create-block/)
[ブロックパターンのデザイン](https://ja.wordpress.org/patterns/?output_format=md)
[ブロックテーマを作る](https://developer.wordpress.org/themes/block-themes/)
[ブロックのデプロイ](https://developer.wordpress.org/block-editor/how-to-guides/platform/custom-block-editor/)