AFFINGER6

【AFFINGER6】サイドバーへTwitterタイムラインを埋め込む方法

2022年11月25日




今回の記事は、ブログのサイドバーにTwitterのタイムラインを埋め込む方法を解説して行きます。

当ブログもこの段階では埋め込んでいませんので、一緒にやって行きましょう!

私も現在、ほぼ毎日1ツイートを目標にTwitterを使用しています。

有益な情報は中々発信できないのが目下の悩みですが、私の普段の生活が垣間見られる内容をツイートしています。

宜しければ、埋め込みからTwitterをフォローして頂けると泣いて喜びます。

有料テーマ【AFFINGER6】は下記から購入できます。



稼ぐに特化したWordPressテーマ【AFFINGER6】

今すぐ申し込む



またAFFINGER6では色々便利な機能もありますので、宜しければ下記の記事も参考にして見て下さい。

合わせて読む
【AFFINGER6】で「合わせて読む」のブログカードを設定する方法

続きを見る

合わせて読む
【AFFINGER6】インフォメーションバーを表示させる方法

続きを見る

Twitterコードの作成

  • 下記をクリックし、Twitterの公式パブリッシュサイトを開きます。

http://publish.twitter.com/

最初は英語ですが、日本語に翻訳できます。

何を埋め込みたいですか?

この下の空白に、ご自身のツイッターのURLまたは@以降の部分を入力し、矢印をクリックします。

次に、埋め込みタイムラインをクリックします。

そして、【カスタマイズオプションを設定する】をクリックします。

ここで色々な設定ができます。

当サイトは高さの設定だけしていますが、他の項目は触っていません。

更新をクリックします。

更新の下にプレビュー画面が出てきますので、幅や高さの調節がしやすくなっています。

更新をクリックしますと、先ほどの画面に戻ります。

【カスタマイズオプションの設定】の下にTwitterのコードが出てきますので、そのコードをコピーします。

Twitterの方の作業はこれで終了です。

意外と簡単でしたね💦

Twitterタイムラインをサイドバーへ設置する方法

次にWordPressのダッシュボードから、【外観】→【ウィジェット】をクリックします。

利用できるウィジェットの画面が開きます。

①【STINGERカスタムHTML 】をクリックします。

②上から2番目のサイドバーウィジェットを選びます。

③ウィジェットを追加をクリックします。

そうしますと、真ん中あたりにある【サイドバーウィジェット】の中に先ほど作ったカスタムHTMLが挿入されています。

そこの内容欄に先ほどコピーしておいたTwitterコードを貼り付けます。

当サイトはタイトルを表示していませんが、Twitter等のお好きなタイトルを表示させる事も出来ます。

最後に保存をクリックします。

これで当サイトにもTwitterのタイムラインを埋め込むことが出来ました✨

想像していたより簡単でした。

まとめ

メリットとしては、Twitterのタイムラインをサイトに掲載させると管理人の普段の人となりをわかって頂けることもあります。

普段のありのままの考えやこの苦しい世の中をどう生き抜いていくのか、そう言う発信もしていくことがあるかもしれません。

また、わざわざサイトに足を運んで頂いた方とのコミュニケーションも取れやすくなります。

一方でデメリットとしては、ツイートができない時もあるので、できない期間が長くなるとブログを辞めたのかなと思われることもあるかと思います。

そしてサイトが重くなる、表示速度が遅くなるとの声もあります。

今の所、当サイトではあまり気になりませんが、もしかしたら埋め込みの解除もあるかもしれませんね。

この記事がブログにTwitterのタイムラインを 埋め込みたい方のお役に立てると嬉しいです。

最後までお読み頂きまして、ありがとうございました。

  • この記事を書いた人
  • 最新記事

りおん

◆北海道在住の会社員【りおん】と申します。 ◆至って普通の経理課OLです。 ◆令和11年までに完全リタイアするため、副業としてブログを始めました。 ◆初心者が果たしてブログを副業とするほど本当に稼げるのか実際に試しながら歩いて行こうと思っています。 ◆一緒に頑張ろ(*'▽') ◆2022.7.7 GoogleAdSense合格♥ ◆2022.10.24 FP3級合格

-AFFINGER6