2022年6月12日TwitterのTLをサイドバーに表示させているブロガーさんがたくさんいます。なんとなく見栄えもいいし、気軽にフォローしてもらえるかも?なんて思ったりしますよね。́艸`)私もその一人。目次ブログのサイドバーにTwitterのTLを設置する方法WordpressブログのサイドバーにTwitterのTLを表示する方法はてなブログのサイドバーにTwitterのTLを表示する方法さいごにブログのサイドバーにTwitterのTLを設置する方法TwitterのTLがあれば、ブロガーさんのつぶやきがすぐに見れるし、どんな話題を流しているか一目で分かるので読者さんからの親近感が湧きやすくなります。ブログ更新のお知らせをしている場合は、フォロワーとして新着記事をいち早くチェックしてもらえるというメリットも。今一番使われているブログサービスとしてWordPressはてなブログ両方の設置方法を画像付きでご紹介します。Publishにアクセスブログ設置用タグを作成&コピーWordPressのウィジェットに設置とっても簡単です!まずは、タグコードを作るサイトに移動します。Publish(https://publish.twitter.com/)全て英語のサイトですが、怪しいサイトではないので安心してください。以前はTwitterから直接行けたのですが、今は直接URLから行く方法しかないようです。リンクの先は↓の画面が出てきます。枠の中に、自分のTwitterプロフィールURLを入れます。↓Twitterのプロフィール画面のURLを貼り付けます。URLをボックス内に入れると右矢印のアイコンが出るのでそれをクリックします。すると、勝手に画面がスクロールして以下の選択項目に移ります。Timelineの方を選びます。クリックすると、自動でまた画面が変わります。表示するTLのプレビュー画面が出ますが、このままでは大きすぎるので、タテヨコサイズを調整します。optionsをクリックしてください。↓Height(縦のサイズ)Width(横のサイズ)リンクカラーこの3つを設定すればOK。赤と設定して、「Update」を押しました。プレビューでも先ほどよりは小さくなったことがわかります。Code」をクリックして、作成したタグコードをコピーしておきます。WordPressのウィジェットにタグコードを貼り付けるWordPressの管理画面にログインして、ダッシュボードから「外観」→「ウィジェット」と移動します。空白のボックスが出てきますので先ほどコピーしたタグコードとタイトルを書きこみます。※タイトルはお好きなようにつけてくださいね!これで保存を押すと・・・こんな感じで表示されました!横サイズバッチリです♪もっとTLを見せたい場合は、Height(縦)の値を400より大きい数字にしてみてください。サイドバーでの位置も、上下でお好きな場所に移動させてみてくださいね♪はてなブログのサイドバーにTwitterのTLを表示する方法TLのタグコードを取得する方法はWordpressと一緒です。横幅もおよそ300であればどのデザインテンプレートを使っていても大丈夫かとは思います。赤枠のマークを選びます。メニューが変わるので、その中から「サイドバー」を選択。「モジュールを追加」と押して、出てきたウインドウの中からHTMLを選んでフォームを入力して「適用」を押せば公開できます★さいごにWordPressもはてなブログも、ほぼ同じ感覚でTLをサイドバーに表示させることができました。MEみやこ真面目すぎ、気にしすぎな豆腐メンタルで正社員を辞めた過去アリ。人と比べすぎて自分の幸せを見失っていました。いうブログタイトルは、周りに振り回されすぎて好きになれなかった自分の人生を幸せなものにしたい、という願いを込めてつけています。Loveノウハウコレクターだっていいじゃない。やってみないとわからない事だってあ...【初心者アドバイス】ブログを始めるならWordpress?無料ブログから...このブログを書いている人みやこ頑張りすぎるのをやめたら人生変わった人。関東の片隅に住む、アラフォー派遣社員♀です。多趣味でブログも独学→教材を購入して勉強中。Twitterも始めました。コロナ禍で失職して、副業の大切さを痛感。無理しすぎないで、自分らしく生きたい人の味方です。