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

Before カスタマイズ前

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

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

VK Blocks Pro
カスタマイズ
VK 投稿リストでカスタム分類のタームを親→子の順に表示した例

カスタム分類「エリア」の表記を 地区名 → 都道府県名 に統一したカスタマイズ例です。

ExUnit
カスタマイズ
VK 最近の投稿ウィジェットでクエリを改変するフィルターフック

このフィルターフックを使って特定のカテゴリーを除外することができます。複数のカテゴリーの除外もできます。

ExUnit
個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例

VK All in One Expansion Unit の広告挿入機能を使って設定してあります。

Lightning G3
グローバルナビのロゴ画像を中央に配置したカスタマイズ例

ロゴ画像を中央に、左右に3つずつグルーバルナビのメニューが配置されるように CSS でカスタマイズしました。

WordPress
カスタマイズ
アーカイブページのカスタマイズ例いくつか (賃貸物件など)

WordPress のアーカイブページをカスタマイズした実装例を載せています。

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

After カスタマイズ後

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

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

VK Blocks Pro
カスタマイズ
VK 投稿リストでカスタム分類のタームを親→子の順に表示した例

カスタム分類「エリア」の表記を 地区名 → 都道府県名 に統一したカスタマイズ例です。

ExUnit
カスタマイズ
VK 最近の投稿ウィジェットでクエリを改変するフィルターフック

このフィルターフックを使って特定のカテゴリーを除外することができます。複数のカテゴリーの除外もできます。

ExUnit
個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例

VK All in One Expansion Unit の広告挿入機能を使って設定してあります。

Lightning G3
グローバルナビのロゴ画像を中央に配置したカスタマイズ例

ロゴ画像を中央に、左右に3つずつグルーバルナビのメニューが配置されるように CSS でカスタマイズしました。

WordPress
カスタマイズ
アーカイブページのカスタマイズ例いくつか (賃貸物件など)

WordPress のアーカイブページをカスタマイズした実装例を載せています。

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

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

サイト運営者プロフィール

対馬 俊彦
対馬 俊彦魚沼情報サービス (新潟県南魚沼市)
【日本全国対応】WordPress のサイト制作、設定、カスタマイズ、トラブルでお悩み、お困りの方、お手伝いいたします。

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

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

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

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

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

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

Lighting テーマ使用

WordPress サイト開設

スターターパック

  • デザイン済みパーツを組み合わせることで価格納期を大幅削減
  • プロが作ったクオリティが高いホームページ
  • サポート付き・ご自分でかんたんに情報発信できます