当ブログ管理人からのお知らせ

当ブログのリニューアルが完了しました。

なお、個別記事内にて細かいデザインが崩れている場合がありますので、ご了承のほどお願いいたします。

詳しくは、以下のお知らせ記事をお読みください。

当ブログのリニューアルに伴うメンテナンスの作業完了のお知らせ

当ブログ内の記事を探す

最近の投稿

カテゴリー

アーカイブ

RSS

プロフィール

プロフィール用画像

みきてぃ東西線

みきてぃ東西線

20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。

≫詳しいプロフィールを見る

≫お問い合わせはこちら

WordPress

WordPressで画像を拡大表示したい!【プラグインあり/なし両方解説】

アイキャッチ画像
みきてぃ東西線

「WordPressのサイト(ブログ)に載せた画像を拡大表示したいけど、どうやればいいの?」

こんな悩みありませんか?

今回は、「WordPressサイト(ブログ)で画像を拡大表示する方法」について、「プラグインあり・なし」の両方で解説していきます。

プラグインで画像を拡大表示したい時の方法

WordPress リビジョンコントロール設定画面

画像拡大表示できるプラグインは「Easy FancyBox」が一番有名です。

「Easy FancyBox」は、プラグインを有効化するだけですぐに使うことができます。

>>WordPress.org「Easy FancyBox」(外部サイト)

▼画像をクリックすると拡大します。

ノートパソコン

「Easy FancyBox」はギャラリー表示にも対応しているので、複数枚の画像をスライドショー形式で表示することもできます。

「Easy FancyBox」以外の画像拡大表示系プラグイン

「Easy FancyBox」以外にも、以下の画像拡大表示できるプラグインがあります。

いずれもプラグインを有効化してすぐに使えますので、ぜひ試してみてください。

  • Popup Maker
  • Popup Builder
  • FancyBox for WordPress

プラグインなしで画像を拡大表示したい時の方法

プラグインやテーマの相性によっては、画像の拡大表示ができない場合もあります。

口コミ用キャラクターアイコン

それでも、画像を拡大表示できるようにしたい・・・!

という場合は、プラグイン無しでHTMLとCSSだけで画像を拡大表示する手もあります。

ちなみに、ソースコードについては以下のサイトが分かりやすかったので、参考までにどうぞ。

手順

1.適用中のテーマのカスタマイズ画面にある「追加CSS」項目で、CSSコードを貼りつけて「公開」をクリックし、保存。

2.記事投稿画面からコードエディター(ブロックエディターでは「カスタムHTML」)で、任意の場所にHTMLコードを貼りつけるだけです。

プロフィール用アイコン
みきてぃ東西線

最後に、プレビュー機能で正常に動作するか確認してね!

まとめ

というわけで、今回は「WordPressサイト(ブログ)で画像を拡大表示する方法」について、「プラグインあり・なし」両方を解説しました。

画像拡大表示はプラグイン無しでHTMLとCSSだけで実装することもできますが、初心者はプラグインを使った方が簡単にできます。

今回の記事が参考になれば幸いです。

この記事を書いた人

プロフィール用画像

みきてぃ東西線

みきてぃ東西線

20代のブロガーです。IT・インターネット関連や生活関連、趣味の1つである観賞魚などの記事を書いています。

≫詳しいプロフィールを見る

≫お問い合わせはこちら

当ブログ管理人からのお知らせ

当ブログのリニューアルが完了しました。

なお、個別記事内にて細かいデザインが崩れている場合がありますので、ご了承のほどお願いいたします。

詳しくは、以下のお知らせ記事をお読みください。

当ブログのリニューアルに伴うメンテナンスの作業完了のお知らせ

スポンサーリンク
記事URLをコピーしました