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

Before カスタマイズ前

VK Blocks Pro
VK Blocks Pro 1.49.0 の新機能「カスタムブロックスタイル設定」

オリジナルのブロックスタイルを追加できるんです!!

VK Blocks Pro
カスタマイズ
投稿リストのカスタマイズ例 (VK Blocks Pro)

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

Lightning G3
フルサイズのアイキャッチ画像を投稿のページヘッダー背景画像に使うには

投稿のページヘッダー画像をくっきりとしたものにカスタマイズしたい場合のやり方をいくつか紹介します。

VK Blocks Pro
カスタマイズ
投稿リスト「テキスト1カラム」に抜粋を表示したカスタマイズ例

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

VK Blocks Pro
VK Blocks Pro 1.48.0 の新機能「カスタム書式設定」が超便利ですご過ぎる

ツールバーにオリジナルの書式を追加できるんです!!

VK Blocks Pro
VK Blocks Pro の投稿リストの先頭の投稿を大きく表示したカスタマイズ例

以前に使っていた LTG Media Posts ウィジェット の「画像カード 1st feature」のようなレイアウトにしてみました。

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

After カスタマイズ後

VK Blocks Pro
VK Blocks Pro 1.49.0 の新機能「カスタムブロックスタイル設定」

オリジナルのブロックスタイルを追加できるんです!!

VK Blocks Pro
カスタマイズ
投稿リストのカスタマイズ例 (VK Blocks Pro)

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

Lightning G3
フルサイズのアイキャッチ画像を投稿のページヘッダー背景画像に使うには

投稿のページヘッダー画像をくっきりとしたものにカスタマイズしたい場合のやり方をいくつか紹介します。

VK Blocks Pro
カスタマイズ
投稿リスト「テキスト1カラム」に抜粋を表示したカスタマイズ例

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

VK Blocks Pro
VK Blocks Pro 1.48.0 の新機能「カスタム書式設定」が超便利ですご過ぎる

ツールバーにオリジナルの書式を追加できるんです!!

VK Blocks Pro
VK Blocks Pro の投稿リストの先頭の投稿を大きく表示したカスタマイズ例

以前に使っていた LTG Media Posts ウィジェット の「画像カード 1st feature」のようなレイアウトにしてみました。

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

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

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

対馬 俊彦
対馬 俊彦魚沼情報サービス (新潟県南魚沼市)
WordPress を使用したサイト制作・カスタマイズを全国どこからでも承ります。ベクトルが販売している WordPress テーマ「Lightning」「Katawara」および同社のプラグイン「VK Blocks」「VK Filter Search」のカスタマイズを得意としています。遠方からのご依頼の場合、打ち合わせ・サポートを Zoom や電子メール・電話などを併用して行わせていただきます。

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

このサイトで行っているカスタマイズのやり方の多くもマンツーマンのオンラインレッスン形式などでわかりやすく説明させていただくことができますので、興味がある方はご連絡ください。

* ドメインやサーバーの契約・申込み
* WordPress やテーマ、プラグインのインストール
* アクションフック・フィルターフック・PHP・jQuery・CSS によるカスタマイズ
* ドメインの移管・移転
* 日常の更新作業
なども含めて、サイトの制作・運用全般をお手伝いできます。

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

» ご相談・お問い合わせはこちらからどうぞ

今よりもっといい WordPress サイトにしたいなら Vektor Passport がおすすめ

ベクトルから発売されている有料プラグイン Lightning G3 Pro Unit / VK Blocks Pro を使えば、このサイトで紹介しているようなコードを書かずにかんたんにカスタマイズできることがたくさんあります。

名前に Pro がついているので「制作のプロ向け製品」という印象を受けるかもしれませんが、
*もっといいサイトにしたい
* 効率よく作成・運用・管理をしたい
と考えているコーポレートサイトの担当者にこそ使っていただく価値がある製品です。

Lightning G3 Pro Unit / VK Blocks Pro は Vektor Passport というライセンス製品で販売されています(個々の単体販売はされていません)。これらのプラグインを使うと、便利なカスタマイズ機能やリッチなコンテンツ制作に役立つブロックをたくさん利用できるようになりますので、効率的にサイトを制作・運用したい方はぜひお使いになることをおすすめします。