VK Blocks Pro投稿リストの表示タイプ「カード (インテキスト)」を CSS でカスタマイズしてみました。

Before カスタマイズ前

VK Blocks Pro
画面遷移せずに VK Blocks Pro の投稿リストをカテゴリーで絞り込む②

現在は VK Blocks Pro のタブブロックを使って、画面遷移しない絞り込みをノーコードで実現できるようになっています。

Lightning G3
カスタム分類で選択された複数のタームを親→子の順に表示した例

いま制作中のサイトでのご要望を受けて、まずこのサイトでカスタマイズしてみました。

VK Blocks Pro
オープニング画面
ローディング画面の作り方 - VK Blocks Pro の固定表示ブロックを使用

ローディング画面を作るのってけっこう難しそうなかんじがしますが、VK Blocks Pro の 固定表示ブロック を使うとかんたんに作ることができるんです。

Lightning G3
カスタマイズ
サブメニューを開く親項目のリンクを無効にしたスマホ対応のカスタマイズ

別ページを経由することなく、ユーザーが興味を持つページにすばやく辿り着くことができます。

VK Filter Search Pro
日付ではなく年と月で範囲を指定して検索するカスタマイズ例

VK Filter Search Pro の検索フォームをカスタマイズしてあります。

カスタマイズ
タイトルを縦書きでブロックを左右交互にレイアウトした賃貸物件サイト例

タイトルを縦書きにして、ブロックパターンを左右交互にレイアウトすることにより変化を出してあります。

このままでもかっこよくて、注意を惹くマウスホバーの動きをしていますが、少し控えめな動きになるようにカスタマイズしてみました。

After カスタマイズ後

VK Blocks Pro
画面遷移せずに VK Blocks Pro の投稿リストをカテゴリーで絞り込む②

現在は VK Blocks Pro のタブブロックを使って、画面遷移しない絞り込みをノーコードで実現できるようになっています。

Lightning G3
カスタム分類で選択された複数のタームを親→子の順に表示した例

いま制作中のサイトでのご要望を受けて、まずこのサイトでカスタマイズしてみました。

VK Blocks Pro
オープニング画面
ローディング画面の作り方 - VK Blocks Pro の固定表示ブロックを使用

ローディング画面を作るのってけっこう難しそうなかんじがしますが、VK Blocks Pro の 固定表示ブロック を使うとかんたんに作ることができるんです。

Lightning G3
カスタマイズ
サブメニューを開く親項目のリンクを無効にしたスマホ対応のカスタマイズ

別ページを経由することなく、ユーザーが興味を持つページにすばやく辿り着くことができます。

VK Filter Search Pro
日付ではなく年と月で範囲を指定して検索するカスタマイズ例

VK Filter Search Pro の検索フォームをカスタマイズしてあります。

カスタマイズ
タイトルを縦書きでブロックを左右交互にレイアウトした賃貸物件サイト例

タイトルを縦書きにして、ブロックパターンを左右交互にレイアウトすることにより変化を出してあります。

記事タイトル部分の背景色をキーカラーに合わせて、マウスホバーの動作も変えてみました。

弊社(魚沼情報サービス)ではこのようなカスタマイズのお手伝いもしています。
デザイン・仕様について、お客様のご要望に合わせてカスタマイズできます。
このようなカスタマイズの方法を知りたい方に、
Zoom で画面共有してわかりやすく説明させていただくこともできます。
無料で費用見積りいたしますので、お気軽にお問い合わせください。

投稿者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス・ベクトル公式テクニカルパートナー
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、ベクトル公式テクニカルパートナーがお手伝いいたします。

Lightning / VK Blocks / VK Filter Search のサポート、カスタマイズを得意としています。

遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

オンラインレッスン形式でのホームページ制作サポートも行っています。お客様ご自身でホームページを制作・運用する上でうまくいかない部分をサポートいたします。設定やカスタマイズを手伝ってもらいたい、同時に便利な使い方や設定方法、カスタマイズのやり方も知ることができたら...という方にご好評いただいています。

デザイナー様、制作業者様のサイト制作のお手伝いも数多く行っています。難しい部分のコーディング ( PHP / CSS / jQuery ) をやってほしい、いま人手が足りない等、お仕事の依頼をお待ちしています。

ご要望をうかがった上で費用見積り(無料)を提示させていただきますので、お気軽にお問い合わせください。

メールでのお問い合わせはこちら

Lightning テーマ使用

中小企業様、個人事業主様向け

最適なホームページ

を制作いたします

制作費用クオリティを落とさずに



価格を抑えたサイトを制作します
必要十分お問い合わせフォーム、新着情報など



必要なものが最初から揃っています
サポート1年間のサポートがついて安心
初めてでもホームページを活用できます