ソーシャルメディアボタンの配置場所のカスタマイズ

ソーシャルメディアボタンの配置場所のカスタマイズ

Twitter Facebookのソーシャルメディアボタンは
公式jsファイルが読み込まれると
aタグや div タグが
iframeタグに置き換わる

このため、元のタグに独自スタイルや
class=””の定義をしても
そのまま保持されず、無視されてしまう

このため、ソーシャルメディアボタンを
任意の場所へ配置するには
aタグやdivタグの周りに
スタイル設定用のタグで囲むことで
任意の場所へソーシャルメディアボタンを配置できるようになる

<span style="position: absolute; width:80px; right:0px; top:.7em">
<a href="https://twitter.com/share" class="twitter-share-button" data-role="tweet テスト" data-lang="ja" data-count="none">Tweet</a>
</span>

というようになる

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です