ブロックパターンを使おう!

shin MICのWordPress講座は、レンタルサーバーってなに?、WordPressってなに?っていう知識ゼロの方に、自前のカッコいいWebサイトを作成してもらうっていうのがコンセプトです。ですから、極力、html、CSSなんかには触れません。そこで専門知識が無い状態でカッコいいWebサイトを作成するために活躍するのが、ブロックパターンです。

ブロックパターンとは?

WordPressのブロックエディターには「ブロックパターン」という便利な機能が搭載されています。
ブロックパターンとは、あらかじめデザインされた複数のブロックの組み合わせをひとつのテンプレートとして保存し、簡単に呼び出して使える機能です。これにより、複雑なレイアウトやデザインを何度も再現する必要がなくなり、短時間で美しいページを作成できます。
このブロックパターンは自分自身で作成するだけでなく、予めプロの方が作ったものを利用することができます。例えば以下の例は、VK Pattern Library に掲載されているものをコピペしただけです。


コンセプトやキャッチコピー


リード文章が入ります

この部分には、自社について説明が入ります。
自社のコンセプトや理念など、大切にしていることについて説明しましょう。
お客様に一番伝えたいことを書くことをおススメします。

Column Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi


知識ゼロからWordPressを触る方にとってレイアウトを作成するのは敷居が高かったりするのですが、既存のブロックパターンを使用すれば、上のようなレイアウトが瞬間で出来てしまいます。あとは文字を打ち直して画像を入れ替えれば出来上がりです。

これらブロックパターンはプラグインとして用意されているものも多く、それらプラグインをインストールすれば、ブロックエディタから簡単に呼び出すことができます。下の例はOtter Patterns というプラグインを使用したものです。


Accordion title 1

This is a placeholder tab content. It is important to have the necessary information in the block, but at this stage, it is just a placeholder to help you visualise how the content is displayed. Feel free to edit this with your actual content.

Accordion title 2

This is a placeholder tab content. It is important to have the necessary information in the block, but at this stage, it is just a placeholder to help you visualise how the content is displayed. Feel free to edit this with your actual content.

List item 1

List item 2

List item 3


上のようなアコーディオンやアイコンが一つ一つ違うリストなんて、一から作ろうとしたら大変ですが、ブロックパターンのプラグインをインストールすれば、誰でも簡単に作れてしまいます。つまり既存のブロックパターンを利用すれば、専門知識が無くても、短時間でプロっぽいページを作成する事が可能なんですよね。

WordPressを使用すれば、専門知識が無くても、プロっぽいカッコいいサイトを作成することが可能です。ひと昔前を考えたら、すごい事です。自前でホームページやブログ作成に挑戦してみませんか!?

shin MICでは初めての方向けのWordPress講座をオンラインでも提供しています。どうぞお気軽にお問い合わせください。

お気軽にお問い合わせください!(^^)

WordPressを使って自分自身でホームページやブログを作成してみませんか!?

投稿者プロフィール

shinmic
shinmic
松本市で活動しているフリーランスの2人組です。
地域に根差したハートフルな対応を心がけています!