あ〜るぐれいはいかが?

あ〜るぐれいはいかが?

理科系雑記ブログ。潰瘍性大腸炎やその他健康、生物(昆虫など)、音楽、ブログ運営など。 くつろぎと思索のひとときを。

はてなブログで記事内にツイートを埋め込みたい!画像付きでわかりやすく紹介

 

f:id:rgrey:20191102141314j:plain

✔️はてなブログで記事内にツイートを埋め込みたい!

 

という方向けの記事です。

 

当てはまる方は読み進めていきましょう!

 

 

はてなブログで記事内にツイートを埋め込むのは意外と簡単です(`・∀・´)

 

では早速、手順を説明していきましょう!

 

www.rgreyikg.com

 

はてなブログで記事内にツイートを埋め込む手順

ツイッターアプリ上での作業

 

まず、ツイッターアプリで埋め込みたいツイートを表示させましょう。自分のアカウントのツイートでも、他人のアカウントのツイートでもOKです。

f:id:rgrey:20191102131625j:plain

 

 

ツイートをタッチすると、そのツイートの詳細画面が表示されます。

 

右下の赤で囲った部分をタッチしてください。

f:id:rgrey:20191102131659j:plain

 

 

「その他の方法でツイートを共有」を選択します。

f:id:rgrey:20191102131858j:plain

 

 

「リンクをコピー」を選択します。

f:id:rgrey:20191102132020j:plain

はてなブログ内での作業

 

次は、はてなブログ内での作業になります。

 

はてなブログでブログ記事の編集画面を開きましょう。

f:id:rgrey:20191102132411j:plain

 

 

「HTML編集」モードにします。

f:id:rgrey:20191102132449j:plain

 

 

先ほどコピーしたツイートのリンクを、埋め込みたい部分にペーストします。

f:id:rgrey:20191102132526j:plain

 

 

URLの前後に簡単なコードを打ち込み、[ツイートのURL:embed]という形にします。

 

下記をコピペしましょう。


[
:embed]

 

f:id:rgrey:20191102132646j:plain

 

 

以上ッ!!!

 

念のために、プレビューで確認しましょう。

f:id:rgrey:20191102132830p:plain

 

このようになっていればOKです。

 

お疲れ様でした!^ ^

~おすすめ記事一覧~

 

【ブログ運営】

f:id:rgrey:20200511172144j:plain f:id:rgrey:20200519211202p:plain

 

 

【健康】

 f:id:rgrey:20200127195845j:plain f:id:rgrey:20200128181907j:plain

 

 

 

 【ハーブティー】

 

f:id:rgrey:20200127195815j:plain 

 

 

 

【音楽】

f:id:rgrey:20200226114853j:plain 

 

  

 

【アニメ】

f:id:rgrey:20200313143339p:plain f:id:rgrey:20200128182722j:plain

 

 

 

 

 

 
 
 
 
 

~新着記事一覧~