このパターンではテーマ「X-T9」「Lightning ( G3 / theme.json )」での使用を想定しています。他のテーマでは崩れる可能性がありますのでご注意ください。

このパターンではプラグイン「VK Blocks Pro (有料)」を使用しています。

設定のコツ
  • 背景の区切りについて
    • VK Blocks Pro の 「Outer」ブロックの「区切り」の設定で、タイプを「ピラミッド」にしています。
  • 「一覧を見る」ボタンについて
    • VK Blocks の「非表示設定」で、PCサイズとタブレットで表示の出し分けをしています。
  • スライダーの投稿リスト部分について
    • VK Blocks Pro の「投稿リストスライダー」で実装しています。このパターンでは「投稿」を表示していますが、実際に運用する際は、インタビュー用のカスタム投稿タイプを新規で作成すると運用しやすいです。
    • 「アイテムの複数表示設定」で、PCとタブレットサイズでは2つづつアイテムが表示されるよう設定しています。
ページ全体のパターンはこちら
プログラミングスクール_トップページ

コピペで使える WordPress のブロックパターンライブラリ「プログラミングスクール_トップページ」のパターンです。

関連するパターン

ベクトルパスポートがあればすべてのパターンが使えます

簡単シンプルタグいらず

すぐにサイト状況を表示する
便利なプラグイン

爆速!!1分デモサイトと同じ
ホームページができる

VK FullSite Installer のロゴ

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。