![](https://mik2062.jp/wp-content/uploads/2022/08/fbb78db025839258a0abd0d6100df36a-150x150.png)
WordPressで各記事に毎回同じようなブロックを書くのが面倒です
![](https://mik2062.jp/wp-content/uploads/2022/08/1341584-150x150.jpg)
![](https://mik2062.jp/wp-content/uploads/2022/08/1341584-150x150.jpg)
![](https://mik2062.jp/wp-content/uploads/2022/08/1341584-150x150.jpg)
パターンを使えば他の記事と同じブロックを簡単に使い回せます
WordPressのパターン
全く同じ内容や少しだけ違う内容を複数の記事で書く時、その内容をパターンとして登録しておくと、同じ内容をかんたんに複数の記事で利用できます。
パターンの使い方は大きく分けて以下の2つがあると思います。
- パターンに登録した内容をそのまま複数の記事で使用したい場合
- パターンに登録した内容を一部編集して複数の記事で使用したい場合
再利用ブロックをそのまま複数の記事で使用する
ある記事で記述した内容を再利用ブロックとして登録して、他の記事に再利用ブロックのまま配置します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-196-1024x512.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-196-1024x512.png)
パターンを登録
別の記事で再利用したい内容を選択して再利用ブロックに追加
をクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-198-1024x536.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-198-1024x536.png)
再利用ブロックに付ける名前を入力して 保存をクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-199.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-199.png)
再利用ブロックは、WordPressの管理メニューの再利用ブロック
に登録されています。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-156-1024x614.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-156-1024x614.png)
先程追加した再利用ブロックのタイトルをクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-200-1024x376.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-200-1024x376.png)
再利用ブロックの編集画面が開きます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-201.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-201.png)
再利用ブロックは、記事の編集画面から追加する方法だけでなく、再利用ブロック画面の新規追加から作成することもできます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-240-1024x352.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-240-1024x352.png)
再利用ブロックとして複数の記事で使用したい内容を記述して、完成したら公開ボタンを押します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-244-1024x476.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-244-1024x476.png)
別の記事で再利用ブロックを利用する
再利用ブロックを使いたい箇所で +をクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-202-1024x350.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-202-1024x350.png)
再利用可能
をクリックして、使用したい再利用ブロックを選択します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-203-1024x345.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-203-1024x345.png)
選択した再利用ブロックの内容が配置されます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-204-1024x374.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-204-1024x374.png)
配置した記事で再利用ブロックの内容を編集して保存します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-205-1024x430.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-205-1024x430.png)
再度記事を開くと元の再利用ブロックの内容に戻っています。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-245.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-245.png)
再利用ブロックは記事の画面を開くと毎回読み込まれるため、元の再利用ブロックに戻ります。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-214-1024x512.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-214-1024x512.png)
再利用ブロックを編集すると各記事に反映される
各記事の再利用ブロックの内容を編集するには、再利用ブロック画面で編集する必要があります。
WordPressの管理メニューの再利用ブロック
を開きます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-156-1024x614.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-156-1024x614.png)
先程追加した再利用ブロックのタイトルをクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-200-1024x376.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-200-1024x376.png)
再利用ブロックの内容を編集して 更新ボタンをクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-246.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-246.png)
再利用ブロックを使用している記事を開くと、編集内容が反映されています。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-215-1024x456.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-215-1024x456.png)
再利用ブロックを削除すると、各記事の再利用ブロックも表示されなくなります。
記事編集画面では以下のように表示されます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-346.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-346.png)
再利用ブロックを各記事に合った内容に編集したい場合
他の記事で再利用ブロックを配置後に通常ブロックに変換した上で各記事で内容を編集します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-197-1024x512.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-197-1024x512.png)
再利用ブロックに追加
別の記事でも再利用したい内容を選択して再利用ブロックに追加
をクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-173-1024x598.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-173-1024x598.png)
登録する名前を入力して保存ボタンを押すと再利用ブロックに保存されます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-174.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-174.png)
標準のブロックに変更する
再利用ブロックに追加したブロックは、再利用ブロックに変わります。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-248-1024x378.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-248-1024x378.png)
このままだと再利用ブロックの内容を編集した時に、この記事の内容も変わってしまうため標準のブロックに変換します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-249-1024x496.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-249-1024x496.png)
通常のブロックに戻って、この記事だけの内容として編集できるようになります。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-250-1024x379.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-250-1024x379.png)
再利用ブロックの内容を、使い回しやすい記述や各記事で編集が必要なことが分かる記述に変えておく方が便利です。
WordPressの管理画面で再利用ブロックを選択します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-251.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-251.png)
先程追加した再利用ブロックのタイトルをクリックしすると再利用ブロックの編集画面が開きます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-175.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-175.png)
再利用ブロックの内容を汎用的な記述(各記事で編集が必要なことが分かる記述)に編集しておきます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-176.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-176.png)
別の記事で再利用ブロックを利用する
別の記事に再利用可能ブロックを配置します。
再利用ブロックを置きたい場所で +ボタンをクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-340.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-340.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-341.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-341.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-342.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-342.png)
再利用ブロックは記事に配置しても再利用ブロックのままです。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-185.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-185.png)
配置した記事の内容に編集するために、通常のブロックへ変換
をクリックします。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-190.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-190.png)
再利用ブロックとの紐付けが切れて、通常のブロックに変わります。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-192.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-192.png)
親ブロックと子要素の間が狭くて親ブロックがうまく選択できない時は、メニューから親ブロックを選択することもできます。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-344.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-344.png)
通常のブロックに変換後、記事に合った内容に編集して保存します。
![](https://mik2062.jp/wp-content/uploads/2022/09/image-193-1024x427.png)
![](https://mik2062.jp/wp-content/uploads/2022/09/image-193-1024x427.png)