この記事について
この記事は「Vektor Web Solutions Advent Calendar 2024」の10日目の記事です。
9日目は、丸山泰地さんによる「大量のダミーデータを高速に投稿できるプラグインを作りました」の記事でした。冒頭から吹き出しつつw、楽しく読みました。丸山さんさすがです！
こんにちは、ササキです。
このブログは、好きな音楽のことを気ままに綴る、個人の趣味ブログです。ですが、今回の記事は、仕事にちょっと関係する内容となっています。
仕事では WordPress1 をほぼ毎日触っており、お知らせ記事や製品の説明ページ、ブログの記事などを書いています。このブログも WordPress を使用しています。
WordPress にはブロックパターン2という便利な機能があります。
わたしの所属する会社では、オリジナルのブロックパターン（以降は「パターン」と書きます）を制作し、「VK パターンライブラリ」で公開しています。
「VK パターンライブラリ」がどんなものかについては、以下よりぜひご覧ください。
無料で使えるパターンがたくさんありますし、有料ライセンスを必要とするパターンでも閲覧は自由にできます。コンテンツづくりの参考になると思います。
VK パターンライブラリ | コピペで使えるWordPress のブロックパターンライブラリ
WordPress のブロックエディタで使えるパターンを公開しています。あらかじめデザインされたパターンをコピー＆ペーストすることで、見た目そのままご自分のサイトで使っていただくことができます。
今回は、このブログで実際に使用しているお気に入りのパターンを4つ紹介します！
ただし、4つのうち、3つは有料ライセンスに含まれるプラグインがないと使えません....その点はあらかじめご了承ください。
ブログカードのパターン
ひとつめは、ブログカードのパターン！複数のデザインが入っています。
このブログでは、関連記事を紹介するときに以下のデザインを利用しています。主張しすぎず、チェックマークのアイコンがパッと目を引くのがお気に入り。
あわせて読みたい
ブログにおすすめ！
もう少し解説
ブログカードとは、記事タイトル、抜粋、アイキャッチ画像などをひとまとめにして記事に埋め込んで表示できるリンクのこと。このパターンは「VK Blocks Pro」というプラグインに含まれる「ブログカード」ブロックを使用しています。
目次のパターン
2つめは、目次のパターン！この記事の上のほうでも使っています。色のついた数字やアイコンがいいアクセント。
目次を閉じて表示させても、記事に埋もれにくいところがお気に入り。
ブログにおすすめ！
もう少し解説
このパターンは「VK Blocks Pro」というプラグインに含まれる「目次」ブロックを使用しています。目次ブロックのデフォルトのデザインは、以下のようにシンプルです。
プロフィールボックスのパターン
3つめは、プロフィールボックスのパターン！複数のデザインが入っています。
このブログでは、サイドバー（PCで表示したとき）で使用しています。
自分でこういうのをゼロから作るとなると手間がかかるけど、パターンを使えばあっという間。
ブログにおすすめ！
交通案内図のパターン
最後は無料で使える交通案内図のパターン！時刻表も作れますよ。
こういう図をウェブサイトの「アクセス」などで見かけることありませんか？これもブロックを組み合わせてできています。
新大阪駅
東海道新幹線
約2時間30分
東京駅
上越新幹線
約1時間30分
越後湯沢駅
シャトルバス
約40分
フジロック会場
以下の記事で使用しています。
あわせて読みたい
以下のパターンをアレンジしました🙌
ブログにおすすめ！
ブログで使えるパターンはほかにもあります。よかったらチェックしてみてくださいー
以上、このブログで使っているお気に入りのパターンの紹介でした！
Vektor Web Solutions Advent Calendar 2024、次はどなたが書いてくれるのか、楽しみです！
- ブログやウェブサイトを作れるCMS（コンテンツ・マネジメント・システム）の一種。オープンソースのソフトウェア。 ↩︎
- WordPressの標準エディター「ブロックエディター」で使える、1つ以上のブロックで作ったデザインパーツのようなもの。 ↩︎
