【5分で終わる作業が2時間もかかってしまった・・・】
インスタグラム始めました。
いきなり何やっているんですか?おがみさん。
30歳過ぎて、インスタグラムかよ。
まあまあ、そう言わず聞いて下さいよ。
なんでインスタグラムなんて、始めたかというと
・写真のアップロードの手間を省くため。
・最近流行っているから。
iphoneで撮った写真をブログで使うのが、スゴイ大変なんですよ。
・iphoneで写真を撮る。
・ブログで使う写真を複数選択
・メールに添付してgmailで送る。
・PCでgmailを開いて、画像をダウンロード
・ダウンロードした写真を、ワードプレス(ブログ)にアップロード
・なぜか90度傾いてしまうので、修正・・・
・ようやくブログに張り付ける
めんどくさい・・・
めんどくさすぎて、iphoneに写真が、残ったままなんです・・・
以前ワンフェスで撮った動画を、youtubeにアップロードして、そのまま貼りつけられたのが
便利だったので、同じような事が、できないかなーと考えていました。
そして、最近画像SNSの「インスタグラム」が流行っているので
youtubeの様にできるでしょ、ってことで調べた結果、なんとかできそうでした。
ということで、インスタグラムで、アップロードした写真を
ワードプレスに、張り付ける方法を乗せていきます。
【おおまかな手順】
※すでに写真がインスタグラムでアップロード済が前提です。
また、iphoneでの手順になります。
1、アカウントが「公開」設定になっているか確認。
2、ワードプレスに張り付ける埋め込み用コードを取得
3、ワードプレスに張り付ける
では、さっそく細かい手順を、見ていきましょう。
1、アカウントが「公開」設定になっているか確認。
これを忘れていると、手順2の埋め込み用コードを、取得できません。
おがみは、いくら検索しても「埋め込み用コードが取得できないよ・・・」で
数時間悩んでいました。_| ̄|○
・iphoneで「instagram(インスタグラム)」アプリを起動します。
・右下の「アカウント設定」をタップします。(人のマークのやつです)
![インスタグラム1](https://ogami110.com/wp-content/uploads/2016/02/ca45dbdf2d5e53b1bfea76943938cf53.jpg)
・「非公式アカウント」がOFFになっている事を確認します。
初期設定では、元々OFFになっているんですが
おがみは、ここがONになっていていました・・・
アカウント作成当時は、インスタグラムを活用するとは、思っていたかったので
非公開にしていたのを忘れていました。
![インスタグラム2](https://ogami110.com/wp-content/uploads/2016/02/5db62a34dc884fd54262fbfdc3442fdd.jpg)
ということで、ここが一番重要な手順です、これが解決できれば5分で終わります。
2、ワードプレスに張り付ける埋め込み用コードを取得
・PCで、インスタグラムにログインします。
![インスタグラム3](https://ogami110.com/wp-content/uploads/2016/02/4847ed4196b08312a31a64b0501c9468.jpg)
・アップロードしたい写真(天使のチノちゃん)の右下にある「・・・」を押します。
※ここで手順1で確認した、アカウントが非公開になっていると、表示されません。
おがみは「なんで・・・が表示されないんだー!!!」
と2時間悩み、解決方法をひたすら調べてました。
![インスタグラム4](https://ogami110.com/wp-content/uploads/2016/02/e71a0cc45d357d2c5645f6b6eaeb8425.jpg)
・「埋め込み」ボタンを押します。
![インスタグラム5](https://ogami110.com/wp-content/uploads/2016/02/1640bdf54e32de5ed857de1ee249a378.jpg)
・埋め込み用のコードが表示されるので「埋め込みコードをコピー」を押します。
※コードというのは、<bloc・・・のよくわからない英語のことです。
![インスタグラム6](https://ogami110.com/wp-content/uploads/2016/02/fc7925afa768575ec324ab9c337c2dfa.jpg)
・一旦メモ帳に張り付けます。
※慣れてくれば、メモ帳へコピーせずに、そのままワードプレスの
「テキスト」モードに切り替えて、ブログに張り付けてOKです。
![インスタグラム7](https://ogami110.com/wp-content/uploads/2016/02/133a3dc5a5e58be72cf7a17b087a412e.jpg)
ここまでくればあと少し。
3、ワードプレスに張り付ける
・ワードプレスにログインして、作成する記事を開きます。
・記事を書く画面の右上にある「テキスト」を押します。
![インスタグラム8](https://ogami110.com/wp-content/uploads/2016/02/2b6c55d9c411576a78c3f00661e288bd.jpg)
・そうすると、謎の英語がいっぱい書かれた、プログラムのような画面に切り替わります。
正直、プログラム(正確にはコード)がわからないと
どこに画像を張り付けていいか、わからない思いますが、何度も練習して覚えましょう。
![インスタグラム9](https://ogami110.com/wp-content/uploads/2016/02/050311cf0c1dbb3dcbda9cdd988ece16.jpg)
・先ほどメモ帳に張り付けた、インスタグラム用のコードをコピーします。
![インスタグラム10](https://ogami110.com/wp-content/uploads/2016/02/19edcaf28e4909441d5ea57a2e641a82.jpg)
・画像を張り付けたい位置に、インスタグラム用のコードを張り付けます。
(コードが長いこと長いこと)
![インスタグラム12](https://ogami110.com/wp-content/uploads/2016/02/247937bcba3eaf5413db7d4aea212311.jpg)
・ここで、「ビジュアル」ボタンを押して、いつもの編集画面に戻します。
![インスタグラム13](https://ogami110.com/wp-content/uploads/2016/02/47e265c45e99bafed5bf529660073276.jpg)
・すると、インスタグラムっぽい画面が表示されます。
※画像は表示されていませんが、大丈夫です。
![インスタグラム14](https://ogami110.com/wp-content/uploads/2016/02/0ef5d59f8aaa5692ef02860f86b99fe6.jpg)
・ここで、「プレビュー」ボタンを押してみましょう。
![インスタグラム15](https://ogami110.com/wp-content/uploads/2016/02/9a7046a446167bca5e31c8f0ab184a10.jpg)
手でハートマークを作った天使チノちゃんが現れましたーーーーーーー
-----デカっ!
●インスタグラムの画像をこの下に張り付けたい。
以上でインスタグラムの画像を、ワードプレス(ブログ)に貼りつける方法でした。
ちなみに、このチノちゃんは、東京アニメセンター(秋葉原)のごちうさ展で撮影した
本日も最後まで読んで頂き、ありがとうございます。m(_ _)m
ということで、無事インスタグラムの画像を、張り付けることができました。
後は数をこなして、慣れるだけ。
その前に、インスタグラム自体に慣れないと・・・(写真アップロード、ハッシュタグなど)
あっ、そういえば、ブログのグローバルメニューに「トップページ」を
追加するのにも苦労しました。どうやって解決したかを、確認したい方はこちらをどうぞ。