ブロック
ブロックコンポーネント。クリックす��だけで、コンテンツを挿入。
![](https://cdn.statically.io/img/wordpress.org/files/2024/05/blocks-feature-1.png)
制限なく構築する
ウェブの大部分を支えているテクノロジーは、かつてないほど習得が簡単です。ブロックを使用すると、コードの有無にかかわらず、あらゆるコンテンツを視覚的に操作できるため、リッチなレイアウト、インタラクティブなオンボーディング、無限の拡張性が促進されます。開発と同様に設計でも強力ですが、初心者にとっては十分に直観的です。
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-paragraph.png)
段落
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-heading.png)
見出し
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-media-text.png)
メディア
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-image.png)
画像
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-video.png)
動画
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-audio.png)
音声
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-columns.png)
カラム
![](https://cdn.statically.io/img/wordpress.org/files/2023/08/block-file.png)
ファイル
WordPress’s secret power
ブロックは WordPress の視覚的な基盤であり、サイトのすべての部分を作成し管理するために使えます。また、��っているよりも簡単です。ブロックの編集方法を学べば、コードを書くことなく WordPress を使いこなす方法がわかります。インスピレーションが必要でしたら、WordPress で何をしているかショーケースをチェックしてみてください。
![](https://cdn.statically.io/img/wordpress.org/files/2024/05/patterns-collage.jpg)
完全なクリエイティブコントロール
WordPress エディターは、シンプルなドラッグ アンド ドロップ インターフェイスを使用して、ビジュアル キャンバス上でブロックを挿入、変換、スタイル設定、および移動するためのデフォルトの方法です。
registerBlockType( 'your-first-block/hello-world', {
edit: function () {
return <p>Hello world (from the editor)</p>;
},
save: function () {
return <p>Hello world (from the frontend)</p>;
},
} );
Hello world (エディターから)
自分で作る
ニーズに合ったブロックが見つからなければ、自作しましょう。ブロックの作成は React コンポーネントの構築を同じくらいシンプルです。 @wordpress/create-block
パッケージ を使用すると素早く作成できます。
See what's new with blocks
The latest major WordPress version includes updates that can improve the blocks you use and enhance your overall site-building experience. Get more details about what features are available in the current release.
![](https://cdn.statically.io/img/wordpress.org/files/2024/07/6-6-whats-new-i1.png)
Only the beginning
ブロックは単体でも強力ですが、もっと大きな事物の一部でもあり、さまざまな方法で組み合わせ、デプロイできます。統一されたオープンな構文であるため、エディター、ブラウザ、そして AI でさえも簡単に理解できます。そのため誰が編集しても、活力に溢れパーソナライズされたデザインや体験を、素早く実現できます。