日々気づいたことの備忘録 (マイルの貯め方やクレジットカードなど)

クレジットカードやマイルの説明など、お得に旅行をする術を簡潔にわかりやすく、体験談を踏まえながら説明します。

ブログ初心者向けパワーポイントで作るお問い合わせボタン【1分で分かる】

いつもお越しいただいてありがとうございます。

以前、「パワーポイントで作るブログアイコンの作り方」を書いた際に、多くのブックマークをいただきました。ありがとうございました。

今回は、パワポを使って、オリジナルの「お問い合わせボタン」を作りましたので、作り方をここでお伝えしたいと思います。

 

ステップとしては、

①デザインを考えて作成する

②HTMLにメアドを入れてブログに組み込む

③ちゃんとメールソフトが開くかチェックする

です。

 

f:id:masaki001:20170806130157p:plain

それでは、PCのこのボタンを押してからスタートです。

 

①デザインを考えて作成する

まず、デザインを考えます。パワポでは、いろいろ箱を用意してくれてますので、形と色を自由に考えましょう。

f:id:masaki001:20170806130646p:plain

ボタンとしては、四角形の中に入っている、角が丸いやつが、ボタンとしては使いやすそうです。

f:id:masaki001:20170806130804p:plain

このように、自分がイメージするボタンの形に変形させましょう。中に文字が入ることもお忘れなく。

f:id:masaki001:20170806132014p:plain

つぎに、この「クイックスタイル」というものを使います。これは、瞬時に無味乾燥な箱を、魅力的で迫力のあるボタンに変えてくれます。(言い過ぎました。)

f:id:masaki001:20170806132311p:plain

この中から選びましょう。

f:id:masaki001:20170806132421p:plain

いろいろな形に変えられます。

次に、文字を入れましょう。

f:id:masaki001:20170806132559p:plain

文字の色も、自分で決められます。

少し応用ですが、文字だけだと人の頭に、すぐに飛び込んでこないデメリットがあります。それを解消するのが、ピクトグラムと呼ばれるものです。絵文字ですね。

今回は、問い合わせ=メールですので、メールの絵を描きます。

まずは、箱と三角形を書きます。

f:id:masaki001:20170806132953p:plain

もうお分かりですね?これを組み合わせれば、メールの封筒になります。

f:id:masaki001:20170806133133p:plain

三角形をひっくり返して、大きさをそろえると出来上がりです。

f:id:masaki001:20170806133310p:plain

これでボタンの出来上がりです。

 

②HTMLにメアドを入れてブログに組み込む

つぎに、これをHTMLに入れて、メールアドレスを埋め込みます。

HTMLがさっぱりわからないという方も、こちらをコピペしていただければ、作成可能です。

 <p><a href="mailto:***メアド***"><img src="***絵のアドレス***" /></a></p>

この「****」部分に、 メアドと絵のアドレスを入れれば完成です。

メアドはわかるけど、絵のアドレスはわからないという人は、はてなブログの場合だと、一度普通に画像を入れてみて、そのあとに、「HTML編集」画面を開きます。

そうすると、

f:id:masaki001:20170806134350p:plain

このような暗号が出てきます。その中に、「https」から始まって、「png」で終わるものがあります。赤線の部分です。これが、さっき登録した画像のアドレスです。これをコピーして、先ほどの「絵のアドレス」に入れてください。「”」のマークはいりません。(さっき入れたアドレスの入っていない画像は消してしまって大丈夫です。すでに、はてなブログに、画像データは登録されています。)

 

ちなみに、HTMLの意味ですが、

a herf =指定のアドレスにリンクさせる

img src=画像を表示させる という意味です。

 

 <p><a href="mailto:***メアド***"><img src="***絵のアドレス***" /></a></p>

 

ここまで入力できれば、あとは、再度、HTML編集画面を開き、表示させたいところに、コピペします。ボタンの大きさは、そのあとに、「編集見たまま」の画面で調整は可能です。

 

③ちゃんとメールソフトが開くかチェックする

最後に、メールソフトが開くかどうかを「プレビュー」画面でチェックしましょう。

 

もし、わからなければ、

 まで。笑

※お問い合わせ多数の場合は、返信に日数、年月がかかる場合があります。

 お答えできるのは、はてなブログのみです。(個人ブログなので一応。。。)

 

今日も、最後まで読んでいただいて、ありがとうございました。

 少しでも共感していただけたなら、ポチッとお願いします。

  ↓     ↓

にほんブログ村 小遣いブログ マイレージへ