Javascript を用いずに、Twitter のフォローリンクをテキストリンクにしたり、CSS でオリジナルボタンに装飾する方法のご紹介です。 フォローリンクをテキストにする フォローリンクを置きたい場所に、以下のようなa タグを書きます。 screen_name にはTwitter ユーザー名(@の後ろの名前)を指定します。 <a href="https://twitter.com/intent/follow?screen_name=webantena"> Follow @webantena </a> デモはこちら↓です。リンクをクリックするとウィンドウが立ち上がります。 CSS によるデザイン装飾例 a タグに任意のクラスを指定して、オリジナルデザインのフォローボタンにすることも可能です。 <style> .follow-btn { width:100%; display:bloc
![Twitter フォローボタンをテキストリンクにする方法|ソーシャルメディア|WEBデザインの小ネタとTIPSのまとめサイト「ウェブアンテナ」](https://cdn-ak-scissors.b.st-hatena.com/image/square/a6578677efd8cc0fecd42032455a5c09242c5d6a/height=288;version=1;width=512/https%3A%2F%2Fwww.webantena.net%2Fwp-content%2Fuploads%2F2014%2F04%2Ftwitterlogo.png)