[受験生]凡例ページ

[受験生]凡例ページ

タイトル横のアイコン設定(h2)

固定ページ編集画面一番下に「サイドメニュー」と「ページタイトルアイコン(受験生)」というカスタムフィールドがあります。
「ページタイトルアイコン」から、タイトル横のアイコンを選択します。

地図ポインタ
LINE
カレンダー
メガホン
ノート
握手
ベッド

中見出し(h3)

小見出し(h4)

補足事項
グレーで囲まれたところのエリア
このブロックに対して「高度な設定」で追加CSSクラスに postscript と入れてください。

この内容は2021年度(令和3年度入試)受験生向けの内容です。
という説明を入れる場所 追加クラス attention

あああああ
宿泊日 部屋タイプ 料金
11月22日(金) シングル禁煙(朝食付き) 13,420円
シングル禁煙(朝食付き) 13,420円
11月22日(金) シングル禁煙(朝食付き) 13,420円
シングル禁煙(朝食付き) 13,420円

↑テーブルは「カスタムHTML」ブロックを使用し、手打ちで対応

アイコン切り替え機能はまだです

右側の設定画面では、「固定ページ」→このページ全体の設定
「ブロック」→選択中のブロックの設定
ができます。

ページを作っていくときには、
1. ページ設定で「テンプレート」を選択
2. URLスラッグを指定(英数字)
3.ページ属性>親ページ を指定
してください

アコーディオン式

h4ブロックで、追加クラスacc
文字数が多かったり改行を挟むようなものになるとこんな感じのテキストの長さが長いとこういう風に折り返しても背景はブルーで右端にプラスとマイナスがうんぬんかんぬん

その次のブロックに、追加クラスacc_inner
「その次のp」という設定にすれば、いちいち追加クラス付けなくて良くなるので楽かな、と思ったのですが、複数ブロックを統合したブロックにされるケースもあるかな、ということで。

二つ並ぶとどうなるか的な見た目の調整のために作りつつサンプルとしてマージンのご意見なんかもいただければと

開いたときの中身は

複数のブロックを

結合しても良いように、追加クラスで指定しています

京大生協の住まい探し 京大生協公式LINEお友だち登録 「受験生パック」資料請求はこちら
京大生協の
住まい探し
京大生協公式LINEお友だち登録 「受験生パック」資料請求はこちら