ブログ記事内の画像を拡大したいんですけど!?

ブログを始めて、画像の貼り方を覚えたときは、

ペタペタペタペタ、何も考えず、

思うままに貼りつけていたのですが、

ふとあるとき、

この画像めっちゃ見にくい。。( ̄~ ̄;) ウーン

って思うときがあったのです。

そう思えるってことは、私、少しは成長してるのかな??

 

 

ということで、画像を拡大表示できるようにするには( ・`ー・´) + キリッ

 

では、今回はこの画像を使ってご説明を。

 

 

この画像おもしろいですよね!!

先日カナダ旅行に行ったときに、偶然、

見かけた井戸端会議中のおじさん達www

車中だったため詳しくはわからないですが、

いろいろ聞きたかったです 笑

 

なんて、ちょっと話が脱線してしまいましたが、

今画像を貼ったのはとくに画像をクリックして拡大できる

仕様にはしていません。

 

で、拡大できるのは、こちらです。

 

 

分かりました?

ためしにクリックしてみてください。

 

今回は画像なので、拡大してもあまり意味はないというか

問題ないというか、別に拡大してまで表示させるような

画像ではなかったのですが、

文字とか入っている場合などは、拡大して見れるように

してあげると親切ですよね!

 

では、どういうふうにやるかと言うと、

まず、“メディアを追加” を開き、挿入したい画像を選択します。

すると、右側に画像の詳細が表示されるので、

そこを少し下にスクロールすると “添付ファイルの表示設定” が現れます。

その中にある “リンク先”“メディアファイル” に変更して、

“投稿に挿入” をクリックします!

 

 

この設定をして貼り付けることで、この画像をクリックすると拡大して

表示することができるようになります((o・д・)bグッジョブ♪

 

この設定をせずに画像挿入しちまったよ。。。

って方!

朗報です。

 

画像挿入後も、ブログの記事編集画面から変更することが

できるんです!!

 

まず、挿入した画像を一度左クリックします。

すると、画像の編集メニューバーが開きます。

その中の えんぴつマーク をクリックしましょう!

 

 

すると、 “画像詳細” が表示されるので、

その中の “リンク先”“メディアファイル” に変更し、

“更新” をクリックです。

 

 

これで、この画像も拡大表示できるように設定されます。

 

それから、ちょっと補足ですが、

この時、画像をクリックして拡大表示されたとき、

表示される画像が開くのが、今見ているブログと

同じ窓 になってしまいます。

 

画像を拡大して見終わったあと、おそらくたいていの方は

その窓を閉じてしまうかもしれません。

そうなった場合、せっかく見てくれていたブログまでも

一緒に閉じてしまうことになるので、

それは避けたいですヽ(д`ヽ)。。オロオロッ。。(ノ´д)ノ

 

では、どうすればいいのか?

 

target=”_blank”

 

をいれてあげましょう!!

 

今、記事の編集は “ビジュアル” で行っているかと思われますが、

“テキスト” にしましょう!

 

 

そしたら、挿入した画像のコードを探します。

<a href=”http://~><img~>

ってなってるところがだいたい添付画像のコードです。

 

 

この中に入れていきたいと思います。

<a href=”http://~.jpg” ここです! ><img~>

↓ こんなかんじで

 

 

この target=”_blank”  が別の窓へのコードになりますので

このコードを入れてあげることで解決ですね(゚ω゚)ノ ハィ

 

 

よかったらポチ1票を♡

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

コメントを残す

CAPTCHA


サブコンテンツ

このページの先頭へ