エフィシェント:記事の画像をカッコよく魅せる方法

ららです。
 

ららのブログ記事を読んでいて、
こんなこと思ったことはないですか?
 

(・o・) 画像をクリックすると、画像がビヨ~ンとアップになる。
    これって、どうやったらできるんだろう~??


 

ビヨ~ンとアップとは、これのことです。

↑この画像をクリックしてみてください。
 

ね、ビヨ~ンとアップになったでしょ?
 

ふつうだったら、こんなふうに表示されるだけですよね。
→ ここをクリック

 

これのやり方なんですけど、
Lightbox Plus というプラグインを使ってます。
 

こちらの記事を参考にして、インストールしてください。
→ プラグインのインストール方法

 

で、ですね。
 

これは、エフィシエントでしか確認していないのですが、
インストールしたとたんに、もう使えちゃいます。
 

そう、ビヨ~ンてなるんです。
あなたがもしエフィシエントならば、やってみてください^^
 

あ、画像を入れるときには、
ここにURLを入れるのを忘れないでくださいね。


※この画像もビヨ~ンてなります

 

ただ、ひとつだけ気になる点が。
 

ビヨ~ンとなったときに、
ファイル名が表示されちゃうんですよね。
ちょっとこれはかっこ悪い。
 

これを消すには、ここから設定してください。

 

 

これで、ビヨ~ンとなるはずですが、
設定をいろいろ試してみると、
また違ったパターンが楽しめるかもしれません。

 

 

調べてみたところ、
実は、このLightbox Plusは、
いろいろと設定が必要なんだそうです。
 

エフィシエントではなぜか、
ほとんど設定なしで動いてしまいましたが、
ほかのテンプレートでは
設定が必要かもしれません。

この記事を読んだあなたには、こちらの記事もオススメです☆

 

ららの無料レポート

無料オファー攻略レポプレゼント

ららサポート

 

最近のららのお気に入り♪画像はここからお借りしてます

 




最後まで読んでいただき、ありがとうございました。
このブログを「いいな」と思ったら、
下の白いボタンを、1回クリックしてくださいね。
ららに一票入って、人気ブログランキングに飛びます
↓ ↓ ↓

ありがとうございます☆ あなたの1票が、励みになってます^^

 

この記事はいかがでしたか?
ららは、あなたのお役にたてる記事の配信を心がけています。
「こんな記事を書いてほしい」「聞いてみたいことがある」
そんな場合は、こちらからいつでもメールを送ってください。
>>ららにメールを送る

 

 

10 Responses to “エフィシェント:記事の画像をカッコよく魅せる方法”

  1. HIRO より:

    ららさん

    こんばんわ、HIROです。
    お世話なってます。

    ビヨーン!!!いいですね(笑)

    おもしろい♪

    これプラグインなんですね★
    ついついクリックしたくなりますね(*^^)v

    応援させて頂きます。

    HIRO

    • らら より:

      HIROさん
      ご訪問&コメントありがとうございます。
      画像の拡大も、このくらいスマートにできると、
      とっても嬉しいですよね^^
      気が向いたら使ってみてくださいね。
      応援ありがとうございました。

  2. パワーブログアフィリエイト@パワブロ より:

    ららさん

    こんにちは、パワブロです。

    どこかのJavaScript素材を使っているのかな~と
    思っていたら、プラグインだったんですね。

    このびよ~んは面白いですよね(笑)

    視覚的な差別化にもなりますし、
    他のテンプレートでも使えないか、実験してみます( ´∀`)

    応援クリック!

    • らら より:

      パワブロさん
      ご訪問&コメントありがとうございます。
      キラーテンプレート2のブログで試したところ、
      エフィシエントのようにすぐには動きませんでした。
      成功したらおしえてくださいね^^
      応援ありがとうございました。

  3. 藤田 より:

    ららさん こんにちは

    面白いプログラムですね。
    こんなのがあると読者退屈しないかもしれません。

    自分のブログは、NucleusCMSなので、そのプラグインは
    使えないので、自作して組み込むしかないですね。
    JavaScriptで作成してみます。

    応援します。

    • らら より:

      藤田さん
      こんにちは。ご訪問ありがとうございます。
      プラグインを自作できるんですか。
      すごいですね!
      私は既存のものを使うだけなので、
      設定などがわからないと、もうお手上げです^^;
      これからもよろしくお願いいたします。

  4. おりべ@シニア世代の元気アフィリエイター より:

    ららさん

    初めまして、こんばんは
    おりべと申します

    ビヨ~ンとアップで出てきた画像、
    コーヒーのアートなんでしょうか

    それとも画像加工?
    とても気になりました^^

    いずれにしても素敵ですね

    ビヨ~ンの方もインパクトがありますね
    思わず“おお~!”とうなりました

    Lightbox Plusで探すとSeeSaaでも使えるようなので
    一度やってみたいと思います

    無料プレゼントもいただきました
    ありがとうございました

    応援させていただきます☆ポチ!

    • らら より:

      おりべさん
      はじめまして。ご訪問ありがとうございます。
      画像は、私が加工したものではなく、
      そんなふうに加工してくれるサイトを利用しました。
      サイトのURLは…え~~っと、思い出して記事にしますね。
      これからもよろしくお願いいたします^^

  5. Google Analyticsを設置@インフォG より:

    こんにちは、インフォGです。

    ポップアップのプラグインの紹介ありがとうございます。
    実はこのプラグイン探していたんですよね。

    早速、インストールしてみたいと思います。
    今後も宜しくお願いします。

    応援ポッチっと!

    • らら より:

      インフォGさん
      ご訪問&コメントありがとうございます。
      ちょうどお探しだったんですね、良かったです^^
      このプラグインでずいぶん印象変わりますよね。
      こちらこそ、よろしくお願いいたします^^

コメントを残す

サブコンテンツ

このページの先頭へ