TCDテーマLAW・LUXE：スマホのみタップで電話をかけられるボタンを表示する

Q.トップページからワンタッチで電話をかけたい

スマートフォンのトップページから、ワンタッチで電話を発信する事が出来れば、予約電話などもすぐにかけられるのですが、追加可能でしょうか。

A.下記のphpファイルを編集します

スマートフォンでの表示の際にボタンをタップすると、そのまま電話がかけられる方法をご説明いたします。
飲食店や店舗のサイトを運営している方には、おすすめです。
※弊社テーマの「LAW」などのテーマでも同様のカスタマイズで編集が可能です。

編集するファイル：header.php
編集する箇所：
下記のコードをheader.phpの最後の行に追記くださいませ。

<?php if ( wp_is_mobile() ) : ?>
<a class="tel" href="tel:00011112222">電話でのお問い合わせはこちら</a>
<?php else: ?>
<?php endif; ?>

さらに外観→テーマオプション→基本設定→カスタムCSSに下記を追加してください。

a.tel{
  width:90%;
  margin: 20px auto;
  display: block;
  background: #003c7a;
  box-shadow: 0px 7px #282c45;
  padding: 5px;
  font-size: 20px;
  color: #fff;
  text-align: center;
  border-radius: 5px;
}

■電話タップボタン　イメージ

参考記事