アドベントカレンダー参加中!
この記事は「Vektor WordPress Solutions Advent Calendar 2022」の12月7日の記事になります。
こんにちは!ベクトルスタッフのササキです。
前回の マサト Webディレクター さんによる「web制作にLightningを使うべき理由」の記事はご覧になりましたか?「こんな風にLightning を使ったくださるとウレシイなぁ」と思い描いていた以上に素敵な使い方をされていて、スタッフ一同感激しました!マサトさん、本当にありがとうございました。
引き続きまして今回の記事では、WordPressの無料で使えるプラグイン VK Blocksのスライダーをご紹介します!
無料版VK Blocksでもスライダーブロックを使えるようになりました
スライダーブロックは、トップページだけでなく、ページのお好きな位置にいくつでもスライダーを設置できる大変便利なブロックです。
これまで有料版のVK Blocks Pro でのみご利用可能だったこのブロックが、無料版VK Blocks でもご利用いただけるようになりました!VK Blocks 1.47.0以降にアップデートのうえ、ぜひお試しください。
基本的な使い方は以下でご案内しています。
スライダーブロックの使用例
スライダーブロックの使用例をご紹介します!
Lightning 公式サイトのトップページには3つのスライダーが設置されています。すべてスライダーブロックを利用しているので、ぜひチェックしてみてください。
画像をカルーセルで複数枚表示させることもできますよ。
スライダーアイテムの中には画像だけでなく、見出し、テキスト、ボタン など、自由にブロックを入れて動かせます。
こちらは、VKパターンライブラリの以下のパターンの一部を使いました。
※プレミアムパターンのご利用には有償のライセンス Vektor Passport が必要です
スライドだけでなく、フェードも選べます!
こちらは、VKパターンライブラリの以下のパターンの一部を使いました。
以下のスライダーも、上記同じパターンの一部をコピーして利用しています。
デモサイトもありますのでぜひご覧ください!
明日のアドベントカレンダーは、引き続きササキより「Lightning でランディングページ(LP)を作ってみよう」をお届けします。どうぞお楽しみに!
この記事を書いた人
最近の投稿
- WordPress2024年3月13日WordPress 6.5 で気になる新機能・ブロックエディター周りのアレコレ
- イベントレポート2024年2月28日WordCamp Kansai 2024 を振り返ってみました
- WordPress2023年12月19日Lightningで音楽フェスのランディングページ(LP)を作れるかやってみた
- 制作・運用ノウハウ2023年12月5日LightningとX-T9で効率よくサイトを制作するには?
フルサイト編集対応ブロックテーマ
WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。
パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。