一匹狼の回顧録

30代の孤独な勤め人がストレスフリーな人生を考える

はてなブログの記事にTwitterのフォローボタンを埋め込んでみた

今日ははてなブログの「読者になる」ボタンに加え、Twitterのフォローボタンを記事に埋め込んでみました。

 

今回は、るしるしさんの書かれた記事を参考にさせていただきました。

非常にわかりやすかったです。

 

lucirc.com

  

twitter公式のボタン作成は、以下サイトより作成可能です。

Twitter Publish

 

 

入力欄にTwitterのURLを入力して、矢印をクリックします。

僕のアカウントを例にすると↓こちらがURLになります。

https://twitter.com/alonewolf_memo

「/」より後ろの「alonewolf_memo」の部分を自分のTwitterアカウントに変更してください。

 

 

画面右の「Twitter Buttons」をクリックします。

 

フォローボタンは左です。

 

 

f:id:alonewolf_memorandum:20181124231547p:plain

コードが表示されるので「Copy Code」をクリックしてコピーして使用します。

デフォルトですと英語の設定になっていますが、ボタンはカスタマイズ可能です。

右上の「set customization options」という文字をクリックすることでカスタマイズできます。

 

 

f:id:alonewolf_memorandum:20181124231954p:plain 

チェックを入れていくとプレビュー画面で確認しながら作れます。

 

Would you like to simplify the button text?

→ボタンにユーザー名を表示されたくない時はチェックを入れます。

 

How would you like the button displayed?  

→ボタンを大きくしたい時はチェックを入れます。 

 

What language would you like to display this in?

→言語設定。日本語にしたければ、「Japanese」を選択しましょう。

  

最後に「Update」をクリックすると、コードが表示される画面に戻ります。

カスタマイズしたボタンはこちら。

 

めっちゃ簡単にTwitterのフォローボタンを作ることができました。

また今日も一つ、一流ブロガーへの階段を登れたのではないかと思います。