「Instagram貼り付けタブ」を使って投稿を埋め込む

広告

はてなブログでは Instagram の投稿を埋め込むための機能として「Instagram貼り付けタブ」タブが用意されています。「Instagram貼り付けタブ」を使用すると「はてなブログ」の記事作成画面で連携した Instagram アカウントからの投稿を簡単に記事に埋め込むことができます。ここでは「Instagram貼り付けタブ」を使って投稿を埋め込む方法について解説します。

※ 「Instagram貼り付けタブ」を使用するには「はてなブログ」と Instagram の連携を行っておく必要があります。事前に「はてなブログとInstagramを連携する」を参考に連携を行っておいてください。

Instagram貼り付けタブを使ってツイートを埋め込む手順

Instagram 貼り付けタブを使ってツイートを記事に埋め込む手順です。記事の新規作成画面で、ツイートを埋め込みたい位置にカーソルを合わせてください。

Instagram貼り付けタブを使ってツイートを埋め込む手順(1)

画面右側のタブに表示されている「追加」アイコンをクリックしてください。

Instagram貼り付けタブを使ってツイートを埋め込む手順(2)

右サイドバーに「編集サイドバー」が表示されます。

Instagram貼り付けタブを使ってツイートを埋め込む手順(3)

「Instagram貼り付け」をクリックしてください。

Instagram貼り付けタブを使ってツイートを埋め込む手順(4)

右サイドバーに「Instagram貼り付け」タブが表示されます。連携している Instagram アカウントから投稿されたものがサイドバーに一覧で表示されます。

Instagram貼り付けタブを使ってツイートを埋め込む手順(5)

貼り付けたい投稿をクリックして選択してください。

Instagram貼り付けタブを使ってツイートを埋め込む手順(6)

選択が終わりましたらサイドバー下部の「選択したアイテムを貼り付け」をクリックしてください。

Instagram貼り付けタブを使ってツイートを埋め込む手順(7)

記事本文のカーソルがあったところに次のように画像が挿入されました。

Instagram貼り付けタブを使ってツイートを埋め込む手順(8)

記事を投稿して公開してみると、次のようにツイートが記事の中で表示されました。

Instagram貼り付けタブを使ってツイートを埋め込む手順(9)

Instagram貼り付けタブを簡単に呼び出せるように設定する

Instagram 貼り付けタブを頻繁に使用する場合は、タブに「Instagram 貼り付け」を簡単に呼び出せるアイコンを表示させることができます。画面右側のタブに表示されている「追加」アイコンをクリックしてください。

Instagram貼り付けタブを簡単に呼び出せるように設定する(1)

右サイドバーに「編集サイドバー」が表示されます。

Instagram貼り付けタブを簡単に呼び出せるように設定する(2)

「Instagram貼り付け」がデフォルトではタブに追加されていないので、クリックしてタブに追加してください。

Instagram貼り付けタブを簡単に呼び出せるように設定する(3)

タブに「Instagram貼り付け」アイコンが表示されるようになりました。

Instagram貼り付けタブを簡単に呼び出せるように設定する(4)

「Instagram貼り付け」タブを使用する場合は、このアイコンをクリックするとすぐに右サイドバーに表示されるようになります。

Instagram貼り付けタブを簡単に呼び出せるように設定する(5)

-- --

「Instagram貼り付けタブ」を使って投稿を埋め込む方法について解説しました。

( Written by Tatsuo Ikura+ )

関連記事 (一部広告含む)
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。