フィルターフック vk_post_view を使って、テキスト1カラム の投稿リストに抜粋を表示したカスタマイズ例です。

投稿タイトルと抜粋を1行で表示した例

2024年1月24日カスタマイズ

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

2023年7月23日VK Blocks Pro

VK 投稿リストでカスタム分類のタームを親→子の順に表示した例カスタム分類「エリア」の表記を 地区名 → 都道府県名 に統一したカスタマイズ例です。

2023年6月20日ExUnit

VK 最近の投稿ウィジェットでクエリを改変するフィルターフックこのフィルターフックを使って特定のカテゴリーを除外することができます。複数のカテゴリーの除外もできます。

2023年6月13日ExUnit

個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例VK All in One Expansion Unit の広告挿入機能を使って設定してあります。

2023年5月17日Lightning G3

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

2023年5月2日WordPress

アーカイブページのカスタマイズ例いくつか (賃貸物件など)WordPress のアーカイブページをカスタマイズした実装例を載せています。

  • パソコンでは投稿タイトルの後の抜粋が折り返さずに1行に収まる(はみ出る部分を表示しない)ようにしてあります。
  • 画面幅が大きくないときには投稿タイトルと抜粋が別々の行に表示されるようにレスポンシブ対応してあります。
  • タブレットでは投稿日とカテゴリーが縦積みで表示されるようにレスポンシブ対応してあります。

このサイトはどの投稿もタイトルと抜粋が長いので、このカスタマイズは向いていないですね。

ということで、画面幅が大きいときも投稿タイトルと抜粋の行を分けて、抜粋が1行に収まるようにした例がこちら ↓ です。

投稿タイトルと抜粋の行を分けた例

2024年1月24日カスタマイズ

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

2023年7月23日VK Blocks Pro

VK 投稿リストでカスタム分類のタームを親→子の順に表示した例カスタム分類「エリア」の表記を 地区名 → 都道府県名 に統一したカスタマイズ例です。

2023年6月20日ExUnit

VK 最近の投稿ウィジェットでクエリを改変するフィルターフックこのフィルターフックを使って特定のカテゴリーを除外することができます。複数のカテゴリーの除外もできます。

2023年6月13日ExUnit

個々の記事ごとに Google 広告の表示・非表示を切り替えるカスタマイズ事例VK All in One Expansion Unit の広告挿入機能を使って設定してあります。

2023年5月17日Lightning G3

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

2023年5月2日WordPress

アーカイブページのカスタマイズ例いくつか (賃貸物件など)WordPress のアーカイブページをカスタマイズした実装例を載せています。

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

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

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

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

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

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

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

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

Lighting テーマ使用

WordPress サイト開設

スターターパック

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