スマホ未対応サイトでもタップボタンを表示する方法

スマホ未対応サイトでもタップボタンを表示する方法

phpに書くコード

(header.phpやindex.phpなど表示したい場所に)

これがヘッダーに登場する↓


タップでお電話できます♪

 

CSSに書くコード

a.sp-tel{
display: block;
background: #58AE55;
box-shadow: 0px 7px #3C833A;
padding: 10px;
font-size: 45px;
color: #fff;
text-align: center;
border-radius: 5px;
margin-bottom: 20px;
}

 

関連記事

ページ上部へ戻る