よくある質問 カスタムコード

2 つの VK.com ウィジェットを連続して配置するにはどうすればよいですか?

2 つの VK.com ウィジェットを連続して配置するにはどうすればよいですか?

以下の例では、JavascriptとCSSの知識が必要です。Tildaカスタマーサポートは、コード関連の質問には対応していません。

「その他」カテゴリからブロックT123を追加し、次のコードを使用します。

<script src="//vk.com/js/api/openapi.js"></script>

<div id="vk_group1" style="display: inline-block; width: 33%;"></div>
<div id="vk_group2" style="display: inline-block; width: 33%;"></div>

<!-- VK Widgets -->
<script>
VK.Widgets.Group("vk_group1", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
VK.Widgets.Group("vk_group2", {mode: 0, width: "auto", height: "200", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 89546664);
</script>

89546664 をコミュニティ ID に置き換えます。

Vkontakteウィジェットの詳細: https://vk.com/dev/widget_community

ウィジェットごとに異なる div 要素の ID を保持することを忘れないでください。

この回答は役に立ちましたか?
はい
0
番号
0
閲覧数: 9480