画像に黒枠ってどうやって入れるの?超便利なやり方を伝授!!

出典:http://img.hareruyamtg.com

こんばんは、マサキです(^^)

いつも私の記事を読んで頂き、ありがとうございます♪

今回は、画像に黒枠を入れる方法についてのお話です!

 

ワードプレスに記事を書いて画像を入れる時、実は画像に黒枠を入れることって大事なんですよ!!

ネットにたくさん載っている画像って、そのまま貼り付けるよりも、多少は編集する必要があるのです(@_@)

著作権の問題とかもありますからね(*_*;

 

ちなみに、黒枠がない場合、周囲の文字背景と画像が同化してしまうことはないですか??

私は、文字背景と度々同化してしまう画像が中心だったので、かなり困っていました(*_*;

なので、黒枠を付けたことで、著作権の問題とか文字の同化の問題などが軽減されたのです(*^^*)

 

でも、その黒枠をどうやって付けたらいいのか分からないよ(@_@)という方もいるかもしれませんね!!

というわけで今日は・・・

画像に黒枠はどうやってつけるの?

便利な黒枠のやり方はどうやるの?

といった疑問について、それぞれ説明していきます!!

目次

画像に黒枠を付けるやり方

画像に黒枠を付ける方法は、6つの手順があります!

それぞれの手順をご覧下さい!

 

  1. ワードプレス開く⇒設定⇒AddQuicktagの順でクリック
  2. AddQuicktag画面で、ボタン名を「黒枠」と入力
  3. AddQuicktag画面で、開始タグに「style=“border: 3px solid black;”」を貼り付ける
  4. 「widgets」右横にあるチェックボックスにチェックを入れて、7つのチェックマークをつける!
  5. 最後に、「変更を保存」ボタンを必ずクリック!!!
  6. その後、黒枠ボタンを使って、画像に黒枠を入れる!!!

 

なんとたった、これだけなのです(*^^*)

超カンタンですよね(^^)

 

ちなみに、「AddQuicktag」は、事前にプラグインにて取得しておく必要がありますね(*_*;

この「AddQuicktag」をプラグインにどうやって入れるのかについては、別記事でお伝えしていこうと思います(๑•̀ㅂ•́)و✧

 

で、実際に黒枠を使う時は、ワードプレスの記事作成画面をビジュアルからテキストに切り替えてみて下さい!

すると、黒枠と書いたボタンあるので、黒枠を付けたい画像のテキストコードをまず探します!

 

そして、その画像が見つかったら、「alt」と書かれた場所を探してみて下さい!

その「alt」の手前に、先程の手順で作った黒枠ボタンを押して下さい!

すると、黒枠のテキストコードが自動的に入力されるので、これで黒枠設定は完了です!!

 

ちなみに、「alt」の文字を探していて私が感じることがあります!

それは、どこの「alt」があるか見つけにくいのです(+_+)

 

では、少しでも早く探したい!という方は、どうすれば良いのでしょうか??

その場合は、コントロール(ctrl)キー+Fキーを押してみて下さい!!

 

そしたら、記事内にページ検索窓が画面右上に現れるのです!!

で、この検索窓に「alt」と入力してみて下さい!

 

すると、画像のテキストコードの周辺に「alt」があれば、黄色いマーカーペンで色付けされて場所を特定してくれるのです(*^^*)

なので、「alt」を探しても見つからない(+_+)という方は、是非ページ内検索窓を活用してみて下さいね♪

 
ただ一つ、ここで驚いたことがありました!
 
それは、私のクライアントから「黒枠付けたいのですが・・・altの文字が無いです(¯―¯٥)」という相談をされました(@@)
 
 
実際に私が見てみても、本当に画像テキストコードの中に「alt」が無かったのです(ノД`)シクシク
 
では、「alt」がない場合は、黒枠は付けられないのでしょうか??

黒枠設定でaltが無い場合の対処法

 
黒枠設定時に、「alt」が無い場合でも実は黒枠は入れられます(^^)
 
今まで私は無理と思い込んでいましたので、大発見です!!!
 
 
では、その方法を紹介しますと・・・
 
 
「alt」の代わりに、「img」の後ろに黒枠コードを貼り付けたら良いのです\(^o^)/
 
 
「ええ?たったそれだけ?」と思う方が多いかもしれませんね!!
 
 
でも、私が調べてコンサル生にこのやり方を教えたら、本当に黒枠は付きました(^^)
 
なので、自分の画像で黒枠を付けたい時に、どう探しても「alt」がない場合は「img」を探して下さいね♪
 
 
ちなみに私は、実験的に「alt」がある場合でも「img」に黒枠テキストコードを貼ってみました!
 
そしたら、テキストモードからヴィジュアル表示に変えても、画像自体が消えて、テキストコードがそのまま現れただけでしたね(´;ω;`)ウッ…
 
 
なので、ページ検索窓で最初に「alt」と検索して見て下さい(^^)
 
そして、もしも「alt」で特定されなかったら、「img」に検索し直してみて下さい!
 
そしたら、黒枠は問題なく付けられます(ΦωΦ)
 
 
万が一、「alt」や「img」に黒枠テキストコードを入れても、画像に黒枠が付かない場合はお知らせ下さい!
 
その時には、私が調べなおして、この記事に追記していきますね(^^)
 
では、今後も読者のみなさんに役立つ記事を更新していきますね(*^^*)

画像に黒枠まとめ

  • 画像に黒枠を入れるには、「AddQuicktag」でボタン名の入力と開始タグへ黒枠用テキストコードを貼り付けて変更を保存!
  • 画像のテキストコード内に「alt」が無い場合は、「img」の後ろに黒枠テキストコードを入れればいい!!

 

などを今回の記事で紹介しました!!

ちなみに私は、黒枠設定以外に、ブログアフィエイトで稼いでいくための方法をメルマガにて紹介しています(*^^*)

なので、ブログアフィリエイトにご興味がある方は、是非私のメルマガ登録をお願いします♪



何をやっても挫折しまくったマサキが革命人になったメルマガ講座
お名前(姓)
メールアドレス(必須)
Powered by メール配信システム オレンジメール

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください