カスタマイズ

【AFFINGER5】超簡単!サイドバーへTwitterタイムラインを埋め込む方法

更新日:

超簡単!サイドバーへTwitterタイムラインを埋め込む方法

こんにちは!SHINです♪

今回Twitterのタイムラインを、サイドバーに表示させる方法をお話していきます♪

 

何で「サイドバー」なのかと言うと、2カラムサイトであればトップページはもちろん個別投稿もサイドバーは常に表示するので、フッター(サイト最下部)よりも見てもらえる機会が多い点と、何よりフォロワーを増やしたい!って人にはすごくメリットなわけです。

 

では早々見ていきましょう!

こんな方におすすめな記事

  • Twitterタイムラインをサイトに埋め込んで、フォロワーを増やしたい!
  • Twitterタイムラインを通して、もっと自分自身をサイトで売り込みたい!

 

Twitterタイムラインを表示させるHTMLコードを取得

まずはTwitterにログインします。もしアカウントがない場合は作りましょう♪

 

step
1
Twitterアイコンから設定とプライバシーをクリック

Twitter,設定とプライバシー

SHIN
Twitterにログインしたら、画面右上にある自分のアイコンをクリックして「設定とプライバシー」をクリック♪

 

step
2
画面左に表示された設定メニューにある「ウィジェット」をクリック

Twitter,ウィジェット

SHIN
画面左のウィジェットをクリックします♪

 

step
3
外部サイト「Twitterパブリッシュ」へアクセス

Twitter,パブリッシュ

SHIN
今まではこのページで埋め込みコードを入手できたものの、今(2019.1.8)はできない…ので「Twitterパブリッシュ」って外部サイトで入手します♪

 

 

step
4
あなたのTwitterページのURLを貼って→をクリック

Twitter,パブリッシュ1

SHIN
ココに自分のTwitterアカウントトップページのURLを貼る。URLは「https://twitter.com/@を除外したユーザー名」 貼り付けたら「→」をクリックします♪

 

step
5
Twitter埋め込み表示タイプとTwitterフォローボタン設置表示タイプを選択

witterパブリッシュ,表示オプション

SHIN
今回は「Twitter埋め込み表示タイプ」なので左側を選択♪

 

step
6
Twitter埋め込みコードをコピーしておく

Twitter,埋め込みコード

SHIN
Twitterタイムラインを表示させるためのHTMLコードをコピーしておきます♪

 

Twitterへログインしてから、タイムラインを表示させるためのHTMLコードを取得するまでの作業はここまで!

 

 

WordPressサイドバーへTwitterタイムラインを表示させる

今度はWordPressダッシュボードに戻って、チャチャっと貼り付けて表示させる作業をするよ♪

 

step
1
WordPressダッシュボード画面のメニュー「外観」→「ウィジェット」をクリック

WordPress,ウィジェット

 

step
2
「テキスト」をサイドバーへ表示させる

ウィジェット,テキスト

SHIN
ズラーっと並んだウィジェットから、任意に書き込める「テキスト」というウィジェットをクリックすると・・・

ウィジェット,テキスト

SHIN
「サイドバーウィジェット」を選択して「ウィジェットを追加」すれば、ウィジェットへ入ります♪あとは並び替えをするだけ。簡単でしょ?

 

AFFINGER5はTwitterタイムライン表示機能が実装済み!

えっ!?ですよね笑

じゃあ何でわざわざ「テキスト」を使ったのかというと、Twitterフォローボタンも埋め込みできるからです。ただそれだけ。

 

ちょっと比較してみましょう。

AFFINGER5 Twitterタイムライン

アフィンガー5,Twitterタイムライン

SHIN
全然いいんですよ、このタイムラインでも。ただフォロワーをもっと増やしたい!って思うでしょ?

 

テキスト Twitterタイムライン

Twitterタイムライン,テキスト

タイムライン上部にTwitterフォローボタンを設置。HTMLコード次第でフォロワー数を表示したり、もっと可愛らしくカスタマイズができます♪

 

 

まとめ

TwitterはSNS(ソーシャルネットワークサービス)の中でNo.1の利用率です。

続いてFacebookやインスタなどがありますけど、Twitterは「瞬発力」「拡散性」に優れているので、間違いなく利用した方が良いです♪

 

Twitterタイムラインを表示したら、フォローをしていきながらツイート、リツイート、いいねをアクティブに活用していきましょうね!

ではまた!

  • この記事を書いた人
  • 最新記事
SHIN

SHIN

WordPressテーマ研究家のSHINです。WPテーマとコーヒーをこよなく愛し、日々マウスをカチカチ!キーボードをパチパチ!しながら研究をしている人。

-カスタマイズ
-

Copyright© WordPress theme NAVI , 2019 All Rights Reserved.