離脱を防止させたい form 要素の class 属性に js-unload_alert を指定します。

<form action="" method="post" class="js-unload_alert" enctype="multipart/form-data">
...
</form>

コンフィグのサービス設定項目について解説します。

メール設定

メールに関する設定を行えます。

SMTPサーバー

ここで指定したSMTPサーバーを使ってメールを送信できます。Webサーバーと送信するメールアドレスのドメインが違う場合は、何も設定しないと送信元の偽装状態になるので、送信元のメールアドレスのSMTPを設定して回避できます。

また、メール送信サービスに接続する方法としてSMTP接続が用意されている場合も、こちらで設定します。

エラー通知

Ver. 3.1.0 で追加された監査ログ機能でエラー発生時にメール通知する機能がり、そのメール設定の設定値が確認できます。設定自体は管理画面で行うのではなく a-blog cms 設置ディレクトリにある「.env」ファイルで行います。

会員登録

会員登録時に自動送信されるメールの設定を行います。

ユーザ情報変更

ユーザー（会員）がプロフィール変更した時に、変更内容を自動送信する機能の設定になります。

ユーザー情報変更（管理者）

ユーザー（会員）がプロフィール変更した時に、変更内容を管理者に送信する機能の設定になります。

メール認証管理ログイン

管理者・編集者のメール認証ログイン時に自動送信されるメールの設定になります。

メール認証サインイン

一般ユーザー（会員）のメール認証ログイン時に自動送信されるメールの設定になります。

パスワード再発行

パスワード再発行時に送信されるメールの設定になります。

コメント

コメントされた時に管理者に通知するメールの設定になります。

承認

承認フローでの通知メールの設定になります。

メールマガジン

メールマガジン機能のメール設定になります。

アドバンス

メールのReturn-Pathを特定のメールアドレスに指定します。

プロパティ設定

Google API の Key設定や、サイトのメタ情報などを設定できます。

メタ情報

サイトで使用するメタ情報の「keyword」と「description」を登録します。ここで登録した情報はグローバル変数でいつでも呼び出せます。

ウェブサービス

外部サービスのAPIのKey設定を行います。

Pingショット

ダッシュボードから「Ping送信」ボタンを押すことで、指定された更新通知サービスに通知します。

Google Maps のストリートビュー を表示する組み込みJSです。

Google Maps のストリートビュー を表示したい要素の class 属性に js-street-view を設定します。

さらに、data 属性を指定することで経度、緯度、zoom値などを指定できます。

<div 
  class="js-street-view"
  data-lazy="true"
  data-lat="37.869260"
  data-lng="-122.254811"
  data-pitch="0"
  data-zoom="10"
  data-heading="165"
  style="width: 100%; height: 500px;"
></div>

Google Maps のストリートビューが画面の下部に存在する場合、組み込みJSの実行を、表示領域（viewport）に入るまで遅延させることで、パフォーマンスを向上させることが可能です。

data-lazy 属性の値に true を指定することで、組み込みJSの実行を遅延させることができます。

<div 
  class="js-street-view"
  data-lazy="true"
  data-lat="37.869260"
  data-lng="-122.254811"
  data-pitch="0"
  data-zoom="10"
  data-heading="165"
  style="width: 100%; height: 500px;"
></div>

ユーザーによって入力されたパスワードの強度（推定されやすいか否か）を判定して表示する機能です。

パスワード入力用の input 要素を囲む要素の class 属性に js-password_strength を設定します。

そして、パスワード入力用の input 要素及び、パスワードの強度判定結果を表示する要素、パスワードの強度判定結果を文字列で表示する要素の class 属性に js-input 及び、 js-meter 、 js-label を設定してください。

<div class="js-password_strength">
  <input
    type="password"
    name="pass"
    value=""
    id="input-text-pass"
    class="js-input"
    autocomplete="new-password"
  >
  <div>
    <div class="js-meter acms-password-strength-meter"></div>
  </div>
  <span class="js-label acms-password-strength-label" aria-live="assertive"></span>
</div>

この機能の設定は、/js/config.js で設定されています。設定を変更する場合は、適用しているテーマ内にJavaScriptファイルを別途作成してください。詳しくは「組み込みJSについて：設定を編集する」を参照してください。

コンフィグには複数の設定機能があり、どのコンフィグが適応されているか最初分からなくなる時があります。ここではコンフィグの設定機能と、どのようにコンフィグの値が決定されるか学びましょう。

コンフィグ設定機能の種類

以下コンフィグを設定できる機能について紹介します。

config.system.default.yaml

a-blog cms で使用するコンフィグのデフォルト値になります。様々な管理画面や機能設定のデフォルト値を定義しています。 管理画面にあるコンフィグのデフォルト値としても利用されますが、管理画面にない設定値もこのファイルで設定しています。

ファイルの場所

private/config.system.default.yaml

config.system.yaml

「config.system.default.yaml」は、上書き不可のコンフィグファイルですが、値を変更したい場合に、このファイルで「config.system.default.yaml」の値を上書きます。 このファイルはCMSアップデートで上書きされないため、自由にカスタマイズ可能です。

例えば管理画面になり設定を変更したり、管理画面のデフォルト値を変更できたりします。

ファイルの場所

private/config.system.yaml

ブログの初期コンフィグ（非推奨）

「コンフィグセット」が出来る前の設定方法になります。このコンフィグはブログと結びついているため、ブログ毎の設定になり、同じコンフィグを他のブログで利用することはできません。同じ設定を行いたい場合にも、すべてのブログで同じ設定を行う必要があります。

コンフィグセット・テーマセット・編集画面セット

Ver. 3.0 から、コンフィグのセットをブログまたはカテゴリーにセットすることで、コンフィグ設定できるようになりました。 これにより同じコンフィグの各セットを利用しているブログやカテゴリーのコンフィグを一回の操作で変更できるようになります。

ルールのコンフィグ

ルール毎にコンフィグを設定できます。ルールで設定した条件に当てはまるアクセスの時だけ、有効になるコンフィグになります。

コンフィグ値の決定フロー

上記のコンフィグ設定機能で設定されたコンフィグが最終的には１つのコンフィグ値となります。以下のフローチャート図のようにコンフィグがロードされていきます。 どれかひとつのコンフィグ設定を読み込むのではなく、順番が決まっていて、上書きされていくイメージになります。