この記事では、ブログ(WordPress)へTwitterのツイートやリンクを埋め込みする方法について解説していきます。
あなたは、ブログ記事を作成するときに、
と、考えたことはありませんか?
引用的ツイートを埋め込んだり、自分のTwitterアカウントのリンクを埋め込みたい時も出てきますよね。
これ結論からお伝えしますと、
- ブログへTwitterのツイートやリンクを埋め込みする方法はコチラです。
埋め込み方法!
- ツイートを埋め込みする方法
- Twitterのタイムラインをブログのサイドバーへ表示する方法
- Twitterのフォローリンクを埋め込みする方法
- Twitterのアカウントリンクを埋め込みする方法
それでは詳しく見ていきましょう。
目次
サブスク自動集客ツール
「売り上げが伸びない…。」など、集客ができずに悩んでいませんか?
ツールをポチッとするだけでほったらかしで集客できてしまうツール。
月間7,500万人以上が利用しているアメブロからあなたのブログへ、自動で集客する方法に興味がある方におすすめです。
1:ツイートを埋め込みする方法
1つ目は、Twitterのツイートをブログに埋め込みをする方法です。
ツイートの埋め込み
- 「∨」をクリックする
- 「ツイートを埋め込む」をクリックする
- 「Copy Code」をクリックする
- 「×」をクリックする
- 「投稿」→「新規追加」をクリックする
- 「テキスト」をクリックする
- コードを貼り付けする
- 「公開」をクリックする
それでは1つ1つ見ていきましょう。
step
1「∨」をクリックする
まずは、Twitterへログインをしまして、ブログに埋め込みしたいツイートにあります、「∨」をクリックしましょう。
step
2「ツイートを埋め込む」をクリックする
「∨」をクリックしたら、「ツイートを埋め込む」をクリックしましょう。
step
3「Copy Code」をクリックする
「ツイートを埋め込む」をクリックしたら専用ページが出てきますので、「Copy Code」をクリックしましょう。
step
4「×」をクリックする
「Copy Code」をクリックして、コピー完了の画面が出てきましたら、「×」をクリックしましょう。
step
5「投稿」→「新規追加」をクリックする
「×」をクリックしたら、ブログ(WordPress)を開いて左のメニューにあります、
- 「投稿」をクリック
- 「新規追加」をクリック
と、進めていきましょう。
step
6「テキスト」をクリックする
すると新規投稿を追加が開きますので、「テキスト」をクリックしてください。
step
7コードを貼り付けする
「テキスト」をクリックしたら、先程コピーしたコードを貼り付けしましょう。
step
8「公開」をクリックする
コードを貼り付けしたら、「公開」をクリックして完了です。
完成!
最近は黙々と作業を継続中!
結局はPDCAを繰り返しながら、
とにかくチャレンジをするだけ。今やっていることを、
信じて取り組んでいると、
ある日突然結果となって見えてくる!最近はアクセスが伸び始めてきたので、
このまま突っ走るのみ。
すると上記のように簡単にブログにツイートを埋め込みすることができるのです。
2:Twitterのタイムラインをブログのサイドバーへ表示する方法
Twitterのタイムラインをブログのサイドバーへ埋め込みする方法はコチラです。
タイムラインの埋め込み
- 「プロフィール」をクリックする
- 「TwitterID」をコピーする
- 「埋め込みコード」が取得できるサイトを開く
- 「TwitterID」を貼り付ける
- 「→」をクリックする
- 「Embedded Timeline」をクリックする
- 「Copy Code」をクリックする
- 「×」をクリックする
- 「外観」→「ウィジェット」をクリックする
- 「テキスト」を「サイドバー」へ移動する
- 「テキスト」をクリックする
- 「コードを貼る」→「保存」をクリックする
それでは1つ1つ見ていきましょう。
step
1「プロフィール」をクリックする
まずはTwitterへログインをして、左のメニューにあります「プロフィール」をクリックしましょう。
step
2「TwitterID」をコピーする
「プロフィール」をクリックしたら、「TwitterID」をコピーしましょう。
step
3「埋め込みコード」が取得できるサイトを開く
「TwitterID」をコピーしたら、次は「埋め込みコード」が取得できるサイトを開いてください。
step
4「TwitterID」を貼り付ける
サイトを開いたら、コピーした「TwitterID」を貼り付けましょう。
step
5「→」をクリックする
「TwitterID」を貼り付けたら、「→」をクリックしてください。
step
6「Embedded Timeline」をクリックする
「→」をクリックしたら、すぐ下に自動でスクロールするので、次は左にあります「Embedded Timeline」をクリックしましょう。
step
7「Copy Code」をクリックする
「Embedded Timeline」をクリックしたら、次は「Copy Code」をクリックしましょう。
step
8「×」をクリックする
するとコピー完了の画面が出てくるので、「×」をクリックしましょう。
step
9「外観」→「ウィジェット」をクリックする
「×」をクリックしたら、WordPressへログインをして左のメニューにあります、
- 「外観」をクリック
- 「ウィジェット」をクリック
と、進めていきましょう。
step
10「テキスト」を「サイドバー」へ移動する
するとウィジェットの画面が出てきますので、「テキスト」を「サイドバー」へドラッグして移動してください。
step
11「テキスト」をクリックする
「テキスト」を「サイドバー」へ移動したら、「テキスト」をクリックしましょう。
step
12「コードを貼る」→「保存」をクリックする
「テキスト」をクリックしたら、
- 「コード」を貼る
- 「保存」をクリック
と、進めていくと完了です。
完成!
すると上記画像のように、ブログのサイドバーへとTwitterのタイムラインを埋め込みすることができるのです。
3:Twitterのフォローリンクを埋め込みする方法
Twitterのフォローリンクを埋め込みする方法はコチラです。
フォローリンクの埋め込み
- 「埋め込みコード」が取得できるサイトを開く
- 「TwitterID」を入力する
- 「→」をクリックする
- 「Twitter Buttons」をクリックする
- 「Follow Buttons」をクリックする
- 「Copy Code」をクリックする
- 「×」をクリックする
- 「投稿」→「新規追加」をクリックする
- 「テキスト」をクリックする
- コードを貼り付けする
- 「公開」をクリックする
それでは1つ1つ見ていきましょう。
step
1「埋め込みコード」が取得できるサイトを開く
まずは、Twitterの「埋め込みコード」が取得できるサイトを開いてください。
step
2「TwitterID」を入力する
サイトを開いたら、あなたの「TwitterID」を入力しましょう。
step
3「→」をクリックする
「TwitterID」を入力したら、「→」をクリックしてください。
step
4「Twitter Buttons」をクリックする
「→」をクリックしたら、次は右にあります「Twitter Buttons」をクリックしましょう。
step
5「Follow Buttons」をクリックする
「Twitter Buttons」をクリックしたら、1番左にあります「Follow Buttons」をクリックしましょう。
step
6「Copy Code」をクリックする
「Follow Buttons」をクリックしたら、画面が下にスクロールするので、「Copy Code」をクリックしましょう。
step
7「×」をクリックする
「Copy Code」をクリックしたら、コピー完了画面が出てくるので、「×」をクリックしましょう。
step
8「投稿」→「新規追加」をクリックする
「×」をクリックしたら、WordPressへ移動して左のメニューにあります、
- 「投稿」をクリック
- 「新規追加」をクリック
と、進めていきましょう。
step
9「テキスト」をクリックする
すると新規投稿を追加が開きますので、「テキスト」をクリックしてください。
step
10コードを貼り付けする
「テキスト」をクリックしたら、コピーしたコードを貼り付けしましょう。
step
11「公開」をクリックする
コードを貼り付けしたら、「公開」をクリックして完了となります。
完成!
すると上記のように、Twitterのフォローリンクを作成することができるのです。
4:Twitterのアカウントリンクを埋め込みする方法
Twitterのアカウントリンクを埋め込みする方法はコチラです。
アカウントリンクの埋め込み
- 「投稿」→「新規追加」をクリックする
- 「ビジュアル」をクリックする
- 「TwitterID」を入力する
- Twitterの「プロフィール」をクリックする
- 「URL」をコピーする
- 入力したTwitterIDを左クリックでドラッグする
- 「リンクの挿入/編集」をクリックする
- コピーしたURLをペーストする
- 「リンク設定」をクリックする
- 「リンクを新しいタブで開く」にチェックを入れる
- 「更新」をクリックする
- 「公開」をクリックする
それでは1つ1つ見ていきましょう。
step
1「投稿」→「新規追加」をクリックする
まずは、WordPressの左メニューにあります、
- 「投稿」をクリック
- 「新規追加」をクリック
と、進めていきましょう。
step
2「ビジュアル」をクリックする
すると新規投稿を追加が開きますので、「ビジュアル」をクリックしてください。
step
3「TwitterID」を入力する
「ビジュアル」をクリックしたら、あなたの「TwitterID」を入力してください。
step
4Twitterの「プロフィール」をクリックする
「TwitterID」を入力したら、Twitterへログインをして左のメニューにあります「プロフィール」をクリックしましょう。
step
5「URL」をコピーする
「プロフィール」をクリックしたら、プロフィールページの「URL」をコピーしてください。
step
6入力したTwitterIDを左クリックでドラッグする
「URL」をコピーしたら、WordPressへ戻って、入力したTwitterIDを左クリックでドラッグしましょう。
step
7「リンクの挿入/編集」をクリックする
TwitterIDをドラッグしたら、「リンクの挿入/編集」をクリックしてください。
step
8コピーしたURLをペーストする
「リンクの挿入/編集」をクリックすると、TwitterIDのすぐ下にフォームが出てくるので、コピーしたプロフィールページのURLをペーストしましょう。
step
9「リンク設定」をクリックする
プロフィールページのURLをペーストしたら、「リンク設定」をクリックしてください。
step
10「リンクを新しいタブで開く」にチェックを入れる
「リンク設定」をクリックしたら、「リンクを新しいタブで開く」にチェックを入れましょう。
step
11「更新」をクリックする
「リンクを新しいタブで開く」にチェックを入れたら、画面右下にあります「更新」をクリックしましょう。
step
12「公開」をクリックする
「更新」をクリックしたら、「公開」をクリックして完了です。
完成!
すると上記のように、あなたのプロフィールページへのアカウントリンクを作成することができるのです。
【注意】Twitterの投稿をスクショやキャプチャーで貼るのは絶対ダメ!
Twitterで他の方のツイート内容を上記方法で引用するのは問題ありません。
しかし、スクショやキャプチャーで、ブログに画像として貼るのはTwitterの規約違反と著作権違反に触れてしまうため注意して下さい。
Twitterの規約と著作権法に触れないためにも、必ず上記のようにTwitterの引用タグを使い、ブログに埋め込みを行うようにしましょう。
ブログへTwitterのツイートやリンクを埋め込みする方法のまとめ
まとめますと、
ツイートの埋め込み
- 「∨」をクリックする
- 「ツイートを埋め込む」をクリックする
- 「Copy Code」をクリックする
- 「×」をクリックする
- 「投稿」→「新規追加」をクリックする
- 「テキスト」をクリックする
- コードを貼り付けする
- 「公開」をクリックする
タイムラインの埋め込み
- 「プロフィール」をクリックする
- 「TwitterID」をコピーする
- 「埋め込みコード」が取得できるサイトを開く
- 「TwitterID」を貼り付ける
- 「→」をクリックする
- 「Embedded Timeline」をクリックする
- 「Copy Code」をクリックする
- 「×」をクリックする
- 「外観」→「ウィジェット」をクリックする
- 「テキスト」を「サイドバー」へ移動する
- 「テキスト」をクリックする
- 「コードを貼る」→「保存」をクリックする
フォローリンクの埋め込み
- 「埋め込みコード」が取得できるサイトを開く
- 「TwitterID」を入力する
- 「→」をクリックする
- 「Twitter Buttons」をクリックする
- 「Follow Buttons」をクリックする
- 「Copy Code」をクリックする
- 「×」をクリックする
- 「投稿」→「新規追加」をクリックする
- 「テキスト」をクリックする
- コードを貼り付けする
- 「公開」をクリックする
アカウントリンクの埋め込み
- 「投稿」→「新規追加」をクリックする
- 「ビジュアル」をクリックする
- 「TwitterID」を入力する
- Twitterの「プロフィール」をクリックする
- 「URL」をコピーする
- 入力したTwitterIDを左クリックでドラッグする
- 「リンクの挿入/編集」をクリックする
- コピーしたURLをペーストする
- 「リンク設定」をクリックする
- 「リンクを新しいタブで開く」にチェックを入れる
- 「更新」をクリックする
- 「公開」をクリックする
以上が、ブログへTwitterのツイートやリンクを埋め込みする方法についてでした。
是非、意識してチャレンジしてみてください。