VK Blocks Pro の投稿リストブロックを全幅のカルーセルで表示してみた
サブメニューを開く親項目のリンクを無効にしたスマホ対応のカスタマイズ
2024年10月24日
日付ではなく年と月で範囲を指定して検索するカスタマイズ例
2024年8月28日
タイトルを縦書きでブロックを左右交互にレイアウトした賃貸物件サイト例
2024年1月24日
VK 投稿リストでカスタム分類のタームを親→子の順に表示した例
2023年7月23日
VK 最近の投稿ウィジェットでクエリを改変するフィルターフック
2023年6月20日
個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例
2023年6月13日
このようなカルーセル表示が売りになっているテーマを見かけますが、Lightning でもやってやろう!! と思ってやってみたら、こんなかんじにできました。
スライダーを一定の速度でゆっくりと動かしています。
記事を表示する部分は 投稿リストブロック または 選択投稿リストブロック を使う仕様にしてありますので、幅広い用途で活用できます。
ちょっと残念な点はあるけど...
このカスタマイズのちょっと残念な点として、カルーセル表示をスマホでの閲覧に対応させるのは無理があるので、非表示設定 を使ってブロックを出し分けていて、スマホでの閲覧時は表示タイプを メディア にしてあります。
関連記事
カルーセルの決定版 － VK Blocks Pro のグリッドカラムによる実装例
お客様が容易にスライドの追加・変更を行っていただけるように、VK Blocks Pro のグリッドカラムブロックをカスタマイズして作りました。ひとつのグリッドカラムブロック…
Lightning G3 Pro / VK Blocks Pro のカスタマイズ、TIPS 
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 ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
≫メールでのお問い合わせはこちら
最新の投稿
Lightning テーマ使用
中小企業様、個人事業主様向け
最適なホームページ
を制作いたします
| 制作費用 | クオリティを落とさずに 価格を抑えたサイトを制作します |
| 必要十分 | お問い合わせフォーム、新着情報など 必要なものが最初から揃っています |
| サポート | 1年間のサポートがついて安心 初めてでもホームページを活用できます |
