【投稿リスト編】ノーコード＆ブロックエディタのみ！Lightning G3やKatawaraでおしゃれなデザインのホームページを作る

WordPressの有料テーマ「Katawara」やLightning G3の有料プラグイン「Lightning G3 Pro Unit」を購入すると、VK Blocks Proというホームページ制作に便利なブロックがたくさん用意されたプラグインを使用できます。

VK Blocks Proのブロックを組み合わせることで、HTMLやCSSを書かずにノーコードでおしゃれなデザインを簡単に作れて便利です。

ブロックエディターで作ってみたら、プレビューをして、ブラウザのサイズを広げたり縮めたりして確認してみてください。

VK Blocks Proのグリッドカラムで2カラムにし、それぞれ設定が異なる投稿リストを追加しました。

左カラムの赤い枠線は、枠をつけたいブロックを選択して(ブロックが1つのみでも可)グループ化すると付けられます。

1カラムに設定した投稿リストブロックと2カラムに設定した投稿リストブロックを追加しました。

また、1カラムと2カラムの間に標準の区切りを追加して、最新画像を目立たせています。

2カラムに設定した投稿リストブロックと3カラムに設定した投稿リストブロックを追加しました。

標準のカラムで2カラムにしオフセット設定が異なる投稿リストを追加しました。

また、PC用かスマホ用かの見分けがつきやすいようにしました。

投稿リストの前に段落ブロックを「PC・タブレット用投稿リスト」などと明記して非表示設定でどの画面サイズでも表示しないようにしてあります。

VK Blocks Proのスライダーで投稿リストを作成し、オフセット設定が異なる投稿リストを追加しました。

PC・タブレットでは3カラム、スマホで1カラムで表示するようにしてあります。

また、PC用かスマホ用かの見分けがつきやすいようにしました。
投稿リストの前に段落ブロックを挿入し「PC・タブレット用投稿リスト」などと明記して非表示設定でどの画面サイズでも表示しないようにしてあります。

有料テーマのKatawaraは、左にメニューが表示されるおしゃれなテーマです。

買い切りで複数のサイトで使いまわせるところもおすすめのひとつです！

大幅な機能変更や追加はないようですので、カスタマイズがしやすいテーマでもあります。

Lightning G3 Pro Unitは、Lightningを使ってる方に特におすすめの拡張プラグインです。

以下のようにホームページを使いやすく＆充実させることができます。

• 見出しのデザインを簡単に変更
• ヘッダーを半透明に変更
• ヘッダーに電話番号やお問合せボタンを追加

Lightning G3 Pro Unitは買い切りではありませんが、アップデート保証期間が1年、3年、5年の3つのプランがあります。