ホームページカスタマイズマニュアル

投稿ページでログインしないと見れないように

・コンテンツ全てを制限
投稿の編集画面で右側にある「投稿 制限」のステータスを無制限から制限付きに変更する。
・一部を制限
投稿の編集画面のエディターで制限をかけたい箇所の前に下記を追記
<!–more–>

投稿ページでアイキャッチ画像を表示

投稿ページの編集画面下にあるカスタムCSSに下記術追記
.single .p-entry__img.p-entry__img–lg { display: block;}

固定ページでアイキャッチがない時の上の余白について

固定ページの編集画面下にあるカスタムCSSに下記術追記
.p-cover { height:0; }

郵便番号で自動入力

フォームで郵便番号を入力すると自動で住所の都道府県・市区町村・地域名まで自動入力されるように。
プラグインの「zipaddr-jp」を使用する。

「zipaddr-jp」の使用方法

フォームにIDを付与する。
・郵便番号　id:zip
・都道府県　id:pref
・市町村、番地　 id:addr
※複数あるときは下記にように末尾に数字を増やしていく
・郵便番号　id:zip2
・都道府県　id:pref2
・市町村、番地　 id:addr2

集患プランテンプレートの色を選択で画像表示切替

集患プランページのテンプレートタイプでの画像切替について

テンプレート②において色の追加方法

セレクトボックスの中に色を追加して、custum.jsに追記する

/*---------------テンプレート02---------------*/
document.addEventListener("DOMContentLoaded", function () {
  const select2 = document.getElementById("color2");

  // color2 が存在しないページでは何もしない（エラー防止）
  if (!select2) return;

  // 対象となるテンプレート要素
  const items2 = {
    "green": document.querySelector(".tem2_green"),
  };

  // 初期化（全部 open を外す）
  function resetOpen2() {
    Object.values(items2).forEach(el => {
      if (el) el.classList.remove("open");
    });
  }

  // セレクト変更時の処理
  select2.addEventListener("change", function () {
    resetOpen2();
    const selected = this.value;
    if (items2[selected]) {
      items2[selected].classList.add("open");
    }
  });
});

  

例として下記みたいな感じで記述すれば大丈夫です。
“navy”: document.querySelector(“.tem2_navy”),
“brown”: document.querySelector(“.tem2_brown”)
※色を追加した際は申込フォームにもカラー追記忘れずに