量産型固定ページサンプル

テンプレート

固定ページ→新規作成

固定ページ作成画面内、右側「固定ページ」タブの「テンプレート」の項目で「page-bjg」を選択してください。

「page-bjg」をテンプレートとして作成されたページは、URLに引数「?view=app」を付け加えるとヘッダー＆フッターが非表示となります。

新しいタブで開いてください→ ブラウザ用当ページ   webview用当ページ

URL

既存ページとかぶるフォルダ名は指定できなさそうですが、既存のフォルダを避け、半角英数の日本語変換不要のURLを極力ご使用ください。

Gurtenbergブロック

「カスタムHTML」を使用してください。
<h2><h3>には黄色の色がつきます。h4以降にも色を付けたい場合は安居までお知らせください。

---

<hr>のサンプルは↑

カスタムHTMLブロックは複数置いてもthe_content()一回でまとめて表示されます。

インデントサンプル / class=”indent”の子要素をインデントする

---

<div class=”indent”>
 <div>•インデントテスト</div>
 <div>•インデントテスト<br>改行</div>
 <div>•インデントテスト</div>
</div>

使用可能なcss variables

sample … color: var(–color-yellow);

---

• ■  –color-yellow: #dbbd49;
• ■  –color-skyblue: #92bab7;
• ■  –color-ocean: #509ee2;
• ■  –color-outline-utility: #3f361a;
• ■  –color-navy: #14202e;
• ■  –color-dark-yellow: #b1993d;
• ■  –color-silver: #ddd;
• ■  –color-bg: #192534;
• ■  –color-bg-utility: #1a293b;
• ■■  –color-blue-gradient: linear-gradient(#509ee2, #147380);
• ■  –color-text-black: #342e14;
• Decorative fonts  –font-en: “Luminari”, sans-serif; 
• NotoSansJP系フォント  –font-ja: “Noto Sans JP”, sans-serif; 
• 游明朝系フォント  –font-mincho: YuMincho, “Yu Mincho”, serif; 
• 游ゴシック系フォント  –font-yugoshic: “\6e38\30b4\30b7\30c3\30af\4f53”, YuGothic, “\6e38\30b4\30b7\30c3\30af”, “Yu Gothic”, sans-serif;
• –ease-slider: cubic-bezier(.06, .74, .34, .91);
• –ease-toggle-icon: cubic-bezier(.1, .61, .4, .78);