wordpress アイキャッチ画像-写真拡大表示

【設定1分】ワードプレスの画像を拡大させる超簡単な方法【プラグインなし編】

こんにちは。
たけちんです^^

 

今回は、画像の拡大です!

記事内の画像をクリックして、画像を拡大させる方法を解説します。

 

プラグインを使わない超簡単な方法です。

 

 

c-illust1_01設定は「1分以内」で簡単にできます。
極力プラグインを入れたくない方は、すぐに試してみて下さいね!

 

 

★当サイトでは、閲覧者様の利便性を考慮し、画像拡大をポップアップで表示させる【Easy FancyBox】プラグインを導入しました。

 

【Easy FancyBox】が動かない時の対処方法はコチラ

 

 

 

 この記事の信頼性

 

システムエンジニアが実際に試した(体験した)内容を記述し、重要な部分を含めて解説しています!
★プロフィール★

 

 当ブログの運営環境

「レンタルサーバーを最大限に安く契約する方法」はコチラ!

 

【設定1分】画像を拡大させる方法【プラグインなし編】

 

 

 手順の概要

  1. 画像を編集モードで開く
  2. 設定変更
  3. プレビューで確認

 

 

手順1:画像を編集モードで開く

 

❶ 投稿画面をビジュアルモードで開き、画像をクリックします。

 

❷ 下記赤丸部分の【編集】をクリックします。

 

画像拡大-説明画像02

 

 

❸【画像詳細】の画面が表示されます。

 

画像拡大-説明画像03

 

 

手順2:設定を変更

 

❶【設定を表示】→【リンク先】を、メディアファイルに設定します。

 

画像拡大-説明画像04

 

【□リンクを新しいタブで開く】にチェックを入れると、ブラウザの別タブで開くようになります。

その場合のセキュリティー対策として、

【リンク rel 属性】に『noopener noreferrer』を追加して下さい。

 

 

❷【更新】をクリックします。

 

画像拡大-説明画像05

 

 

手順3:プレビューで確認

 

❶【変更をプレビュー】をクリックし、プレビュー画面で画像をクリックして確認してみましょう!

 

画像拡大-説明画像06

 

 

❷ 新ページで全画面に表示されます。

 

画像拡大-説明画像07

 

 

元の記事に戻るときは、ブラウザの【戻る】をクリックします。

手順2:❶で、【□リンクを新しいタブで開く】にチェックを入れた場合は、タブを閉じます。

 

 

たけちん
プラグインを使わないシンプルな拡大方法でした。

 

 

 

拡大されないときは?

 

 拡大されない原因

 

記事に表示されているサイズが「フルサイズ」の場合、それ以上の拡大は出来ないんです。

 ※元サイズ以上の拡大は不可です( *´艸`)

 

【※】記事内に大きい画像を挿入している場合は、記事幅にリサイズされているので、多少拡大される時があります。

 

 

たけちん
ワードプレスにアップロードした画像のサイズ以上は拡大されません。

 

元画像のサイズ 記事に挿入した画像サイズ 拡大される画像サイズ
画像1 200×200 200×200 200×200
画像2 1000×1000 中 300×300 1000×1000

 

 

 

 

 

 

たけちん
★無料サポート引き受けます★

 

【★ブログを始める前も始めた後も、無料サポート致します!★】

  • 分からないこと
  • 不安なこと
  • 心配なこと
  • 頼みたいこと

    などなど。

★まずは、お気軽にお問い合わせください!★

お問い合わせの詳細はコチラから!

 

【無料サポートを引き受ける理由はコチラ】

 

 

 

 

 

画像にワクをつける方法

  ブログの画像に枠をつけたいなぁ。 どうやるんだろう?     そのお悩みを解決します。       こんにちは! たけ[…]

アイキャッチ画像
BOX内の文字間隔を変更する方法

    ブログの文字間隔を調整する方法!     TVアニメ『この音とまれ!』箏曲生演奏が、WOWOWとソニーイメージングプロダクツ&ソリューションズの共同制作によりVR&3[…]

アイキャッチ画像

 

 

wordpress アイキャッチ画像-写真拡大表示
最新情報をチェックしよう!
>最高のコスパ「ロリポップ!サーバー」

最高のコスパ「ロリポップ!サーバー」

当サイトで実際に導入し、運用中。
【安さ】【使い易さ】【信頼性】【知名度】を総合的に判断、不満なし。
迷ったらロリポップ!で失敗なし。
当サイトは「サイト・ブログの開設、運営」をサポートします。
→ お問い合わせはコチラから
→ サイト・ブログの開設手順はコチラから

CTR IMG