- とにかくTwitterのタイムラインをブログに埋め込みたい！
- ブログの集客のためにTwitterをがんばりたい
- 自分のブログを多くの人に知ってもらいたい！
- アフィンガー６と他のテーマではやり方違うの？
このような疑問や悩みを解決する記事になります。
私はブログ開設してからすぐTwitterアカウントを開設して、
記事を書き始めて２ヵ月程でアドセンスの審査に合格し、フォロワー数1000名まで伸ばし、現在も日々楽しく記事を書いています。
連携方法やタイムライン表示方法など、慣れない中自分で調べながら進めていきました。
ブログとTwitterどちらも初心者だった私は、すべて連携を終わらせるのに１ヵ月くらいかかってしまいました。
ですので、これからブログ始められる方が同じ時間のかかる思いをしないように、
初心者の方がわかりやすい記事を目指して執筆しました。
それじゃはじめるよ！
サイドバーにツイッターのタイムラインを表示させよう
上の画像にある赤い枠がツイッターのタイムラインをサイドバーに表示させてた状態になります。
それじゃあTwitterタイムラインをサイドバーに表示させてみよう！
まず大まかな流れを２つあげます。
- Twitter Publish：Twitterタイムライン表示用のコードの取得する。
- WordPress：サイドバーウィジェットにTwitterタイムライン表示用のコードを追加する。
この２つの流れを細かく解説していきます。
Twitterタイムライン表示用のコードの取得する。
Twitterにログインし、ご自身のTwitterのプロフィールページにいきます。
プロフィールページのURLをコピーします。
プロフィールページのURLをコピーしたら、
Twitter公式のTwitter Publishにアクセスします。
アクセスしたら下の画像のサイトに飛びますので、
TwitterプロフィールページのURLをペースト(貼り付け)します。
ペースト(貼り付け)したらエンターを押しましょう。
エンターを押したら下の画像の画面に移りますので、
左側の「Embedded Timeline」をクリック！
クリックすると下の画像のように、タイムラインのプレビュー画面が表示されます。
初期値のプレビュー画面だと、ブログに表示させるのはサイズが大きすぎます。
ですので、「set customization options.」をクリックしてサイズ調整します。
プレビュー画面がそままの大きさでブログに表示されるよ！
「set customization options.」をクリックすると
縦横の大きさ設定、白か黒の背景色設定、言語選択を設定できます。
ブログによってサイズは様々ですので、適当な値を入力しましょう。
私の設定した内容を表にしました。
|
Height(px) |
600 |
| Width(px) | 300 |
| How would you like this to look? ※背景カラーの選択 | Light |
| What language would you like to display this in? ※言語の選択 | japanese |
ご自身のブログに合わせてサイズを調整してみましょう！
私の設定したサイズでも見栄え良く表示できますので、あとは微調整してみてください。
サイズ、色、言語を入力すると、入力に応じたプレビューが表示されます。
ぜんぶ入力したら「update」をクリック！
「update」をクリックしたら新しいコードが表示されます。
「Copy Code」で勝手にコードをコピーしてくれるよ！
サイドバーウィジェットにタイムライン表示用のコードを追加する
ワードプレスにもどり、「外観」→「ウィジェット」の順に進みます。
「00 STINGERカスタムHTML」を「サイドバーウィジェット」へドラッグアンドドロップ！！
スティンガー６以外のテーマを使ってる方は「カスタムHTML」をドラッグアンドドロップ！
ドラッグアンドドロップしたら、「00 STINGERカスタムHTML」を開きます。
- ・タイトルを自由に入力する。
- Twitter Publishでコピーしたコードを張り付けます。
貼り付けしたら、『保存』と『完了』を忘れないでください。
これで完了です。プレビューでトップページをスクロールするとTwitterのタイムラインが表示されます。
タイムライン表示 アフィンガー６以外のテーマでのやり方
アフィンガー６以外のテーマでサイドバーにツイッターのタイムラインを表示させる方法は、
「00 STINGERカスタムHTML」と「カスタムHTML」の違いだけです。
twitterタイムライン埋め込み まとめ
最後まで記事を見ていただきありがとうございます。
しっかりTwitterのタイムラインが表示されたと思います。
喜びの声などコメントいただけますと幸いです。
そしてTwitterを本気で伸ばしていきたい方向けの便利ツールをここで少し紹介します。
それは「SocialDog」です。
有名なインフルエンサーのかたや、東証一部上場企業が取り入れているサービスになります。
SocialDogは何かというと、Twitterの運用を「効率化」して「自動化」して「分析」してくれるアプリもあるサービスになります。
具体的な便利機能を４つ挙げると言うと、
- ツイートを好きな時間に自動で投稿してくれる。
- 誰がフォローしたのか誰がフォロー解除したのか一目でわかる。
- ターゲットにしたいアカウントのツイートを表示できる。
- Twitter版Googleアナルティクスが備わっている。
時間指定をしてツイートできるだけで私はソーシャルドッグを取り入れてしまいました！
ソーシャルドッグについての記事も現在執筆中です。
Twitter本気で伸ばそうと考えている方であれば、一度公式サイトを覗いてみればもっと詳しく説明されてますよ！
7日間のトライアルもあるから、お試しもできます。
↓ ↓ ソーシャルドッグ公式サイトを見てみる ↓ ↓
-
-
【おすすめ本あり】グーグルアドセンスの審査を１０記事で合格させた方法【初心者のために】
なにをすればいいのかわからないどうやって合格したのかしりたい記事数は？文字数は？手順は？そのほか何が必要？ このような疑問や悩みを解決する記事になります。 みつとん ...