ブログで生きていくブログで生きていくことを実践している藤本陽介の個人ブログです。Webマーケティング・WordPress・SEOについてノウハウを隠すことなく解説しています。ふじもんWordPressにtwitterを埋め込み表示させるウィジェットの設定方法ツイート2シェアはてブ1LINEPocket3あなたのサイトにツイッターを表示させたいと思ったことはありますか?サイトとツイッターの連携は、多く人にサイトにきてもらうキッカケにもなるので、ぜひ設定してみてください。今回は、WordPressにtwitterを埋め込み表示させるウィジェットの設定方法をまとめました。クリックできる目次WordPressのウィジェットエリアに埋め込むtwitterのHTMLコードの取得方法ツイッターURLの確認ツイッターのウィジェット作成ツイッターのHTMLコード作成カスタマイズ設定WordPressのウィジェットの設定方法WordPressならツイッターの埋め込みは簡単にできるWordPressのウィジェットエリアに埋め込むtwitterのタイムラインをサイドバーに埋め込んだイメージはこのように表示されます。初心者わたしのサイトでも、ツイッターを埋め込みたいです!今回の記事も楽しみです!twitterのHTMLコードの取得方法ツイッターURLの確認ツイッターにログインし、アカウントを表示させます。今回は参考にわたしのツイッターアカウントでデモします。ピンク枠のhttps://twitter.com/●●●●●●が、ツイッターのURLです。このピンク枠のツイッターのURLは後ほど使いますので、確認しておいてください。赤枠の設定をクリックします。ツイッターのウィジェット作成ツイッターの管理画面左メニューのウィジェットをクリックします。ウィジェットの制作と整理の画面が表示されたら、赤枠部分の「新規作成」をクリックします。そのまま「プロフィール」を選択してください。ツイッターのHTMLコード作成そうするとツイッターの埋め込み専用画面が表示されます。ここにあなたのツイッターURLを入力してください。入力したら「→マーク」をクリックします。Timeline(タイムラインの埋め込み)を選択します。options(カスタムオプション設定)を選択します。この「Height(px)」と書かれている入力フォームに、400と入力します。補足説明Heightは高さの設定です。今回は400pxで設定しましたが、自分の好みにあわせて入力してください。横幅(Width)は入力しなくて問題ありません。したら「Update」をクリックします。Code」をクリックします。この画面が表示されたら、ツイッターの埋め込み用HTMLコードがコピーされました。このHTMLコードをWordPressの表示させたい部分にペーストします。初心者これがツイッターの埋め込み用HTMLコードなんですね。意外と簡単でした!WordPressのウィジェットの設定方法WordPressの管理画面左メニューの外観の「ウィジェット」をクリックします。利用できるウィジェットからテキストをドラッグ&ドロップでサイドバーに設定します。タイトルには「twitter」と入力し、内容には、先程コピーしたツイッターの埋め込み用HTMLコードをペーストします。charset="utf-8"></script>その後に「保存」をクリックします。これでツイッターが埋め込み表示できているはずです。トップページなどを表示させてみてください。ウィジェットエリアに表示させていますが、これを投稿ページや固定ページに表示させることも可能です。WordPressならツイッターの埋め込みは簡単にできるツイッターのタイムラインの埋め込みは非常に簡単です。設定してみてください。表示についてですが、PCだけでなく、スマートフォンにも表示されているので確認してみてください。初心者わたしのサイトがどんどんカッコよくなって嬉しいです。フェイスブックページも埋め込みしたいな!ツイッターの埋め込み以外にも、Facebookページの埋め込みも簡単です。【Facebookページプラグイン】ウィジェットに埋め込む方法2016年11月25日WordPressこの記事が気に入ったらいいねしよう!最新記事をお届けします。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。【Facebookページプラグイン】ウィジェットに埋め込む方法ブログ記事は会話形式でスラスラ書けるようになるRECOMMENDこちらの記事も人気です。bubble」の使い方WordPress2019.4.4WordPressのPHPのバージョンはPHP7以上にしておこう【エック...WordPress2018.8.23WordPressのテーマは『何を使っているか』を確認する方法ABOUTこの記事をかいた人ふじもんWebサイトの制作や、システム開発などしながら、ブログで生きています。運用しているWebサイトは非公開ですが、数は20サイトを超えています。WordPressの講師をたまにしています。今後は動画編集を中心に活動していきたいです。POSTこのライターの最新記事WiFi2020.1.14入院中におすすめのレンタルWiFi【D3WiFiがおすすめな理由】WiFi2019.12.28どこよりもWiFiの口コミ評判と3つのデメリットを解説します【口座振替に対応...キャンペーン2019.12.24光回線の選び方【家電量販店で選んではいけない理由】WiFi2019.12.15レンタルWiFiなのに端末返却義務が無いWiFiサービスふじもんWordPressをマスターするために、プログラミングをゼロから勉強して、なんとか書籍の執筆やセミナー講演をさせてもらえるようになりました。いまは、ブログで生きています。日本で一番詳しくWiMAXを計測しました。Reserved.ホームメニューフォローシェアおすすめトップTwitterSNSでシェアツイート2シェアはてブ1LINEPocket3CLOSE。