WordPress初歩8-再利用ブロック-
はじめに
WordPressによるBlog記事編集中のメモ。
WordPressの記事作成などで編集したブロックは、下の方法で再利用ブロックとして使い回し可能。
- ブロック挿入
- 再利用ブロックに変換
- 再利用ブロックを埋め込む
- 再利用ブロックを再編集
これら内容は以下レンタルサーバーでのWordPress環境を使用。
シン・レンタルサーバー![](https://www16.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HLFVM)
![](https://www19.a8.net/0.gif?a8mat=3T8P7I+7KOKM2+CO4+1HMIGH)
各事項については以降に書いていく。
その他、環境整備に関する新情報。
同系列WordPress特化型レンタルサーバー
WordPress専用クラウド型レンタルサーバー『wpX Speed』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZQFQA)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+AL1GPM+CO4+ZRXQP)
同系列安定型レンタルサーバー
格安ドメイン名取得サービス『Xserverドメイン』![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
その他キャンペーン中WordPress対応レンタルサーバー
ロリポップ公式サイト![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+64Z8Y)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AM8BX6+348+6E71D)
ドメイン管理に関しては
格安ドメイン名取得サービス『Xserverドメイン』![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15OK2A)
![](https://www13.a8.net/0.gif?a8mat=3TCZ0D+ALMWBE+CO4+15WWZL)
![](https://www18.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1C1W8I)
![](https://www14.a8.net/0.gif?a8mat=3TCZ0D+ANF74Q+348+1BRTKX)
![](https://www19.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HHVNM)
![](https://www17.a8.net/0.gif?a8mat=3TCZ0D+AMTRIY+50+2HTO1D)
WordPress初歩8-再利用ブロック-
ブロック挿入
編集は後からできるので、何かしらブロックを挿入すればOK。
![ブロックを挿入する](https://nemunori.com/wp-content/uploads/2023/05/wp_20230512createblock_356_917.PNG.png)
再利用ブロックに変換
下のように再利用ブロックへ変換する。
- 対象ブロックのメニューを開く
- 「再利用ブロックを作成」を選択
- 再利用ブロックの名前をつける
対象ブロックのメニューを開く
![再利用ブロックを作成](https://nemunori.com/wp-content/uploads/2023/05/wp_20230523editrecycleblock1_291_498.png)
「再利用ブロックを作成」を選択
![再利用ブロック作成ウィンドウ](https://nemunori.com/wp-content/uploads/2023/05/wp_20230523editrecycleblock2_369_226.png)
再利用ブロックの名前をつける
名前を付けたら再利用ブロックへの変換は完了。
今回はCSSを記述したカスタムHTMLブロックを、再利用ブロックに変換した。
再利用ブロックを埋め込む
埋め込み方は通常のブロックと同様、左メニューから選ぶ。
ただし、再利用ブロックの場合は名前に含まれるワードで検索するか、下のように◇タブを選択しないと表示されない。
- ブロック追加メニューを開く
- 再利用可能アイコンを選択
- 再利用ブロックを選択
![ブロック追加メニューの再利用可能ブロック](https://nemunori.com/wp-content/uploads/2023/05/wp_20230523editrecycleblock3_357_298.png)
再利用ブロックを再編集
作成した再利用ブロックは以下手順で再編集が可能。
- 再利用ブロックの管理画面を開く
- 再利用ブロックを編集
- 公開する
再利用ブロックの管理画面を開く
![編集画面右上メニューから](https://nemunori.com/wp-content/uploads/2023/05/wp_20230523editrecycleblock4_344_727.png)
![再利用ブロック管理画面](https://nemunori.com/wp-content/uploads/2023/05/wp_20230523editrecycleblock5_394_230.png)
再利用ブロックを編集
投稿記事等の編集画面と勝手は同じ。
ブロックの削除や追加が可能。
タイトルを変更すると名前が変わる。
![再利用ブロック編集画面](https://nemunori.com/wp-content/uploads/2023/05/wp_20230523editrecycleblock6_500_170.png)
公開する
編集画面右上の公開するで更新される。
投稿記事などで使用した、対象の全ての再利用ブロック部分に更新内容が反映される。
また、ページ等に埋め込まれた再利用ブロック部分は、通常ブロックとして独立させる事も可。
まとめ
再利用ブロックはテンプレートパーツのように使えるので、管理しやすい名前を付けておくと記事作成が楽になる印象。
この性質を利用して投稿記事共通のCSS作成編集を行ってみると、CSS追加画面より管理含め楽に感じ、ずぼらなニートに向けた機能と感じる。
よろしく。