2020/02/14SHAREツイートシェアはてブGoogle+PocketLINE「ワードプレスを使ってブログを運営しているけど、Twitterの投稿を埋め込みたい。」こういった疑問を解決します。Twitterのサイトへの埋め込みに関しては、主に2種類があります。ブログ記事内に情報の補足としてツイートを埋め込むサイトのサイドバーなどにタイムラインを埋め込むこの記事では、この2種類の方法について解説していきます。目次ツイートを埋め込む方法URLをコピペする方法コードを取得する方法タイムラインを埋め込む方法タイムラインのコードを取得するウィジェットにコードを貼り付けるツイートを埋め込む方法ツイートの埋め込みは、主に下記の2種類の方法で行うことができます。URLのコピペで埋め込むコードを取得して埋め込むこの内容について詳しく解説していきます。URLをコピペする方法この方法は基本的にはワードプレス限定の方法です。手順は以下のとおりとなっています。STEP.1ツイートのURLをコピーTwitterで埋め込む対象となるツイートを開き、URLをコピーしておきます。STEP.2記事内にペーストコピーしたURLを記事内の好きな場所へペーストします。※画像はテキストモードになっていますが、ビジュアルモードでもOKです。これでツイートの埋め込みは完了です。ちなみに以下が実際に埋め込んだツイートとなります。ワードプレスのバックアップが取れる、便利プラグインについてです。実際にバックアップを取るところまで解説してみました。2019よく見る形式ですね。続いてコードを取得する方法を見ていきましょう。コードを取得する方法コードを取得する方法は、はてなブログなどのワードプレス以外でも使用できる方法となっています。一応こちらの方法も解説しておきます。手順は以下の通りです。STEP.1ツイートのコードを表示するTwitter内で対象のツイートの右上にある「∨」をクリックします。ここで表示された「ツイートをサイトに埋め込む」を選択しましょう。表示されたコードを全てコピーします。STEP.3記事にペーストコピーしたコードを記事内の好きな場所へペーストします。※ワードプレスの場合は、テキストモードでペーストしてください。これでツイートの埋め込みは完了です。ちなみに以下が実際に埋め込んだツイートとなります。ワードプレスのバックアップが取れる、便利プラグインについてです。実際にバックアップを取るところまで解説してみました。2019表示自体は変化なしです。他のブログサービスならこの手法を使ってもいいですが、ワードプレスであればリンクを貼り付ける方法が簡単なので、圧倒的にリンクをおすすめします。これで、ツイートの埋め込みに関する内容は以上です。僕のサイトもそうですが、サイトによってはサイドバーやフッターに「タイムライン」という、自分のツイートをスクロールしてみれる場所を設置しているサイトもあります。この方法に関しては以下の2つの作業を行うことで、設置することが可能です。タイムラインのコードを取得ウィジェットにコードの貼り付けこれも結構簡単に設置できる方法なので、順に解説していきます。Publish」というサイトを使用します。Publishここにアクセスした上で作業を進めていきましょう。STEP.1URLを入力サイトを開き、自分のツイッターアカウントのURLを入力し、「→」をクリックします。Timeline」をクリックして、タイムラインを選択しましょう。options」をクリックすると、タイムラインのカスタマイズを行うことができます。高さ(Height)は未設定だと、かなり下に長いタイムラインになってしまいます。ここは400pxくらいで設定しておきましょう。その他はわりとデフォルトでもOKです。STEP.4コードのコピーできあがったコードをコピーしておきましょう。これで貼り付けコードの準備は完了です。ウィジェットにコードを貼り付けるここではウィジェットに貼り付けることのできるエリアを準備して、実際にタイムラインのコードを貼り付けていきます。手順は以下の2ステップです。STEP.1ウィジェットにテキストを追加ワードプレス管理画面で「外観」→「ウィジェット」で、ウィジェット画面に移動します。ここで対象のウィジェットに「テキスト」を追加しましょう。※操作はドラッグ&ドロップでOKです。STEP.2コードの貼り付け先ほど取得したタイムラインのコードを貼り付け、「保存」をクリックします。※この時、ビジュアルではなく「テキストモード」にしてから貼り付けを行いましょう。これでサイトにタイムラインが表示されるようになりました。今回の内容は、これで以上となります。記事にツイートを埋め込むことで情報を補足できたり、タイムラインを埋め込むことでTwitterアカウントとサイト運営者をつなぐことができるようにもなります。超簡単な方法になので、ぜひ試してみてください。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。上に表示された文字を入力してください。