ブログパーツ

趣味の工房

ブログ記事中にメールへのリンクを挿入する

みなさん、こんばんは

知人より質問がありました。
タイトルの通り、メールへのリンクを挿入する方法です。

例えばこんな感じ。

りくパパにメール送信

メーラーが起動したと思います。
あ。ちなみにメーラーが起動した時点でアドレスを公開しているのも同じですので、メールアドレスをさらしたくない場合はメールフォームなどのブログパーツを使うといいと思います。
「メールフォーム ブログパーツ」で検索すればHITすると思います。「BlogMail」が超簡単です。FC2ブログであれば、公式プラグインにメールフォームがあります。

但し、もちろんメールフォームからメールをを頂いた相手に直接返信すればアドレスは相手にはわかります。





ブログ記事中にメールへのリンクを挿入する




記述はこうです。

<a href="mailto:自分のメールアドレス">メール送信(任意の文章)</a>

※コピペOK。


ちなみに、FC2ブログであれば、リンク挿入ボタン「URL」から...
2011y05m28d_071753073.jpg

「タイトル」に任意の文章。
「アドレス」に「mailto:メールアドレス」


を入力し、「現在のウィンドウで開く」を選択してOKを押します。
※「新しいウィンドウで開く」でもできますが、「target="_blank"」という要らない
 属性も入ります。


タイトルに入力した文章は、マウスを乗せたときに表示されます。
2011y05m28d_071837315.jpg




ちなみに、メールアドレスの後に続けて「?Subject=(件名を入力)」とすると、件名が入力された状態にすることも出来ます。

例:※わかりやすいように途中で改行を入れています。

<a href="mailto:自分のメールアドレス?Subject=ブログからのメール">
メール送信はこちら
</a>




さらに、「&body=(本文)」も加えると、本文まで記入できます(笑)
例:

<a href="mailto:自分のメールアドレス?Subject=ブログからのメール&body=(本文)">
メール送信はこちら
</a>




ちなみに、本文を途中で改行したい時には、改行したい部分に”%0d%0a"と記述します。


また、文字の変わりに画像を使用することも出来ます。
mail.png

記述はこんな感じ。

<a href="mailto:メールアドレス">
<img src="画像URL" alt="イメージ名" border="0" width="128" height="128" />
</a>




上の1行がメールへのリンクの部分。必要に応じて、件名や本文なども入れておきます。
下の<img src="画像URL"~始まる部分が画像の表示部分です。
ちなみに「border="0"」は境界線の値、「width="128"」「 height="128"」は画像の大きさの数値(ピクセル値・幅×高さ)です。貼り付けた画像が大きすぎた…なんて場合はこの数字を小さくすればOKですが、幅と高さの比率に注意してください。
(幅を半分にしたら高さも半分にする、など)


冒頭にも書いた
<a href="mailto:自分のメールアドレス">メール送信(任意の文章)</a>
の「メール送信(任意の文章)」の文字の変わりに、<a href="~>と</a>の間に画像の記述が入っています。


FC2ブログの場合、例えば画像を挿入すると、本文の編集画面では

<a href="http://blog-imgs-34.fc2.com/r/i/k/rikuntyudady/mail.png" target="_blank"><img src="http://blog-imgs-34.fc2.com/r/i/k/rikuntyudady/mail.png" alt="mail.png" border="0" width="128" height="128" /></a>


と表示されますが、リンク部分(黄色の文字)を「mailto:アドレス」に書き換えて、赤文字部分の「target="_blank"」を削除すればOKです。(消さなくても動きますが)




記事中で意見を募集したい場合などには使えるワザかもしれませんね。
頻繁に使う人は、毎回言っていますが辞書登録がオススメです。


それでは。

ヽ(* ̄∀ ̄)**SeeYou**



ランキングに参加しております。クリックにご協力を♪
にほんブログ村ランキングへ
にほんブログ村

関連記事


    19:23 | Trackback : 0 | Comment : 2 | Top
Comment
2011.06.01 Wed 23:32  |  てるぞ #Ord0AlNY
こんばんわ

はじめまして。てるぞと申します
いつも楽しく拝見させて頂いてます。

ヘタレブロガーゆえ
「BlogMail」なんてパーツなるものが
あることを存知ませんでした(汗)

非常に参考になりました。
ありがとうございますm(_ _)m
  [URL] [Edit]
>てるぞさん

初めまして。
実はボクもけろっぴさんのところからお邪魔して以来、てるぞさんのところによくお邪魔してます。(; ̄ー ̄A

FC2にはメールフォームが用意されているので、「BlogMail」自体はボクも実はこの記事を書くときに検索をして知った次第です。(笑)

わざわざお礼のコメント、ありがとうございました♪
  [URL] [Edit]









(編集・削除用)


管理者にだけ表示を許可
Trackback
http://rikuntyudady.blog101.fc2.com/tb.php/505-1b518864
プロフィール

りくんちゅ。パパ

Author:りくんちゅ。パパ
初歩的な話からオーバークロックまで、PCに関することやその他趣味に関することを思い付きで書いています。
コメントはお気軽にどぞ。

「rikuntyudady」の名前で出没することもあります(笑)

rikuntyudady01.jpg

このサイトはFirefox,Google Chrome用に最適化されています。
IEでは一部表示が正しく行われない場合があります。
ご了承ください。


アクセスカウンター
signbot_20101017072856.gif
現在の閲覧者数:

galleryロゴ02
cmcrogo2.png
RikuntyudadyのCM690をUP!!
☆ただ今34台展示中☆



みんなのPC♪ギャラリーはコチラ。

Page 1 Page 2


Categories...

クリックで全て開閉↓

openclose


○自作をしてみたい方へ
○オーバークロックについて

「+」はフォルダクリックでOPEN

全ての記事を表示する


見つからない場合はコチラ
(記事内検索)

最新記事
最新コメント
☆MY GEAR☆
カスタマイズ工程はコチラ
画像
画像
画像
画像
画像
画像
画像
ATCS840
COSMOS II
CORE1500
MasterCase5Mod

<製作依頼PC>
画像
Overclock.net work log
MNPCTECH"Case Mod Blog"
画像
画像
【CORSAIR Vengeance® C70】
HAF X MOD

<コラボ企画> 画像
SNIPER
☆おもな活動サイト☆

Cooler Master Forum
CoolerMaster

techPoweUp! Case Mod Gallary-
techPowerUp!

Overclock.net
   -Case Mod Work Logs-
Overclock.net

Case Modding Forum
Case Modding Forum

こだわりの持ち物を登録しよう♪
2010y05m05d_221238218.jpg

Web page translation
THIS IS MY GEAR
2016y03m23d_233159886.png 2016y03m23d_233204419.png
感染者増殖中...
りくんちゅ。パパにメールする







本文:

☆掲示板☆

趣味の工房 ~みんなの休憩室♪~
お気に入りブログ♪
カメラ熱上昇中♪
【Canon】EOS 70D 70D.png ○レンズ
【Canon】
EF-S18-135mm F3.5-5.6 IS STM
EF-S55-250mm F4-5.6 IS STM 【SIGMA】
18-35mm F1.8 DC HSM|Art
APO 50-150mm F2.8 EX DC OS HSM


【Canon】G7 X canon_g7x_20150528010550367.png
☆広告☆
ブロとも申請フォーム
QRコード
QRコード
RSSリンクの表示