VK Blocks 1.125.0 では、クエリーループ(投稿テンプレート)内で VK Blocks のボタンブロックを使うときに、各投稿のカスタムフィールドに保存した URL をボタンのリンク先にしたい、というご要望に対応いたしました。
従来はボタンのリンク先を手動 URL か「投稿へのリンク(パーマリンク)」でしか指定できず、投稿ごとに異なる任意の URL(外部リンク等)へ飛ばすことができませんでした。
こんなときに便利です
たとえば、トップページにクエリーループを使ってイベント情報の一覧を表示させているとします。
各イベントの「詳細・お申し込み」ボタンはそれぞれ別の申込ページ(外部のイベント告知・集客サイトなど)にリンクさせたい、といったケースです。

今回追加したカスタムフィールドURLを使うと、あらかじめ各投稿のカスタムフィールドに保存しておいたURLを、そのままボタンのリンク先として使えるようになります。
手順の例
- イベント情報の投稿にリンク先URLを保存するためのカスタムフィールドを用意します。(今回はカスタムフィールド名を
apply_urlと設定) - イベント情報の各投稿の編集画面にて、カスタムフィールドに申込ページのURLを入力します。
- トップページの編集画面で、クエリーループ(投稿テンプレート)の中に VK Blocks のボタンブロックを配置します。
- ボタンを選択し、ツールバーのリンク設定を開きます。
- 「リンク先の選択」で「カスタムフィールドURL」を選びます。
- 表示された入力欄にカスタムフィールド名
apply_urlを入力し、ページを保存します。 - トップページを表示すると、投稿ごとに、それぞれのカスタムフィールドに保存されたURLへボタンがリンクするようになります。

「カスタムフィールドURL」は、クエリーループの中で VK Blocks のボタンブロックを使っている場合のみ表示されます。
値が空の投稿はどうなる?
カスタムフィールドに URL が入力されていない投稿については、リンク先のないボタンが表示されてしまうことを防ぐため、その投稿のボタンは自動的に非表示になります。
VK Blocks のボタンブロックについてくわしくは、以下よりご確認ください。
VK Blocks / VK Blocks Pro を利用するには?
- VK Blocks(無料版):WordPress 公式ディレクトリ登録プラグインですので、ご利用の WordPress の管理画面から検索してすぐにインストールできます。
- VK Blocks Pro(有料版):Vektor Passport(ベクトルパスポート)に含まれています。
Vektor Passport は、ベクトル主要製品・サービスを好きなだけ使える大変お得なサブスク型のライセンス製品です。ライセンス1つで、ご自身で制作・管理されている複数のサイトにご利用いただけます。


を購入して
特典をゲットしよう!


特典A
X-T9 工務店
( ナチュラル )
19,800円 (税込)
0円に!


特典B
Lightning ビジネス
(Evergreen)
9,900円 (税込)
0円に!


特典C
Lightning 工務店
( ナチュラル )
19,800円(税込)
0円に!
今なら!
Vektor Passport の
有効期間中、上記の
デモサイトデータを
何度でも素早くまるごと
インポートできます!


パターンを使って
よりクオリティの高いサイトに
パターンとは、WordPressのブロックを組み合わせて作ったデザインテンプレートのようなもの。プロのデザイナーが制作したパターンを300以上公開中!コピペしながら高品質なサイトを簡単に作れます。
ブロックエディターで
ABテストを
自由に作成できる

VK AB Testing は、ABテストを実施するための WordPress 用プラグインです。ブロックエディターでテストパターンを自由に作成でき、ランダム表示とクリック計測が可能です。Webサイトや広告などの施策の改善にぜひご活用ください。













