ワードプレスの記事にインスタ画像を埋め込む方法!便利な検索方法も!

WRITER
 
この記事を書いている人 - WRITER -
こんにちはNAHOです。 自分で選択できる人生を歩みたい、家族や大好きな人たちと豊かに暮らしたい。 そう思った私は、ネットビジネスの道へと歩み始めます。
詳しいプロフィールはこちら

「インスタ映え」なんて言葉が出てきたくらい、今では日常になっているInstagram。

様々な写真を見ているだけでも飽きないですよね。

そんなインスタをワードプレスの記事に埋め込む方法、そして便利な検索方法を紹介します!

 

ワードプレスにインスタを埋め込む方法

ワードプレスにインスタを埋め込む方法は2つあります。

  • URLをコピペする(簡単)
  • 埋め込みコードを取得する(カスタマイズできる)

です。

それぞれ解説していきますね!

 

URLをコピペする

こちらはワードプレス限定の方法になりますが、簡単にインスタを埋め込むことが出来ます。

埋め込みたいインスタ投稿の右下にある「・・・」をクリックします。

 

するとポップアップメニューが表示されるので、「リンクをコピー」をクリックします。

すると「リンクがクリップボードにコピーされました」と表示され、リンクがコピーされます。

それを記事投稿画面に貼り付けます。

「ビジュアル」モードでも「テキスト」モードでもどちらでもOKです。

プレビューで表示するとインスタが埋め込まれているはずです。

埋め込みコードを取得する

これはワードプレスだけでなく、一般的に使える方法です。

そして、埋め込みコードを使うと、埋め込むインスタの大きさなどカスタマイズできます。

 

時々、大きすぎる!と思う画像があったりしますよね。

そういった場合に表示する大きさを調整するのに、埋め込みコードを使うと便利です。

また、コメントなどを表示したくない場合がありますよね。

その場合も、埋め込みコードを使うと、画像だけ表示することが出来るんです。

 

埋め込みたいインスタ投稿の右下にある「・・・」をクリックします。

 

するとポップアップメニューが表示されるので、「埋め込み」をクリックします。

 

すると、埋め込みコードが表示されるので、「埋め込みコードをコピー」をクリックして、コードをコピーします。

コメントなどの文字を表示させたくない場合は、「キャプションを追加」のチェックボックスをオフにします。

 

記事投稿画面の「テキスト」モードのエディタに貼り付けます。

 

プレビューを表示すると、以下のようにインスタが埋め込まれているはずです。

 

けれどちょっと大きいですよね(笑)。

先ほどもちらっと書きましたが、埋め込みコードを利用すると、カスタマイズが出来ます。

なので大きさも変更出来るんですね。

 

埋め込みコードの「max-width:」を探します

max-width:540px」とありますね。

この数字を変更すると、大きさが変わります。

例えば、「max-width:200px」としてみましょう。

さっきの画像と比べて小さくなりましたね。

今回は「px」(ピクセル)で指定しましたが、「%」(パーセント)での指定も可能です。

このような感じ「max-width:30%」で指定します。

「%」は画面サイズの何%かを意味します。

大きさを調整したい場合は是非使ってみてくださいね。

 

インスタ画像の便利な検索方法

インスタには沢山の画像が投稿されていて、見ているだけでも楽しいですよね。

そんなインスタ画像を検索する方法を紹介します!

 

検索文字を入力して検索

画面上部(スマホでは画面下部)にある検索窓に探したい画像のキーワードを入力します。

すると以下のように候補が表示されます。

「#絶景カフェ」などのように「#」がついたものは「タグ」と呼ばれ、そのタグがついた画像が検索されます。

「#」がついていないものは、インスタのユーザーです。

自己紹介などに検索キーワードがある場合などに表示されます。

表示された候補の中から選択するとそのタグがついているもの、もしくはユーザーの画像が表示されます。

 

Twitterのように複数のキーワードでの検索が出来ないのは残念ですが、沢山の画像の中から欲しいものを探す時に便利なので是非使ってみてくださいね。

 

まとめ

ワードプレスでインスタの画像を埋め込む方法と便利な検索方法を紹介しました。

他にも便利な機能があったら紹介しますね!

 

この記事を書いている人 - WRITER -
こんにちはNAHOです。 自分で選択できる人生を歩みたい、家族や大好きな人たちと豊かに暮らしたい。 そう思った私は、ネットビジネスの道へと歩み始めます。
詳しいプロフィールはこちら

- Comments -

メールアドレスが公開されることはありません。

Copyright© トラベラーズサロン , 2018 All Rights Reserved.