みなさまこんにちは。弊社でもウェブサイト制作によく使用しているCMS、WordPressの使い方を何回かに分けてお伝えしております。
WordPressのGutenberg(グーテンベルグ)で、使用頻度は低いが使えるブロックをご紹介します。細かい機能の説明は省きます。
動画
![動画ブロックアイコン](https://kotatsu.info/blog/wp-content/uploads/2021/08/icon_movie.png)
YouTubeなどにアップしなくても、WordPress上にアップロードして挿入できます。URLを指定すれば埋め込みもできます。
![動画ブロックの挿入方法(アニメーション)](https://kotatsu.info/blog/wp-content/uploads/2021/08/4mbwsrsTmy-min.gif)
YouTube動画を埋め込む方法は、こちらのページをご覧ください。
音声
![音声ブロックアイコン](https://kotatsu.info/blog/wp-content/uploads/2021/08/icon_sound.png)
音楽やポッドキャストなどを埋め込みたいときに便利です。
アップロードはもちろん、URLを指定すれば埋め込みもできます。
![音声ブロックの挿入方法(アニメーション)](https://kotatsu.info/blog/wp-content/uploads/2021/08/BEtbAoS8CT-min.gif)
続き
![続きブロックアイコン](https://kotatsu.info/blog/wp-content/uploads/2021/09/icon_continuation.png)
この「続き」以降にあるブロックを、記事一覧(アーカイブ)で非表示にできます。
![エディタでの「続き」ブロック](https://kotatsu.info/blog/wp-content/uploads/2021/09/continuation-gutenberg.jpg)
![一覧ページの表示(続きブロックあり)](https://kotatsu.info/blog/wp-content/uploads/2021/09/continuation-preview.jpg)
一覧ページで、個別記事の表示が全文である場合に活用できます。
ページ区切り
![ページ区切りブロックアイコン](https://kotatsu.info/blog/wp-content/uploads/2021/08/icon_page-pause.png)
記事をページで分割できます。
![Gutenberg(エディター)にてページ区切りブロックを挿入したときの表示](https://kotatsu.info/blog/wp-content/uploads/2021/08/page-pause-editer-574x1024.jpg)
![実際のページでの表示(アニメーション)](https://kotatsu.info/blog/wp-content/uploads/2021/08/e37BTtnenC-min.gif)
しかし、離脱の要因になるため、なるべく使用は控えましょう。
ソーシャルメディア
![ソーシャルアイコンブロック](https://kotatsu.info/blog/wp-content/uploads/2021/08/icon_sns.png)
ソーシャルメディアのアイコンも入れられます。記事をシェアできるボタンではありませんが、自社や自サービスのSNSアイコン、RSSフィードへのリンクに最適です。
![ソーシャルメディアブロック挿入時の画面](https://kotatsu.info/blog/wp-content/uploads/2021/08/sns-block-edit.png)
様々なアイコンを追加でき、サイズやデザインスタイル、アイコンの色や背景色を変更できます。
![ソーシャルメディアブロックで挿入できるソーシャルメディアアイコン](https://kotatsu.info/blog/wp-content/uploads/2021/08/embedding-service-icons.png)
![ソーシャルメディアブロックの挿入方法(アニメーション)](https://kotatsu.info/blog/wp-content/uploads/2021/08/WJtyOjrgAO-min.gif)
以上、使用頻度は低いが覚えておいて損はないブロックを紹介いたしました。
次は、覚えておくと便利な機能をご紹介します。