VK Blocks Pro の投稿リストブロックを全幅のカルーセルで表示してみた
テキストを出し分けてみた
2025年10月4日
カスタム分類で選択された複数のタームを親→子の順に表示した例
2025年4月26日
サブメニューを開く親項目のリンクを無効にしたスマホ対応のカスタマイズ
2024年10月24日
日付ではなく年と月で範囲を指定して検索するカスタマイズ例
2024年8月28日
このようなカルーセル表示が売りになっているテーマを見かけますが、Lightning でもやってやろう!! と思ってやってみたら、こんなかんじにできました。
スライダーを一定の速度でゆっくりと動かしています。
記事を表示する部分は 投稿リストブロック または 選択投稿リストブロック を使う仕様にしてありますので、幅広い用途で活用できます。
ちょっと残念な点はあるけど...
このカスタマイズのちょっと残念な点として、カルーセル表示をスマホでの閲覧に対応させるのは無理があるので、非表示設定 を使ってブロックを出し分けていて、スマホでの閲覧時は表示タイプを メディア にしてあります。
関連記事
カルーセルの決定版 － VK Blocks Pro のグリッドカラムによる実装例
お客様が容易にスライドの追加・変更を行っていただけるように、VK Blocks Pro のグリッドカラムブロックをカスタマイズして作りました。ひとつのグリッドカラムブロック…
Lightning G3 Pro / VK Blocks Pro / WordPress のカスタマイズ、TIPS - hp1 
VK Blocks Pro の投稿リストをカルーセル表示したカスタマイズ例【完結編】 | 魚沼情報サービス
スライダーを使わず、Swiper を使ってひとつの投稿リストブロックだけでカスタマイズしてレスポンシブ対応まで実装していますので、出力されるコードがとてもシンプルで、…
魚沼情報サービス 
スライダーで新着投稿をカルーセル表示したカスタマイズ例
VK Blocks Pro のスライダーを使った、最新6件の新着投稿を表示するカルーセルのカスタマイズ例です。
スライダーで新着投稿をカルーセル表示するやり方 - VK Blocks Pro
スライダーアイテムに投稿リストを入れて、投稿リストの表示件数を 1 にしたら、オフセット数 を先頭から 0, 1, 2, 3 … と増やします。
投稿者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
