お客様からご要望がありましたので、トップページ以外でアクセス・店舗のご案内を表示するHTMLコードを紹介します。

最終完成イメージ

完成イメージはこのような感じになります。

店舗営業時間のご案内

〒100-0005 東京都千代田区丸の内1丁目

TEL:123-4567-8910

営業時間
9時~12時 13時~19時
× ×

店舗までのアクセス

アクセス・店舗のご案内表示HTMLコード

以下のHTMLコードを表示したい場所に貼り付けていただくと、上記のように表示させることが可能です。

テキストの部分を書き替えて使用してください。

<h2>店舗営業時間のご案内</h2>    
<div class="info">
  <p style="margin:0">〒100-0005 東京都千代田区丸の内1丁目</p>
  <p style="margin:0" class="tel"><a href="tel:123-4567-8910" class="right"><i class="fa fa-phone" aria-hidden="true"></i>TEL:123-4567-8910</a></p>
</div>
  <table class="time">
    <tr class="title">
      <th colspan="3">営業時間</th>
    </tr>
    <tr>
      <th></th>
      <td>9時~12時</td>
      <td>13時~19時</td>
    </tr>
    <tr>
      <th>月</th>
      <td>〇</td>
      <td>〇</td>
    </tr>
    <tr>
      <th>火</th>
      <td>〇</td>
      <td>〇</td>
    </tr>
    <tr>
      <th>水</th>
      <td>〇</td>
      <td>〇</td>
    </tr>
    <tr>
      <th>木</th>
      <td>〇</td>
      <td>〇</td>
    </tr>
    <tr>
      <th>金</th>
      <td>〇</td>
      <td>〇</td>
    </tr>
    <tr>
      <th>土</th>
      <td>〇</td>
      <td>〇</td>
    </tr>
    <tr class="last">
      <th>日</th>
      <td>×</td>
      <td>×</td>
    </tr>
  </table>
<h2>店舗までのアクセス</h2> 
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3240.825343288038!2d139.7640582155859!3d35.681302337574834!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188bfbd89f700b%3A0x277c49ba34ed38!2z5p2x5Lqs6aeF!5e0!3m2!1sja!2sjp!4v1466078460687" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

ウィジェットですべての記事下に一括で表示可能

ページごとではなく、すべての記事下に店舗案内を一括で表示させたい場合は[記事下コンテンツ]ウィジェットを使いましょう。

そうすることで、毎回記事を書くたびにコードを入力しなくても済みます。

access-html-code-01

ただし、表示されるのは固定ページ以外の「お知らせ」、「お客様の声」、「トラブル」、「投稿記事」になります。固定ページで表示したい場合は上記コードを記事内に入力してください。
トップページ以外にアクセス・店舗のご案内を表示する
この記事はいかがでしたでしょうか。
是非Healerの最新ニュース情報を、
いいねしてチェックしてください!

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。