WordPress

何かと話題のInstagramのかわいい写真を、ホームページに表示するためのプラグイン2つ紹介 (for WordPress)

投稿日:

みなさんインスタグラムっていますか?
もはやFacebookや、Twitterなみに流行っていますね。このマークのこれです。
instagram
 
流行った原因は、モデルやアイドルといった女の子に影響力のある人たちが始めたからでしょうか。決しておじさん、おばさんのツールとして流行りだしたわけでは無さそうです。 でもやっぱりオシャレ! な感じが流行った原因でしょうか。撮影した写真がその場で綺麗に加工されて、自分でも嬉しいし、人にも見てもらえるし! シンプルでお洒落! これが流行った一番の原因かもですね。
さすがブランディングにはぬかりのない外資系やアパレルはみんなやっています!
スタバのインスタGUのインスタKate SpadeKate Spade Sunday
 
もちろんその他の有名人もやっていますよ〜。
インスタグラム、どんな人がやってるんでしょうね。ちょっと見てみましょう!
 

Gleeに出ている人たちのインスタグラム

ディアナ・アグロン(チアリーダーのクイン)のInstagram
リア・ミシェル(主人公 のレイチェル)のInstagram
ヘザー・モリス(ブリトニー・S・ピアーズ)のInstagram
ヘザー・モリスは結婚したばかりで、妊娠もわかり、幸せいっぱいですね! おめでとう!!
 
カートと、エマ(シュースター先生の彼女)のも探したのですが、本人はInstagramやっていなさそう。
実はシーズン3以降、フィンがいなくなってからGleeみていないのですが、でもGlee最高!
やばい! WordPressのプラグインの話でした。
 

Instagram Feed は写真を大きくいっぱい見せるワードプレスのプラグインです。

Instagram feed は、ワードプレスのインスタグラム用プラグインで、ページ全体に写真をアルバムのように表示するのが得意です。
こんなかんじです。 Instagram Feedで表示したページ
instagramfeed
 
こんなかんじのが実に簡単にできます。

Instagram feedの使い方

まずはプラグインの導入です。
ワードプレスにプラグインをインストールしたことのない方は、こちらのページを参考にしてみてください。
WordPressプラグインのインストール方法
プラグインを検索するときに Instagram feed と入れてもらえればすぐにでてきます。
インストールをすると、ダッシュボードにInstagram Feed というメニューが追加されているのが分かるかと思います。
nstagram feed
 
早速クリックすると、こんな画面がでてきます。
英語です。
英語がわかったとしても、見慣れない単語が並びます。
nstagram feed
 
そうしたら青いこのボタンを押します。
nstagram feed
 
するとなにかよくわからない文字列が表示されるはずです。そして自動的に下の空欄に入っているのではないでしょうか。この辺、意味はわからなくて良くて、とにかく簡単に先へ進むと思います。
nstagram feed
 
 
次にやるのはこれ。ページを下にスクロールします。
こういった画面が出てくると重います。左の赤い丸の中野文字をコピーして、Instagramの写真を表示させたいページにぺたっと貼り付けます。左の赤い丸の部分ですね。 右側のオレンジは、値を入れてカスタマイズする部分です。これはとりあえず無視して平気です。
[instagram-feed]
 
 
こんな感じでただ貼り付けます。
instagram feed
 
するとインスタグラムの写真が表示されているというわけです。
Instagram Feedで表示したページ
 
設定は他にもありますが、写真の幅や写真と写真の間の隙間を変更したりできます。
この辺、色々値を変えて実験してみてください。
写真の表示枚数は最大33となっていますが、10枚とかその辺りが妥当かもしれませんね。そのかわり、more というボタンで、その先を見ることができます。
とりあえず簡単にInstagramの写真を表示させることが出来ました。
気になったら是非使ってみてください。
 

Instagram Sidebar Widget は、ページのサイドに写真スライドショーを表示できるワードプレスのプラグインです

次に紹介するのは、Instagramの写真をサイドに表示するプラグインです。 プラグイン紹介のページからしてオシャレなのは気のせい?
 
instagram slide widget
 
なんか紹介ページだけで、こっちのが使う気満々になるから不思議です。
Instagram Sidebar Widget
プラグインの追加は、↑をクリックするよりも、
ワードプレスのプラグインメニューから追加したほうが良いです。
ワードプレスのプラグインの追加のやり方はこのページが分かりやすいです。
ロリポのワードプレス、プラグイン追加の仕方
 
で、さっそく使ってみました。
いいですね〜。

Instagram Slide Widgetの使い方

実に簡単です。
InstagramをBlogやホームページで表示したいのなら、これ一択じゃないでしょうか。ってくらいいいです。
実際のところ一番オシャレなのは、Instagramのホーム画面ではあるのですが、とりあえずお洒落なブログパーツ的でいいと思ういますよ。
プラグインのインストールはさっきリンクを貼りました。同じ容量で Instagram Slide Widgetをインストールしてみてください。
今度はメニュー画面に出てきません。
ワードプレスのダッシュボードから、 外観 ー> ウィジット です。
すると、下の画像のような感じで、Instagram Slider というボタンがあります。
で、左の◯を、右の□へ、ドラッグ&ドロップしてみてください。
簡単に移動できるはずです。
instagram slider
 
 
そうしたら、右側に移動させた Instagram Slider の右の小さな三角をクリックします。
設定画面がでてきますよ!
Instagram Username:
という項目があります。 私のインスタグラムのアカウントが hibachiya なので hibachiya になっています。皆さんのアカウント名を入れてくださいね。
その下の Images Layout は、写真のレイアウトです。 アルバムっぽくサムネイルもできるし、文字を画像の上にのせることもできます。設定が終わったら最後にかならず「保存」ボタンを押してくださいね。では見てみましょう。
instagram slider
 
 
するとあら不思議。
ブログでも固定ページでも、サイドにインスタグラムの可愛いスライドショーがちんまりしております。
ちんまりっていうよりは存在感ありますかね。
まあ、ページによって表示したくないなどの場合は、ワードプレスの中をイジる必要がありますが、その時は質問してください。
 
これでまたドンドンお洒落な写真をアップしたくなっちゃいますね!
 

 追記:インスパイヤーされること間違い無しのサジロカフェのインスタグラムを紹介

西荻・吉祥寺・軽井沢 にある サジロカフェのインスタグラム、是非見てください。あまりに美しくてアートで。
カレーは最高に美味しく、チーズナンなどは想像を絶する旨さ。
最初は西荻と吉祥寺の間、五日市街道沿いに出来ました。僕はバングラディッシュ人の家に入り浸っていたほどカレー好き。その僕が今一番美味しいと思えるカレーがここ。そして、恵比寿のタミゼと完全に双璧をなすと思えるほどの感性をみせてくれる。
これほどインスパイヤーされるインスタグラムサイトがあるのかと思ってしまう。
フォロー数6000オーバー!
ここです。
是非見てください。
サジロカフェのインスタグラム
 

-WordPress
-, , , ,

Copyright© ヒバモン , 2018 All Rights Reserved Powered by AFFINGER5.