この記事では、アメブロのサイドバーにツイッターのタイムラインを載せる方法をまとめています。
スマホからでもできるので、どどーんとどうぞ!
スマホからのやり方
① まずは、アメブロアプリではなくWEBプラウザ(GoogleChromeとかSafariとか)からアメブロにログイン
![](http://mannaka-products.com/wp-content/uploads/2019/09/sumaho1.jpeg)
② ブログ管理をタップ
![](http://mannaka-products.com/wp-content/uploads/2019/09/sumaho2-300x176.jpeg)
③ 一番下までスクロールして、「パソコン版」をタップ
![](http://mannaka-products.com/wp-content/uploads/2019/09/sumaho3.jpeg)
④ そしたらパソコン版になるので、
![](http://mannaka-products.com/wp-content/uploads/2019/09/sumaho4.jpeg)
以下と同じ手順で進めてください↓
パソコンからのやり方
まずはこちらにアクセス。
https://publish.twitter.com/
こんな画面が出てくるので、①に自分のツイッターのアカウント名を@から入力し、②の矢印をクリック。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc1.jpeg)
次はこちらをクリックして、
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc2.jpeg)
次はこちらをクリック、
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc3.jpg)
次はこちらの矢印のフォーム(Widthと書いてある方)に、横幅サイズを入力します。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc4.jpg)
アメブロのサイドバーのサイズは、
- 2カラム:300px
- 3カラム:広い方300px、狭い方180px
なので、タイムラインを入れたい方のサイドバーのサイズを入力してください。
左のフォーム(Heightの方)は高さになります。こちらのサイズは自由に設定できるのでご自由にどうぞ〜〜。
参考までに横300pxの場合、縦600pxにすると140字前後のツイート2つ分が入るくらいになるので、ツイート1つ分くらいが良ければ300pxくらいでいいかもしれません。
そしてupdateをクリックして、
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc6.jpg)
最後にこちらをクリックしてコピーしてください。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc7.jpg)
次はアメブロ側の設定です。
アメブロのブログ管理メニューの中から、「設定・管理」をクリックして、次に「プラグインの追加」をクリック。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc8.jpg)
「フリープラグイン」のタブをクリック。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc9.jpg)
そして先ほどコピーしたソースをここにペーストして「保存」をクリックで完了です!
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc10.jpg)
表示されない場合
表示されない〜〜〜という場合は、こちら↓を確認してください。
アメブロ管理画面「設定・管理」>>>「配置設定」
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc11.jpg)
「フリープラグイン」が「使用しない機能」に入っていたら、「使用する機能」のところまで動かしてください。場所は好きなところでOK。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc12.jpg)
フリープラグインが「使用する機能」に入ったら、保存して完了です!
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc13.jpg)
これでたぶん表示されるようになったと思います!
おまけ:タイトル風の文字を入れる方法
こんな感じでタイトル風の文字を入れたい場合は、
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc14.jpg)
ブログの編集・投稿画面を開いて、①入れたい文字や絵文字を入力 ②HTML表示をクリック
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc15.jpg)
出てきたソースをコピーして、
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc16.jpg)
さっきフリープラグインを貼った、アメブロ管理画面の「設定・管理」→「プラグインの追加」→「フリープラグイン」の中の、文字を入れたい場所にペーストして保存で完了です♡
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc17.jpg)
こんな感じでタイトル風の文字がつけられます。
![](http://mannaka-products.com/wp-content/uploads/2019/09/pc18.jpg)
やってみてくださーい^^
まとめ
いかがでしたでしょうか♡
順番通りにやったらできるように画像付きで説明したので、思ってたより簡単にできたんじゃないでしょうか〜〜
他にも、アメブロ活用記事を書いてるので、そちらもよろしかったらどうぞ!
お役に立ったら、下のボタンからポチッとシェアをお願いいたします↓╰(*´︶`*)╯♡
![アメブロカスタマイズ告知](http://mannaka-products.com/wp-content/uploads/2019/09/cta-1.png)
アメブロをカスタマイズすることで、売上アップや読者数アップ、自分のやる気アップやテンションアップをはかり、ブログライフをより楽しみたい個人・自分ビジネス向けの楽チンパッケージプランをお届けしています。
一緒に、アメブロをもっと楽しみませんか♡