【Arkhe(アルケー)】ヘッダーに「電話番号」＋「問い合わせボタン」を表示するカスマイズ方法をサンプルコード付きで解説

※2023年1月23日更新
最新バージョン（3.4.2）のArkheでも利用できます！

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

WordPress無料テーマ「Arkhe(アルケー)」のカスタマイズテクニックを紹介します。

※ArkheはSWELL開発者さんが作ったテーマです。

ヘッダーに「電話番号」＋「問い合わせボタン」 を設置する作業を最近したので、その作業メモをシェアします。

まずはイメージ図です↓

このカスタマイズを実装したデモサイトはこちら。

・デモサイト①
・デモサイト②

Arkheにはカスタマイズ用のフックが用意されています。フックを活用するとテーマファイルを直接編集する必要がないので、テーマのアップデートでカスタマイズ内容が消えることはありません。

本記事ではフックを使い、デモサイト②のようにヘッダーに以下の要素を表示するカスタマイズ方法を具体的なサンプルコードと合わせて紹介します。

・電話番号
・営業時間
・問い合わせボタン（任意のページへのリンク付き）
・問い合わせボタンその2（任意のページへのリンク付き）

【備考】
・サブメニューのカスタマイズは本記事に含みません。
・記事執筆時に利用可能な最新バージョン（1.8.0）での解説です。

【参考】
https://webrent.xsrv.jp/wordpress-arkhe-review-with-demo-site/