Twitterのフォローを促す「Twitterボタン」を表示させたいと思います。
まずは、下記の「Twitterボタン」にてソースコードを作成しましょう。
1.コードを取得する
まずは、ボタンのタイプを4種類の中から選びます。
次に、「ボタンのオプション」にてユーザ名にTwitterのユーザー名を記入し、言語選択で「日本語」を選びます。その他は、上記のような設定でいいと思います。すべての選択が終わると、右側に「コード」が表示されます。
2.social-button.phpを修正する
表示されたコードを<li>タグで囲んで「social-button.php」に追記します。
|
1 2 3 4 |
<li> <a href="https://twitter.com/share" class="twitter-share-button" data-via="tachichoku" data-lang="ja">ツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script> </li> |
3.表示を確認する
そうすると、表示する予定の場所にボタンが配置されているのが確認できるかと思います。