SWELLマニアのかんた（@swell_mania）です。

最近Snow Monkeyで不動産サイトのデモサイトを作成しました。

企業サイト定番デザインなんですが、ヘッダーに「電話番号」＋「営業時間」＋「問い合わせボタン」 を設置する方法について紹介します。

まずはデモサイトです↓

デモサイトはこちら

本記事では2種類の方法で電話番号を表示させる方法を解説します。

【電話番号を表示させる方法】

・HTML＋CSSだけを使う
・PHPを使う（PHPで動的な表現を使う場合向け）

どちらもテンプレートは編集しない方法なので、テーマのアップデートで設定が上書きされることはありません。

「コードの編集には自信がない...」
「テンプレートには触りたくない...」

↑ズバリ、こういった人でも真似できるようコピペ用のコードを用意してあります。

たった3分でデモサイトと同じデザインに仕上がります！

ボタンの色を変えたりするアレンジもしやすいように、装飾用のCSSコードも紹介するのでぜひご覧ください。

【備考】

Snow Monkey（ver16.2.0）

この記事執筆時の最新バージョンです。