WordPressテーマTCDのカスタマイズを研究するサイト

TCDテーマ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;
}

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

参考記事

The following two tabs change content below.

Jon

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。