ブロック

ブロックコンポーネント。クリックするだけで、コンテンツを挿入。

制限なく構築する

ウェブの大部分を支えているテクノロジーは、かつてないほど習得が簡単です。ブロックを使用すると、コードの有無にかかわらず、あらゆるコンテンツを視覚的に操作できるため、リッチなレイアウト、インタラクティブなオンボーディング、無限の拡張性が促進されます。開発と同様に設計でも強力ですが、初心者にとっては十分に直観的です。

ブロックの作成

ブロックディレクトリを見る

段落

見出し

メディア

画像

動画

音声

カラム

ファイル

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.

ショーケースを見る

完全なクリエイティブコントロール

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 (エディターから)

自分で作る

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.

ブロックの作成

See what's new with blocks

最新の WordPress メジャーバージョンには、使用するブロックを改善し、サイト構築の全体的な体験を向上させるアップデートが含まれています。現在のリリースで利用できる機能の詳細をご覧ください。

WordPress の最新版を知る

まだ始まったばかりです

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.