デフォルトでは、インスタグラムフィードの写真は、インスタグラムまたは私たちのライトボックス上の写真にリンクされますが、カスタムコードスニペットを使用して、各写真を選択した固有のURLにリンクすることができます。
個々の写真を異なるURLにリンクする
これには2つの方法があります。ショッパブルフィード 機能を使うか、手動で各リンクを変更するかです。
ショッパブルフィード方式(カスタムリンク)
注:この機能は "Pro "バージョンでのみ利用可能です。
私たちは、カスタムURLへの投稿のリンクを本当に簡単で手間のかからないものにするために、プラグインのProバージョンに機能を追加しました。プラグインでフィードの以下の設定を有効にしてください:Instagram Feed > All Feeds > Select your Feed > Settings > Shoppable Feed >Enable.その後、各投稿の追加ボタンをクリックして、特定の投稿のカスタムURLを追加することができます。ショッパブルフィードの作成方法については、こちらの記事をご覧ください。
マニュアル方式
まず、プラグインのポップアップライトボックスを無効にする(Instagram Feed > All Feeds > Feed Options > Customize > Lightbox >Disable)。
次に、各写真のIDを見つける必要があります。写真を右クリックして「Inspect Element」をクリックし、ID属性をコピーします(スクリーンショット)。sbi_1253736523657580376_10145706 のようになります。
プロバージョンでは、フィードを表示し、写真をクリックしてポップアップライトボックスを起動し、「写真を隠す(管理者)」リンクをクリックすることでもIDを見つけることができます。
そして、JavaScriptのスニペットを使って、各写真のリンクを次のように変更することができる:
$('#sbi_1253736523657580376').find('.sbi_photo').attr('href', 'https://yourlink1.com'); $('#sbi_1253665037575982435').find('.sbi_photo').attr('href', 'https://yourlink2.com'); $('#sbi_1248694870995570598').find('.sbi_photo').attr('href', 'https://yourlink3.com');
これらは、カスタマイズページのプラグインのカスタムJavaScriptセクションに追加できます。
すべての写真を同じURLにリンクする
そのためには
1) まず、プラグインのポップアップライトボックスを無効にする。 (Instagramフィード > すべてのフィード > フィードオプション > カスタマイズ > ライトボックス >無効)
2) フィードのショートコードにクラスを追加して、リンクがそのフィード内の投稿にのみ適用されるようにする: [instagram-feed feed=1 class="custom-link-feed"]
3) 以下のカスタムJavaScriptをウェブサイトに追加する。 (インスタグラム・フィード・プラグインのカスタムJavaScriptコードを使用)。:
$('.custom-link-feed .sbi_photo').attr('href', 'https://yourlink.com');
