【Simplicity2】Instagramの写真を直接、投稿へ埋め込む。プラグインは不要。

 

これはなかなか良い仕組みかと思います。私の写真より、もっとセンスの良い、イメージに合う写真をお借りする方法です。

Simplicity2にて、Instagramの写真を直接投稿へ埋め込むためには、ソースコードに多少の改良が必要になります。

 

 

 

それでは、作成方法です。Mac OSX El Capitanを使っています。

1.Instagramの本サイトから目的の写真を選ぶ。

Instagramの本サイトから目的の写真に辿り着くと、右下に三つの点が並んでいるところがあります。ここをクリックすると、埋め込みコードを取得することができます。

 

スクリーンショット 2016-03-26 17.00.51

 

2.埋め込みコードをコピー。

緑色のバーをクリックしても、うまくコピーされない時は、その上にあるコード自体をコピーします。私は、「キャプションを追加」のクリックを外します。

 

スクリーンショット 2016-03-26 17.01.35

 

3.投稿→ツール→<>ソースコードを選ぶ。

ソースコードへペーストします。

 

スクリーンショット 2016-03-26 17.02.39

 

4.埋め込みコードの前後2か所へ改行コード <p></p>  を書き込む。

これにより、Instagramの写真の上段および下段へ、文章を書き込めるようになります。

なお、表示する横幅は、max-width:658px、を例えば、300px、へと変更出来ます。

 

スクリーンショット 2016-03-26 20.46.38

 

以上です。

 

 

↑広告-Google AdSense-