このページでは、無料テーマ「Lightning(ライトニング)」を使って、上記のようなデザインレイアウトを作る方法をご紹介します。

ただそれだけで簡単に作ることができちゃいます。

まず、はじめにカバーブロックを使います。そして次に、カバーブロックの中にカラムブロックを作ります。
上記の例では、2カラムで左66.6%:右33.3%のカラムを使っています。

左カラムには、見出し(H2)で装飾無し、文字サイズは大(36px)に設定。その下は、ただのテキストを使っています。
右カラムには、画像ブロックを使って正方形画像を挿入し、設定は角丸、画像サイズは200pxにしただけです。

最後に、カバーブロックに背景画像を挿入し、固定背景とオーバーレイ(黒・不透明度30)に設定すれば、完成です。