ツイッター活用してますか?
初心者ブロガーがアクセスを集めるためには、ツイッターの運営が重要です。
記事を更新をツイートすることで、ツイッターからブログへと誘導できます。
ツイッターの運営をしているブロガーさんは多いですが、ブログからツイッターへの誘導はできているでしょうか?
せっかくブログとツイッターの両方をやっているのなら、ツイッター以外から見に来てくれた読者にフォローしてもらえる工夫をしましょう。
ブログを見て「フォローしたい」と思ってもらうためには、普段どのようなツイートをしているか知ってもらうのが効果的です。
そのためには、ブログにツイッターのタイムラインを埋め込んでアピールしましょう。
今回は、ツイッターのタイムラインをブログに埋め込む方法をお話しします。
- ブログにツイッターのタイムラインを埋め込む方法
- 埋め込んだタイムラインのカスタマイズ方法
![](https://ryulifeblog.com/wp-content/uploads/2020/10/4c317b38c44b40a821b64e88b5654740.png)
ツイッターのリンクボタンはあるけど
ブログ上でタイムラインが見られたら楽だよね
![](https://ryulifeblog.com/wp-content/uploads/2020/09/d160a53f71104dc4e5ed3c300ba3ba79-1.png)
![](https://ryulifeblog.com/wp-content/uploads/2020/09/d160a53f71104dc4e5ed3c300ba3ba79-1.png)
![](https://ryulifeblog.com/wp-content/uploads/2020/09/d160a53f71104dc4e5ed3c300ba3ba79-1.png)
普段どんなツイートをしてるかって
フォローするための判断材料になるもんね
ツイッターのタイムラインをブログに埋め込もう
![](https://ryulifeblog.com/wp-content/uploads/2020/11/bird_aoitori_bluebird.jpg)
![](https://ryulifeblog.com/wp-content/uploads/2020/11/bird_aoitori_bluebird.jpg)
ツイッターのタイムラインをブログに埋め込むためにはTwitter Publishというサイトでコードを作成します。
コード作成からブログへの埋め込み&カスタマイズの方法をご説明します。
Twitter Publishでコードを入手
Twitter Publishのサイトに入ったら、自分のツイッターのプロフィールページURLを入力します。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/1-9.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/1-9.jpg)
左側の「Embedded Timeline」をクリックします。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/2-11.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/2-11.jpg)
「set customization options」をクリックします。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/3-7.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/3-7.jpg)
各数値を編集して「Update」をクリックします。
色は「Light」と「Dark」の2種類があります。
ブログデザインと合う方を選びましょう。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/5-6.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/5-6.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/4-7.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/4-7.jpg)
「Copy Code」でコードをコピーします。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/7-7.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/7-7.jpg)
サイドバーに埋め込もう
WordPressを起動して「外観」「ウィジェット」の順番でクリックします。
「テキスト」を「サイドバー」にドラッグ&ドロップします。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/8-6.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/8-6.jpg)
「テキスト」をクリックして、さきほどコピーしたコードを貼りつけます。
貼り付けたら「保存」をクリックして完了です。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/9-5.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/9-5.jpg)
サイドバーにツイッターのタイムラインが埋め込まれました。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/10-5.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/10-5.jpg)
カスタマイズしよう
このままでもいいですが、見栄えを良くするためのカスタマイズをご紹介します。
さきほど貼りつけたコードの「”twitter-timeline”」の後ろに半角スペース+以下のコードを入力することで、さまざまなカスタマイズができます。
カスタマイズ一覧
data-chrome=”noheader” | ヘッダー非表示 |
data-chrome=”nofooter” | フッター非表示 |
data-chrome=”noborders” | 境界線なし |
data-chrome=”noscrollbar” | スクロールバー非表示 |
それぞれの効果をまとめました。タブを切り替えてそれぞれの効果を確認ください。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/11noheader.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/11noheader.jpg)
複数の効果を重ねたい場合は、””の中のコードを,で区切って入力してください。
例えば「ヘッダー非表示+フッター非表示」としたい場合は
data-chrome=”noheader,nofooter”
と入力します。
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/12c97ba1dac9674094d140d8f2900213.jpg)
![ブログにツイッターのタイムラインを埋め込む方法](https://ryulifeblog.com/wp-content/uploads/2020/12/12c97ba1dac9674094d140d8f2900213.jpg)
まとめ
![](https://ryulifeblog.com/wp-content/uploads/2020/12/b58b6490e3e6bd51cf6e70f3d5d7a12d-1024x538.jpg)
![](https://ryulifeblog.com/wp-content/uploads/2020/12/b58b6490e3e6bd51cf6e70f3d5d7a12d-1024x538.jpg)
ツイッターのタイムラインをブログに埋め込む方法についてお話ししました。
- Twitter Publishでコードを作成
- カスタマイズで見た目の調整も可能
ブログとツイッターは、相乗効果で伸びていきます。
ツイッターのフォロワーが増えると、ツイッターからブログへのアクセスが増加し
ツイッター以外からブログへの流入が増えると、ブログからツイッターをフォローしてくれる人が増えます。
普段どのようなツイートをしているかを読者に知ってもらうために、ブログにツイッターのタイムラインを埋め込んでおくことが大切です。
ブログとツイッターを上手にリンクさせる工夫をしましょう。
今日はここまで!おつクラゲ~(:]ミ (:]彡
コメント