Twitterのタイムラインを埋め込むって…こういうの。↓
![](https://ruuraruura.com/wp-content/uploads/2020/05/Twitter.jpg)
Contents
簡単!Twitter公式サイトで設定できる
Twitter公式でコードを作成してくれるサイトがある。
そのコードを配置するだけで自分のTwitterのタイムラインが表示できるよ!
Twitterアカウントあるなら簡単だからすぐやろう。
コード作成してくれるサイトはここ → https://publish.twitter.com/#
TwitterのURLを入力する
Twitterで自分のプロフィールが表示されている画面に行き、そのURLをコピーする。
そしてここに ↓ 入力。右の矢印マークをクリック。
![](https://ruuraruura.com/wp-content/uploads/2020/05/bcb10e924c98509dc979b20196cf1f81.jpg)
タイプを選ぶ
下の方に行くとこんな画面になるのでタイプを選ぶ。
タイムラインを表示させたいので左。
![](https://ruuraruura.com/wp-content/uploads/2020/05/2d965e8271bdb550fb7d6a1d2e3997bd.jpg)
オプションの設定
タイプを選ぶとコードが表示されるんだけど、そのままだと縦に長ーくなるので、その上にあるオプション設定をクリックする。
![](https://ruuraruura.com/wp-content/uploads/2020/05/1f936cde9c43e9f593cadbc7a21bcdc4.jpg)
私は400×400pxで設定。
右下の「Update」ボタンを押すと表示されたコードが更新されるよ。↓
![](https://ruuraruura.com/wp-content/uploads/2020/05/43da45413491c56b434d0520af0fc513.jpg)
コードをコピーしてサイドバーに設置する
![](https://ruuraruura.com/wp-content/uploads/2020/05/0f43025db272dadc276c3912c04c5441.jpg)
作成されたコードをコピー。
WordPressのダッシュボード〔外観〕→〔ウィジェット〕から「カスタムHTML」を選んでサイドバーに設置。
そこにコードをペーストする。
完成!
かんたん!
Twitterのタイムラインを設置すると、ブログを更新してないときも活動してる感があるからいいよね。
スマホ表示の幅がおかしいときは
上の設定のように、オプションで幅を400pxに設定すれば大丈夫だと思うんだけど、もし横に長くてはみ出すという人はこのサイトを参考にしてみてね。↓
PANONBOX-ぱのんボックス-
![](data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==)
![](https://panonbox.com/wp-content/uploads/twitter-responsive.jpg)
ブログにTwitterを埋め込み「iPhoneやiPad」ではみ出した場合の対策
Twitterのタイムラインをブログに埋め込むとIOSの不具合により「iPhoneやiPad」などモバイル端末で見た場合に表示画面が崩れてしまう場合があります。jQueryやらCSSで対策…
iphoneのバグがあるらしいね。(詳しくはよくわからなかった…)
あ、私もTwitterやってるので、よかったらフォローしてね ↓↓