【Cocoonカスタマイズ】簡単に、Gutenbergエディターでフロントページを作成する方法

はじめに

HTMLやCSSの知識がなくてもフロントページは作れるのか？
Cocoonでは難しいのか？その心配は無用です。

この記事では、WordPressの標準Gutenbergエディターだけで、簡単にフロントページを作成する方法について解説します。

以下の記事では、フロントページを作る方法を紹介しています。
これからCocoonを使い始めるWordPress初心者の方は、ぜひ購入を検討してみてください。

紹介ページのサンプルを実現するにあたり、ブロックを並べるだけで約40分で完成しました。

図1にページの構成例を示します。
Gutenbergエディターを使えば、ブロックを並べるだけでノーコードで簡単に作成できます。
なお、細かい調整のために、約100行のCSSを記述しています。

初心者の方には、Cocoon標準のフロントページで十分だと思います。
まずは以下を参考にし、本当に固定ページでフロントページを作る必要があるか、自分のスキルを考えてみてください。

Gutenbergエディターは定期的にバージョンアップされ、使いやすさが向上しています。
クラシックエディターとは異なり、馴染みのある「Microsoft Word」のように複雑な文章も簡単に作成できます。
そのため、HTMLの知識がなくても工夫次第でスタイリッシュなページが作れるでしょう。

ホームページどれも、HTML、CSSで作られており。
「Cocoonだから…」と言うことはなく。
先ずは、Gutenbergエディターの使い方、各ブロックを理解してね。