どうも

 

ドッグシッター弘前の三上です

 

午前中に「そういえば、アメブロを見てくれる人たちがすぐに電話をかけたり、メールを送ることができるようにできないかな」とふと思ったので、HTMLを編集してしまいました

電話:080-3143-8287

メール:dog.sitter.hirosaki@gmail.com

 

これで青い部分をクリックをするだけで、直接メールや電話をかけることができます

 

動作確認済みです

 

もし他にもこういったことをしたい方は、ご自由に下のHTMLをコピーして、ご自身の連絡先に編集し直してお使いください

 

方法は記事を入力する「通常表示」の隣りにある「HTML表示」に下のHTMLを編集して貼り付けるだけです

 

<p><a href="http://nav.cx/dvw0E3R"><img alt="友だち追加" border="0" height="36" src="https://scdn.line-apps.com/n/line_add_friends/btn/ja.png"></a><br>

         ↑

ご自身のLINE@のリンクを貼り付けてください

LINE@をお使いでなければ削除してください

 

<br>
よろしければHPも見て頂けると嬉しいです</p>
<p>ドッグシッター弘前: <a href="https://www.dog-sitter-hirosaki.com/" target="_blank">https://www.dog-sitter-hirosaki.com/</a></p>
<p>ペットタクシー弘前: <a href="https://pet-taxi-hirosaki.com/" target="_blank">https://www.pet-taxi-hirosaki.com/</a></p>

         ↑

「 https://pet-taxi-hirosaki.com/ 」の部分が私のHPのURLなので、こちらを編集してください


<p>こちらからも連絡を取ることができます</p>
<p>電話:<a href="tel:08031438287">080-3143-8287</a></p>
<p>メール:<a href="mailto:dog.sitter.hirosaki@gmail.com" title="dog.sitter.hirosaki@gmail.com">dog.sitter.hirosaki@gmail.com</a></p>

         ↑

<a>内の「tel:~~~」や「mailto:~~~」の部分が私の連絡先なので編集してください

また、<a>~~~~~</a>の文章も各自で編集してください

 

HTML/CSSって入力するのが面倒ですよね

大部分が英語だったり、専門用語ですし、少しでも間違っていると動作しないし、私も苦手です

 

わからない部分があると、色々なサイトをみて試行錯誤でいじってみて本当に表現したい内容になっているのか試しながら、今日までやってきました

 

なのでこの記事でそういった感じで、少しでも他の方のお役に立てたら幸いです

 

 

LINE@をはじめました
クーポンの配信等をさせてもらいますのでよろしければご登録お願いします

友だち追加

よろしければHPも見て頂けると嬉しいです

ドッグシッター弘前: https://www.dog-sitter-hirosaki.com/

ペットタクシー弘前: https://www.pet-taxi-hirosaki.com/

 

こちらからも連絡を取ることができます

電話:080-3143-8287

メール:dog.sitter.hirosaki@gmail.com

 

お気軽にご連絡ください