Wordpress

WordPressに貼り付けた画像を新規ページ(別タブ)で開く方法。画像を閉じようとしたらページごと閉じちゃうやつ。

WordPressで記事内に埋め込んだ画像をクリックしたときに、同一ページ内で画像が開いちゃうのはデフォルトの仕様のようです。
同じページ内で立ち上がっているから画像を消そうと×ボタンをクリックしたらページごと消えちまった・・・
直帰率にも影響するかも?そんなこんなでWordpressで画像を別タブで開く方法をご紹介。
画像の編集から簡単に設定できます。
いずれはライトボックスなどを導入してもっとカッコよく画像を表示できるようにしましょう!
ライトボックス系でおすすめのプラグインの導入方法はページ下部の関連記事に乗せています。

何も設定しないと画像は同一ページで開く。

wordpress別タブで画像を開く001記事内に張ってある画像を拡大表示したくてクリック!

wordpress別タブで画像を開く002画像ページが同一タブ内で開く。ここまでは良いが、前の記事が書いてある画面にどうして戻ればいいんですか?

WordPressの画像を新規ページで開く方法

【1-1】記事に画像を挿入した後、画像を選択(クリック)してメニューを表示し、ペンマーク(編集)をクリック。

wordpress別タブで画像を開く003
【1-2】上級者向け設定のプルダウンを開く→「リンクを新しいタブで開く」にチェックを入れる。
wordpress別タブで画像を開く004以上です。

プレビューを確認し、画像をクリックしたときに新規ページで画像が立ち上がるか確認しましょう!wordpress別タブで画像を開く005

まとめ

何もしなければそのまま同一タブで画像を開くWordpress、たまーにこの設定がされていなくて、×ボタンを押してページを閉じてしまったり、前ページに戻るを押してトップページに戻っちゃったりするという。。。

別ページで開いても少々面倒なのでプラグインなどを導入してライトボックス表示で画像が表示されるようにしておくと、訪問者に優しい仕様になりますね。

 

■↓ページ遷移せずに画像を表示するプラグインについても詳しく書いてます。↓

Lightbox with PhotoSwipe拡大機能3
スマホでのピンチアウトにも対応するLightBox系プラグイン「Lightbox with PhotoSwipe」が良い!設定も解説。

モバイルファーストの時代。サイトのアクセスの半分以上がモバイル端末だったりしちゃう今日この頃。 PCはもちろん、タブレットやスマートフォンでもバッチリと画像を表示しなければ... そこで簡単に導入でき ...

続きを見る

Simple Lightbox2
シンプルで軽量、スマホにも対応した画像表示プラグイン「Simple Lightbox」が「EasyFancyBox」よりも見やすそう。

WordPress内の画像をクリックするとぽよーんとポップアップみたいな感じに表示してくれるプラグインって星の数ほどあるけれど、スマホで見たときにイマイチ見にくいのが多い。 巷では「EasyFancy ...

続きを見る

-Wordpress
-

© 2020 ソロ学