STORK19の購入ページはこちら

フルワイドテンプレート

フルワイド固定ページテンプレートの表示例です。ブロックエディタと組み合わせることでリッチなページを構築できます。
トップページにも、特別なランディングページにも!

フルワイド固定ページ

このページはフルワイド固定ページテンプレートの表示サンプルです。このテンプレートを利用するには、STORK19のver1.3〜利用可能です。WordPressは5.4〜が推奨です。

また、ブロックエディタでの利用を前提としたテンプレートとなります。クラシックエディタでは十分に利用できませんので、フルワイド固定ページを利用する場合はブロックエディタに切り替えてください。

「ページ属性」にて変更

固定ページで、ページ属性を「フルワイド」に変更してご利用ください。

フルワイド用のサンプルコードも別途公開していますので、そちらもご参照ください。

コピペで使える「フルワイドページ」のサンプルコード

横幅いっぱいにコンテンツを表示

横幅いっぱいに背景色を表示して、コンテンツを作成できます。

手順としては、

  1. ひとまとめにしたい複数のブロックをグループ化する
  2. グループに背景色を設定
  3. グループの配置設定で「全幅」を指定する

ブロックエディタの利点を最大限活かせる

ブロック同士の組み合わせ次第で、リッチで複雑なレイアウトを作成することができます。

ブロック同士の組み合わせを活かして、オリジナリティのあるレイアウトを作成してみてください。

Layout Sample!

3column

H4(style none)

カラムブロックを使って様々なレイアウトを作成

H4(style none)

写真と文章を組み合わせ

H4(style none)

HTMLがわからなくてもリッチなデザインのサイトに

2column

H4(style none)

カラムブロックを使って様々なレイアウトを作成

H4(style none)

写真と文章を組み合わせ

Review Sample!

このように吹き出しブロックを使ってレビューやクチコミといった表現手法も可能です。

吹き出しブロックを口コミのように使ってみるテスト。

吹き出しブロックを口コミのように使ってみるテスト。

CONTACT

ここに問い合わせフォームやCTAボタンを設置してもいいですね。ボタンブロックも最新のWordPressでは随分使いやすくなりました。

とはいえ…

ブロックの組み合わせによるレイアウト作成は、直感的すぎるゆえ難易度が高いのも事実です。ブロックを使いこなして、さまざまなレイアウトを組んでいけるよう、使い方などを少しずつ紹介していければと思います。

みなさんもこの自由度の高いテンプレートで、あっと驚くようなページをつくってみてくださいね!

サンプルコード

以下の記事にて、このページのようなレイアウトにするためのサンプルコードを公開しています。