ワードプレスのサイドバーに、Twitterのタイムラインを埋め込む方法を紹介しますね。
テーマは、【JIN】での埋め込みになります。
Contents
ワードプレスのサイドバーにTwitterを埋め込む【JIN】
よくブログを読んでいると、横のサイドバーにTwitterが埋め込まれているブログ、最近良く見ますよね。
私もやってみたい!
早速、埋め込んでみました。
自分のTwitterのURLをコピーする
まず、自分のTwitterを開きます。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/1-1.jpg?resize=600%2C399&ssl=1)
Twitterの埋め込みを作成する
コピーしましたら、Twitterの埋め込みサイトにコピペします。
クリックで作れます → https://publish.twitter.com/#
すると、このような画面が出ますので、自分のTwitterのURLをコピペして下さい。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/3.jpg?resize=838%2C220&ssl=1)
→ をクリックすると、オプションが表示されます。
左のEmbedded Timeline(埋め込まれたタイムライン)を選択してください。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/4.jpg?resize=645%2C509&ssl=1)
サイズを変更します
サイズを変更しないと、適当な大きさになってしまうので、サイズ設定をします。
URLコピーは後でもいいので、先に『set customization options』をクリックします。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/5-1.jpg?resize=964%2C185&ssl=1)
すると、サイズ変更指定画面が出ます。
サイズは【500】×【600】サイズがおすすめです!
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/5-2.jpg?resize=600%2C467&ssl=1)
サイズ確定したら、URLをコピペ「Copy Code」をクリックします。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/5.jpg?resize=994%2C343&ssl=1)
Twitterの埋め込みコードが作成されました。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/6.jpg?resize=656%2C416&ssl=1)
ワードプレス【JIN】に設定する
Twitterの埋め込みコードができたら、JINに設定します。
【外観】 → 【ウィジェット】
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/7.jpg?resize=216%2C233&ssl=1)
ウィジェットからカスタムHTMLに設定
ウィジェットのカスタムHTMLを、サイドバーにドラッグアンドドロップでもってきます。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/7-1.jpg?resize=600%2C350&ssl=1)
サイドバーにカスタムHTMLがもってこられたら、▼で開きます。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/8.jpg?resize=466%2C600&ssl=1)
Twitterの埋め込みコードをコピペして、タイトルは分かりやすいようにつけます。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/9.jpg?resize=524%2C600&ssl=1)
保存して、完了で保存されました。
ホーム画面でサイドバーにTwitterの埋め込みチェック!
ホーム画面で、きちんとサイドバーに埋め込みされているかチェックします。
先ほどのタイトルの場所は、【Twitter】と入っていますね。
![](https://i0.wp.com/mamablogbox.com/wp-content/uploads/2021/04/10.jpg?resize=600%2C379&ssl=1)
これで、きちんとTwitterのタイムラインの埋め込みが出来ました。
毎日の投稿もブログからチェックされ、更なるファンが出来る事を願いたいです。