WordPress

画像クリックで全画面大きく表示する方法(Easy FancyBox プラグイン)@WordPress

広告:ページ内にてアフィリエイト広告を利用しています。

画像クリックで全画面に大きく表示する

記事上に配置したイメージをクリックすると、画面全体に大きく拡大して表示する方法です、

「Easy FuncyBox」プラグインを使うととっても簡単です。

記事内では小さく利用している画像でも1クリックで大きく表示できるのでユーザー(読者)にも見やすく読みやすいページになります。

おすすめ副業

\ココナラ成功パターンを詳しく見たい方は こちら をクリックしてください/

PR

クリックした画像をふわっと大きく表示するサンプル

記事上に配置したイメージをクリックすると、画面全体に大きく拡大して表示します。

画像を大きく表示するサンプル

( 本記事上のイメージも、クリックすることで画面に大きく表示しています。)

Easy FancyBox プラグインのインストールと設定

■ Step.1 プラグインをインストールする

プラグインの新規追加画面

WordPress の管理画面から、「プラグイン」→「新規追加」 で 「Easy FancyBox」を検索するとプラグインが出てきます。

Easy FancyBox プラグイン

確認してインストールし、有効化します。

■ Step.2 East Funcy Box を設定する

設定画面

WordPress の管理画面から、「設定」→「メディア」で設定画面を表示します。

大きな画面を表示するとき(消えるとき)に、フェードイン、フェードアウトさせたい場合は、「動作」設定で、トランジションイン、トランジションアウトの設定を「Elstic」から「フェード」に変更します。

ポイント

細かくいろいろな動作を設定することが可能ですが、サイト全体で統一した設定となり、イメージ個別に設定することはできません。

イメージの多くに適用してから設定を変えるとすべてに適用されてしまいますので、FasncyBox 導入時にいろいろと設定を試し、最初に設定を固めてしまうことをお勧めします。

記事内の画像を、ふわっと大きく表示させる方法

イメージをメディア設定する方法

イメージにリンクを貼る操作(リンクボタン)をクリックして、リンクではなく、「メディアファイル」を設定します。

完成です!プレビュー画面で実際の動作を確認してください。

WordPress の「ギャラリー」で利用する方法

WordPress には「ギャラリー」(画像を並べて表示する)機能があります。ギャラリーを利用した場合の、画像をふわっと大きく表示させる場合の方法です。

■ Step.1 ギャラリーを作成する

ギャラリーを作る

ブロックで「ギャラリー」を指定して、「アップロード」または「メディアライブラリ」で画像を選択します。

■ Step.2 ギャラリーにリンクで「メディアファイル」を設定します

ギャラリーのプロパティでリンク先に「メディアファイル」を設定します。

完成です!プレビュー画面で実際の動作を確認してください。

WordPress もっと!お役立ちテクニック

WordPress のお役立ちテクニックはこちら

まとめ

記事上に配置したイメージをクリックすると、画面全体に大きく拡大して表示する方法では、「Easy FuncyBox」プラグインを使うと簡単です。

ポイント

  • 「Easy FancyBox」プラグインを使うと簡単です
  • イメージに適用する場合は、リンクで「メディアファイル」を設定します
  • ギャラリーに適用する場合は、リンクで「メディアファイル」を設定します

おしゃれな記事をぜひ書いてくださいね。

40代・50代「会社員におすすめ」の在宅でできる副業5選

40代・50代「会社員におすすめ」の在宅でできる副業5選(初心者でもできる)

40代、50代だからこそ気が付く、不安に思う将来設計、しかし今から大きなチャレンジは難しい。投資もリスクが多い。いまこそやってみたいのが「副業」です。本記事では40代、50代におすすめの副業5選を紹介します。

続きを見る

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業3選

20代・30代「専業主婦におすすめ」の在宅でできる内職・副業3選(初心者でもできる)

20代、30代の主婦にとって、これからの人生設計、お金の心配は少なからずありますね。20代、30代の主婦が不安に思うお金の問題を少しでも解決するべく、初期投資が無い(または少ない)主婦におすすめの副業ができれば安心ですね。記事では、20代、30代専業主婦におすすめの副業3選を紹介します。

続きを見る

地方がチャンスのおすすめ副業を紹介!

地方で快適に暮らす!地方がチャンスのおすすめ副業を紹介!在宅でパソコンがあれば「できる」副業

都会は住みにくい!地方の方が自然もあり、ちょうど規模の街で素敵に暮らすのは人生設計として最高ですね。しかし地方は本業の給料が低いのがネック、そこで是非お勧めしたいのがインターネットでできる副業です。本記事では、地方で快適に暮らす!おすすめ副業を紹介します。ゆるーくまったり人生過ごしたいですね。

続きを見る

この副業
アフィリエイトスクール
ノートパソコン
もっと WordPress のノウハウを知りたいときは

WordPress の情報、テクニック一覧はこちらをクリック!

クリックアイコン

WordPress のおすすめテーマ

あなたのブログを強力にアピールし、読者を惹きつける、

魅力的なウェブサイトを手軽に作りたいですか?

そんな方に オススメのテーマが「AFFINGER」 です。

「AFFINGER」テーマを使えば、SEOに強く、集客力がアップし、

上級者でも満足できる、魅力的なウェブサイトが作れます。

ブログアフィリエイトを本気で戦うなら、「AFFINGER」の威力を体感してください。

\ WordPress のおすすめテーマ「アフィンガー」を詳しく見る /

AFFINGER の紹介(メリット・デメリットを紹介)

PR
―― 今日のおみくじ ――

第 49 番

吉


今日のメッセージ

ラッキー7の2倍です!
ブログの始め方
レンタルサーバー
WordPress
AFFINGER

ブログランキング・にほんブログ村へ  

Presented By Boon Boon Blog .Com

広告の設置・収入について

当サイトは Amazonのアソシエイトとして、適格販売により収入を得ています。

当サイトは Google アドセンスを利用し、広告により収入を得ています。

当サイトは ASP が提供するサービスを利用し、広告、適格販売により収入を得ています。

電気通信事業法改正に伴う表記