ページ別フッター挿入プラグイン

GLOBAL FOOTER

全ページ共通の標準フッター

全ページに標準で表示するフッターパーツを1つ登録できます。個別設定していないページには自動で標準フッターが表示されます。

• 標準フッターを1つ選択
• 個別未設定ページに自動表示
• サイト全体のCTA導線を統一

PAGE OVERRIDE

ページごとの個別差し替え

固定ページや投稿ごとに、標準フッターではなく個別フッターを表示できます。店舗別・LP別の導線管理に便利です。

• 店舗ごとの電話番号を表示
• InstagramやMAPを個別設定
• LP専用CTAへ差し替え

HTML / CSS / JS

HTML・CSS・JSを登録

各フッターパーツにHTML、CSS、JSを登録できます。スマホだけの表示はCSSのメディアクエリで制御します。

• フッターHTMLを登録
• スマホ固定表示CSSを登録
• 必要に応じてJSを追加

1. 設定画面を開く

WordPress管理画面の左メニューに表示される「ページ別フッター」から、フッターパーツ管理画面を開きます。

• ページ別フッターをクリック
• 登録済みフッターパーツを確認
• 新規フッターパーツ追加欄を確認
• 標準フッター設定欄を確認

HTML、CSS、JSを直接出力するため、管理者権限ユーザーのみが操作する運用を推奨します。

2. フッターパーツを登録する

管理用名称、管理メモ、HTML、CSS、JSを入力して、共通利用できるフッターパーツを登録します。

• 管理用名称を入力
• 管理メモを入力
• フッターHTMLを入力
• 追加CSSを入力
• 必要に応じて追加JSを入力

CSS欄にはstyleタグ、JS欄にはscriptタグを入れないでください。プラグイン側で必要なタグを付けて出力します。

3. 標準フッターを設定する

「全ページ共通の標準フッター」で、通常ページに表示するフッターパーツを選択します。

• 登録済みパーツから標準フッターを選択
• 保存後、個別未設定ページに反映
• 標準フッターなしも選択可能
• 無効パーツはフロント側に出力されない

全ページ共通の問い合わせ導線やスマホ固定CTAを設定する場合に使用します。

4. ページごとに差し替える

固定ページまたは投稿の編集画面で、サイドエリアの「ページ別フッターパーツ」から表示内容を選択します。

• 標準フッターを使う
• このページではフッターを出力しない
• 個別フッターに差し替える
• 店舗ページやLPごとに導線を変更

個別フッターを選択した場合、標準フッターは出力されません。二重表示を防ぐ仕様です。

wp_is_mobile() は使わない設計

このプラグインでは、PHP側のスマホ判定を使わず、CSSのメディアクエリでスマホだけ表示します。ページキャッシュやサーバーキャッシュがある環境でも、出し分けが安定しやすくなります。

• PHP端末判定なし
• CSSでスマホだけ表示
• キャッシュ環境と相性がよい
• PCでは非表示、スマホでは固定表示が可能

スマホ固定フッターCSS例

.am-store-mobile-footer {
  display: none;
}

@media screen and (max-width: 767px) {
  body {
    padding-bottom: 74px;
  }

  .am-store-mobile-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    background: #0f172a;
  }
}

標準フッターテスト

• 標準フッターが未設定ページに表示されること
• 標準フッターなしで何も出力されないこと
• 無効パーツが出力されないこと
• HTML、CSS、JSがwp_footer()に出力されること

個別フッターテスト

• 個別フッター選択ページで差し替わること
• 標準フッターと二重表示されないこと
• 非表示設定ページで出力されないこと
• 削除済みパーツ選択時に出力されないこと

スマホ表示テスト

• PCでは固定フッターが非表示になること
• スマホ幅で固定フッターが表示されること
• ページ下部のコンテンツが隠れないこと
• キャッシュ削除後も表示が安定すること