この記事は、
はてなブログの記事やサイドバーに
- X(Twitter)のポストを埋め込む方法
- タイムラインを埋め込む方法
を自分用の備忘録も兼ねて、記録しておきたいと思います。
初心者の方にもわかりやすく画像付きで手順を書いておりますので、埋め込む方法がわからないという方の参考になれば幸いです。
X(Twitter)の埋め込み方。
記事にポスト(ツイート)を埋め込む
まずはブログの記事に
▼このようにポストを埋め込む方法です。
今やりたいこと。
— ねぎ@HSP (@negimaguro15) July 27, 2023
1⃣本を沢山読みたい
2⃣図書館でカードを作る
3⃣頭の中のモヤモヤをアウトプットしたい
4⃣ピクミン4となつもん
8月から本気出す!(^^)
X(Twitter)の埋め込みたいポストの右上の「…」をクリックします。
ポストを埋め込むをクリックします。
「コードをコピーする」をクリックします。※コピー完了画面が出ずに画面が真っ白になることもありますが、コピーは出来ているので気にせず次に進みます。
ブログ記事のポストを埋め込みたい場所に「HTML編集」にしてからコードを貼り付けます。
以上です。
埋め込み完了!
今やりたいこと。
— ねぎ@HSP (@negimaguro15) July 27, 2023
1⃣本を沢山読みたい
2⃣図書館でカードを作る
3⃣頭の中のモヤモヤをアウトプットしたい
4⃣ピクミン4となつもん
8月から本気出す!(^^)
埋め込みました!
サイドバーにタイムラインを表示する
続いて、▼このようなタイムラインを表示するやり方です。
「埋め込みタイムライン」をクリックします。
「カスタマイズオプションを設定をする」をクリック。
表示したい大きさ、白か黒、言語を選べます。
サイドバーに入れたい場合は300ぐらいがちょうどいいかも。
お好みのサイズに設定したら「アップデート」をクリックします。
そして、「コードをコピーする」をクリックします。※コピー完了画面が出ずに画面が真っ白になることもありますが、コピーは出来ているので気にせず次に進みます。
はてなブログ管理画面の デザイン> カスタマイズ> サイドバーの、「モジュールを追加」をクリックします。
最後に「変更を保存」します。
以上です。
埋め込み完了!
サイドバーに表示されました!
まとめ
というわけで、
最近いろいろと変化しているX(Twitter)さんですが、こういった埋め込みも急にできなくなっちゃったりするのかな?^^;
変化があったら分かる範囲でなるべく修正していきますね。
最後までお読み下さり、
有難うございましたm(_ _*)m
20230729@negi.