トップページのメインビジュアルで使用することを想定して、テキスト枠にずらした枠を重ねたデザインを中央に配置したスライダーの案を2つ作ってみました。
両方とも、ブロックに CSS を持たせて、ブロックをコピペして他のサイトで使い回しできるようにしてあります。
① スライダーエフェクトがスライドのタイプ
テキスト枠の部分をスライダーアイテムに持たせずに独立させてあり、スライダーがスライド動作をしてもテキストがスライダー中央に固定表示されるようにカスタマイズしてあります。このためにスライダーアイテムごとにテキストを出し分けることはできません。
Lightning / VK Blocks / WordPress のカスタマイズ
カスタマイズの実装例などをお客様に見ていただくために、新潟県南魚沼市のホームページ制作会社 魚沼情報サービス が運営しているサイトです。
② スライダーエフェクトがフェードのタイプ
テキスト枠の部分をスライダーアイテムに持たせているので、スライダーアイテムごとにテキストを出し分けることができます。テキスト枠の部分を同じ内容にして、中央に固定表示されているように見せることができますが、その場合は上記①のスライダーをフェードにして使うのがおすすめです。
Lightning / VK Blocks / WordPress のカスタマイズ
カスタマイズの実装例などをお客様に見ていただくために、新潟県南魚沼市のホームページ制作会社・魚沼情報サービスが運営しているサイトです。
ベクトル公式テクニカルパートナーがあなたをお手伝いします
迅速・丁寧なサポートとカスタマイズが強みです。お客様のご要望に沿った、小回りの利くカスタマイズ・設定を承ります。
テーマのカスタマイズ・設定・トラブル解決をサポートします
Lightning / X-T9 / VK Blocks / VK Filter Search などのベクトル製品に関しては万全のカスタマイズ・サポートを提供いたします。
投稿者プロフィール
- 魚沼情報サービス・ベクトル公式テクニカルパートナー
-
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。
Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。
遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。
オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。
デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。
ご要望をうかがった上で費用見積り（無料）を提示させていただきますので、お気軽にお問い合わせください。
メールでのお問い合わせはこちら
最新の投稿
VK Blocks Pro2026年7月6日トップページのスライダーのデザイン案 - テキスト枠にずらした枠を追加
Lightning G32026年3月21日アーカイブページに投稿者の画像と投稿者名を表示したカスタマイズ
その他2026年2月16日デモサイトを開設しました
＼ 最新情報をチェック ／
