VK Blocks 1.125.0 のクエリーループ内のボタンブロックでカスタムフィールドに保存したURLをリンク先に指定できるようになりました


  1. 製品更新情報
  2. VK Blocks
  3. VK Blocks 1.125.0 のクエリーループ内のボタンブロックでカスタムフィールドに保存したURLをリンク先に指定できるようになりました

VK Blocks 1.125.0 では、クエリーループ(投稿テンプレート)内で VK Blocks のボタンブロックを使うときに、各投稿のカスタムフィールドに保存した URL をボタンのリンク先にしたい、というご要望に対応いたしました。

従来はボタンのリンク先を手動 URL か「投稿へのリンク(パーマリンク)」でしか指定できず、投稿ごとに異なる任意の URL(外部リンク等)へ飛ばすことができませんでした。

こんなときに便利です

たとえば、トップページにクエリーループを使ってイベント情報の一覧を表示させているとします。
各イベントの「詳細・お申し込み」ボタンはそれぞれ別の申込ページ(外部のイベント告知・集客サイトなど)にリンクさせたい、といったケースです。

今回追加したカスタムフィールドURLを使うと、あらかじめ各投稿のカスタムフィールドに保存しておいたURLを、そのままボタンのリンク先として使えるようになります。

手順の例

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

「カスタムフィールドURL」は、クエリーループの中で VK Blocks のボタンブロックを使っている場合のみ表示されます。

値が空の投稿はどうなる?

カスタムフィールドに URL が入力されていない投稿については、リンク先のないボタンが表示されてしまうことを防ぐため、その投稿のボタンは自動的に非表示になります。

VK Blocks のボタンブロックについてくわしくは、以下よりご確認ください。

ボタン

別のページへ誘導したい時に便利なボタンを設置できます。サイズ・スタイル・色・アイコンなどを設定して自由に作成できます。

VK Blocks / VK Blocks Pro を利用するには?

  • VK Blocks(無料版):WordPress 公式ディレクトリ登録プラグインですので、ご利用の WordPress の管理画面から検索してすぐにインストールできます。
  • VK Blocks Pro(有料版):Vektor Passport(ベクトルパスポート)に含まれています。

Vektor Passport は、ベクトル主要製品・サービスを好きなだけ使える大変お得なサブスク型のライセンス製品です。ライセンス1つで、ご自身で制作・管理されている複数のサイトにご利用いただけます。

 Vektor Passport

を購入して

特典をゲットしよう!

X-T9 工務店




( ナチュラル )

19,800円 (税込)

0に!

Lightning ビジネス




(Evergreen)

9,900円 (税込)

0に!

Lightning 工務店




( ナチュラル )

19,800円(税込)

0に!

今なら!

Vektor Passport の
有効期間中、上記の
デモサイトデータを
何度でも素早くまるごと
インポートできます!

爆速!!1分デモサイトと同じ
ホームページができる

VK FullSite Installer のロゴ

選んだデモサイトと同じ状態の WordPress サイトを、わずか数ステップで再現できるインポート専用プラグインです。数クリックで、プロ品質のサイトがすぐに起動します。

フルサイト編集に対応したブロックテーマ X-T9

フルサイト編集対応ブロックテーマ

WordPress テーマ X-T9 は、WordPress 5.9 から実装されたフルサイト編集機能に対応した「ブロックテーマ」と呼ばれる新しい形式のテーマです。
ヘッダーやフッターなど、今までのテーマではカスタマイズが難しかったエリアもノーコードで簡単・柔軟にカスタマイズする事ができます。

パターンを使って

よりクオリティの高いサイトに

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

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

このデモサイトは Vektor,Inc. のテーマとプラグインで構築されています。ご購入や詳細情報は下記のリンクもご参考ください。

トップへ戻る