こんにちは。キョウタです。
先日、WordPress 5.8がリリースされ、アップデートをされた方も多いと思います。
アップデートの内容に『ウィジェットがブロックエディターに変わった』というものがあり、WordPress5.7以前とは使い方が異なっています。
なので今回は、ウィジェットの使い方とプロフィールの作成の仕方について書いていきます。
使用するテーマは、WordPressチームで作成しているTwenty Twenty-Oneです。
本記事は次のようなことをしたい方に向けて書いていますので、参考になれば嬉しいです。
- WordPress 5.8のウィジェットの使い方を知りたい
- WordPress 5.8のウィジェットにプロフィールを作成したい
1. ウィジェットの使い方
![](https://kyotablog.net/wp-content/uploads/2021/08/shutterstock_665253700-1-scaled.jpg)
まずはウィジェットの使い方について、解説していきます。
1-1. ウィジェットのフッターに「グループ」を追加
「外観」→「ウィジェット」をクリックし、フッターを展開します。
![](https://kyotablog.net/wp-content/uploads/2021/08/f0418e07c53f712246de17d45ad7c8f8-scaled.jpeg)
「ブロックを追加」→検索に”グループ”と記入し「グループ」を選択します。
![](https://kyotablog.net/wp-content/uploads/2021/08/5db501bbbfaf224db26522b7dd2d0f43-scaled.jpeg)
ちなみに、ここでフッターとしていますが、これは任意であり、テーマによります。
サイドバーが用意されているテーマもありますので、ご自身のテーマに合わせてやってみてください。
1-2. 追加した「グループ」に「見出し」を追加
追加した「グループ」の「ブロックを追加」をクリック→検索に”見出し”と記入し「見出し」を追加します。
![](https://kyotablog.net/wp-content/uploads/2021/08/58c219384313bb2399be61220cabf87e-scaled.jpeg)
例として、今回は”タグクラウド”と記載します。
見出しをH2としていますが、ここはご使用のテーマに合わせてください。
![](https://kyotablog.net/wp-content/uploads/2021/08/e2e1cd71f9fa79bfa335d13e3b722370-scaled.jpeg)
1-3. 「グループ」に追加したいブロックを追加
「グループ」の「ブロックを追加」→「すべて表示」をクリックし、ウィジェットの項目から追加したいブロックを選びます。
今回は例として、”タグクラウド”を選択します。
![](https://kyotablog.net/wp-content/uploads/2021/08/930801b752175c60c877dba01db306ea-scaled.jpeg)
![](https://kyotablog.net/wp-content/uploads/2021/08/7be5d06f2b62a0043c4e3ee862bdcdf0-scaled.jpeg)
1-4. 「グループ」内に追加したブロックがあるか確認
「リスト表示」をクリックして、「グループ」の中に追加したブロックがあればokです。
![](https://kyotablog.net/wp-content/uploads/2021/08/9227b259d3ff60da9509242697511cbb-scaled.jpeg)
結果は、Twenty Twenty-Oneの場合は下図のようになります。
ご自身のテーマで確認してみてください。
![](https://kyotablog.net/wp-content/uploads/2021/08/e5e4fd63502c37e2759b78c572a93d70-scaled.jpeg)
2. WordPress 5.8のウィジェットにプロフィールを作成する方法
![](https://kyotablog.net/wp-content/uploads/2021/08/shutterstock_1169083735-1-scaled.jpg)
次に、WordPress 5.8のウィジェットにプロフィールを作成してみます。
2-1. ウィジェットのフッターに「グループ」を追加
1-1. ウィジェットのフッターに「グループ」を追加と同様の操作をします。
2-2. 追加した「グループ」に「見出し」を追加
1-2. 追加した「グループ」に「見出し」を追加と同様の操作をして、”プロフィール”と記載します。
![](https://kyotablog.net/wp-content/uploads/2021/08/6afefa74750df53da1626a3bcd13da4b-scaled.jpeg)
2-3. 「カスタムHTML」を追加してプロフィール内容を記載
「ブロックを追加」→検索に”カスタムHTML”と記入し「カスタムHTML」をクリック。プロフィール内容を記載します。
プロフィールのコードの例を掲載しますので、ハイライト行の【】内をご自身の情報に書き換えて使用してください。
![](https://kyotablog.net/wp-content/uploads/2021/08/6415f2cdfb3c13411c300b6f08b6a43d-scaled.jpeg)
![](https://kyotablog.net/wp-content/uploads/2021/08/4020bd35d21d034367ddc15b2f3e1272-scaled.jpeg)
2-4. 「グループ」内に追加したブロックがあるか確認
1-4. 「グループ」内に追加したブロックがあるか確認と同様の操作をして、グールプ内にブロックがあるか確認します。
問題なければ完成です!
![](https://kyotablog.net/wp-content/uploads/2021/08/2f2862207b573b5c3dd148489594d1c4-scaled.jpeg)
3. WordPress 5.8のウィジェットの使い方まとめ
![](https://kyotablog.net/wp-content/uploads/2021/08/shutterstock_1730315914-1-scaled.jpg)
ポイントは次の通りです。
もし『グループ』を使わないで、そのまま「見出し」「追加したいブロック」と配置して見た目が大丈夫だった場合でも、コードを見るとかなり不自然になっています。
つまり、内部SEO的によろしくないと言えますので、気をつけたいですね。
また、WordPressグループが作成したTwenty Twenty-Oneでも、このようにウィジェットを使っていましたので、恐らくこれがして欲しいことかなーと思いました。
以上です〜。