読者です 読者をやめる 読者になる 読者になる

ビジョンミッション成長ブログ

ビジネス書や仕事術、iPhone、iPad、Mac、Apple Watch、Android、Xperiaの情報などを紹介。ビジョンやミッションを持って成長していくために参考になることを書いています。

Instagramの写真・投稿をブログに貼る方法。Facebook、Twitterの方法も

ブログ運営・はてなブログカスタマイズ

Instagramの写真をブログに貼りたい。そういうこともあるでしょう。

ということで、Instagramの写真をブログに貼る方法について書いておきます。

ちなみに、Instagramのバッジをブログに貼る方法は以下です。

Instagramのバッジをブログに貼る方法。はてなブログとの連携方法

また、FacebookやTwitterの写真や投稿をブログに貼る方法も書いておこうと思います。

はてなブログだと、連携しておけば、投稿の右側からInstagramとTwitterは、貼り付けることができますね。また、Google PhotoやFlickrもできますね。

ここでは、はてなブログではなくて、一般的に写真や投稿をブログに貼る方法を書いておきます。

ブログの更新情報などを投稿しているので、よければフォローやいいね!などをして下さい。 

Instagram

Instagram、Facebook、Twitterの写真・投稿をブログに貼る方法

Instagramの写真・投稿をブログに貼る方法

まずは、Instagramの写真をブログに貼る方法です。

1.Instagramのウェブでログインします。

Instagram

2.ブログに貼りたい写真・投稿を選択します。

3.「埋め込み」からコードをコピーします。

写真・投稿の右下にある「・・・」を押すと、「埋め込み・キャンセル」が押せるようになるので、「埋め込み」を押します。

そして、表示されるコードをコピーします。

Instagram埋め込み

4.ブログの「HTML編集」にコードをペーストします。

コピーしたコードを、HTML編集で、ブログにペーストします。

完成。うまくいくと以下のように表示されるはずです。コードの中にある「max-width」を調整すると、最大の表示幅を変えられます。以下のは、358pxにしています。

Facebookの投稿をブログに貼る方法

次は、Facebookの投稿をブログに貼る方法です

1.まずは、Facebookでログインします。

Facebook - フェイスブック - ログイン (日本語)

2.ブログに貼りたい投稿の右上の「▼」を押す

自分のページとニュースフィードに表示されている場合で、若干異なります。いずれも、「埋め込み」というものを探します。

まずは、ページや自分の投稿の場合。

「▼」を押します。

Facebook「埋め込み」

「埋め込み」を押します。

iPhone 6s Plusのレビュー。iPhone 6、iPad miniなどとの比較

以下はニュースフィードの場合。

Facebook「埋め込み」

「その他のオプション」というのがあるので、それを押し「埋め込み」を押す。

いずれも、「埋め込み」というボタンを探して押すということです。

3.投稿を埋め込むで、表示されるコードを選択してコピーします

Facebookコード

表示されるコードを選択して、コピーします。 

4.コードを、HTML編集でペーストします

コピーしたコードを、ブログのHTML編集でペーストします。 

完成。以下のような感じで、表示されるはずです。

(どうも横幅は350px以下では表示できないようなので、スマホ表示だと横が切れてしまうかもしれませんね。) 

Twitterの投稿をブログに貼る方法

1.まずは、Twitterにログインします

Twitter

2.ブログに貼りたい投稿の右下のその他「・・・」を押します

ブログに貼りたい投稿の右下にある、「・・・」を押します。

Twitterその他

そうすると、「ツイートをサイトに埋め込む」が表示されるので、押します。

3.表示されるコードをコピーします

表示されるコードをコピーします。

Twitterコード

4.ブログの「HTML編集」で、コピーしたコードをペーストします

ブログの「HTML編集」で、コピーしたコードをペーストすれば、完成です。

以下のように表示されるはずです。

 

まとめ:Instagram、Facebook、Twitterの写真・投稿をブログに貼る方法

Wordpressやはてなブログでは、リンクを貼るだけでTwitterの投稿を表示させたりできますね。 他のサービスだと、どうでしょうか。

基本的には、写真や投稿のコードをコピーして、ブログにHTMLで貼り付ける。こういうふうにすれば、ブログに貼り付けることができます。

結構手間がかかって面倒だったりしますね。このあたりは、はてなブログは楽にできるようになっています。Wordpressも比較的楽なほうでしょうか。アメブロだとちょっと面倒でしょうか。

ブログサービスでも、このあたりは違っていて、使い勝手、更新のしやすさに関係していますね。

ブログの更新情報などを投稿しているので、フォローして下さい。