WP BlockPatterns.jp の使い方

当サイトは、WordPress で利用することができるブロックパターンの情報やソースコードを提供するサイトとなります。

This site will provide information and source code for block patterns that can be used with WordPress.


Here you will find a brief guide on how to use our website.

事前に知っておいていただきたいこと – What you need to know in advance

当サイトで紹介しているブロックパターンは、WordPress 本体から提供されているブロックのみを使って編成されています。


ですので、ご利用先の WordPress の環境(テーマやプラグイン、カスタマイズ内容など)によって、コピーしたにも関わらず見た目が大きく異なるケースも発生します。


The block patterns shown on this site are organized using only the blocks provided by WordPress itself.

However, these blocks reflect the CSS set by the theme adopted for each site. (Some of them are forced to be specified from the block pattern.)

Therefore, depending on your WordPress environment (theme, plugins, customization, etc.), there may be cases where the appearance of your site is very different even though you copied it.

Please be aware of this in advance.


使いたいブロックパターンを探す – Find the block pattern you want to use


Please find the block pattern you want to use below.

ソースコードをコピー – Copy the source code


Copy the source code of the block pattern by clicking on the button at the top right of the source code.

ご自身のWordPress編集画面にペースト – Paste into your own WordPress editor

利用したいページの編集画面に ⌘+Shift+V でペーストをします。スタイルを保持したままペーストしてください。(普通にペーストするとソースコードとしてペーストされる場合があります)

Use ⌘+Shift+V to paste into the edit window of the page you want to use. Make sure you keep the style in the paste.

If you paste it normally, it may be pasted as source code.