ブロックについて

defaultのブロック

既存ブロックにオプションを追加することも可能ですが、Wordpressのバージョンアップに直接関わってきそうな雰囲気がありました。
そのため、既存ブロックへの機能追加はtheme.jsonで行える範囲に留め、カスタムcssを当てて解決する方向で進めています。

フォント色

サイドバーから設定可能

フォントサイズ

サイドバーから設定可能

まだ調整中ではありますが、数字表記されているものは使用可能です(sp-pc)

フォントのサイズを途中だけ変えたい場合はクラシックエディタを使用する必要があります

背景色

サイドバーから設定可能

ブロックの背景色となります。グループにも適用可能です。

また、背景色をつけるとborder-radiusとpaddingが勝手につきます

幅の狭い背景

paddingが10〜20pxになります

追加Class
--thin

角なし

角がなくなります

追加Class
--no-radius

ボタン

ボタンはスタイルからデザインを変更します。

カラム

通常のカラム割(2カラム)

集団対面授業では、様々な志望校(有名難関私国立中学)を目指す生徒共に学び、受験に対応するための基礎力を養います。対面授業ならではの熱気、メンターの力強い指導。高い目標を共にする仲間たちに囲まれた集団授業は、学力の定着だけではなく、学楽しさ・意欲も育みます。

サイドバー下部 高度な設定 > 追加cssクラス に追加

最初の要素が54%になって、カラムの右側に15px〜30px(PC時)のpaddingがつきます。

追加クラス

追加Class
--lg-half

メディアテキスト

ビルドインのメディアテキストは画像の幅を基準にする形に調整しています。

仕様

768以上: 画像の幅基準

768未満: サイドバーで設定した幅

600以下: 縦並び

テーブル

通常のテーブルブロックは融通が効かないので、クラシックエディタのテーブルを使用する

thの設定

テーブルのアイコン>セル>セルのプロパティ>セルの種類>ヘッダーセル

独自クラス

テーブルによってデザインが若干異なるので、その点を独自クラスで解決します。

テーブルのアイコン>表のプロパティ>Class

初期設定

日 程 随時受付。お申し込み後、希望日時に合わせてお近くの会場をご案内します。
テスト会場 成基学園各教室
対 象 小学3年生~中学3年生 
※教室によっては実施しない学年もございます。 詳細はお問い合わせください。

常にSP表示

日 程 随時受付。お申し込み後、希望日時に合わせてお近くの会場をご案内します。
テスト会場 成基学園各教室
対 象 小学3年生~中学3年生 
※教室によっては実施しない学年もございます。 詳細はお問い合わせください。

イベント時間割

時間 実施内容
~15:00 集合
昼食
15:10~16:00 国語
  時間 実施内容
~15:00 特訓授業① 集合
15:00~15:10 特訓授業② 諸注意
15:10~16:00 国語テスト 国語

追加ブロック

タイトルセクション

タイトル+インナーコンテンツ(ブロックを入れ込めるボックス)セクションになります。入れ子にすることも可能です。

大半のデザインにタイトルセクションを使用することになります。

設定は色々ありますが、説明が必要そうな箇所のみ、、、

見出しタグ

同一デザインで見出しレベル(h2, h3など)が異なる場合も加味して、見出しレベルを選択できるようにしています

クラス名

クラス名は見出しを制御しています。

ラベルテキスト

ラベル
テキストテキストテキストテキストテキスト
テキストテキストテキスト

大きさ

現状小さいラベルテキストが使用できます

グレー
現在灰色が使用できます

ラベルリスト

ラベル1つの場合でもこれで対応

設定しなさそうだが、念の為リンクも付けれるようにしておく(管理画面上では黒underlineですが、表示は白です)

※ラベルから外部リンクはあまり聞かないので、内部リンクと見越してURLだけ設定しておく

アコーディオンブロック

タイトル+インナーコンテンツ(ブロックを入れ込めるボックス)アコーディオンセクションになります。

表示非表示はサイドバーの開くボタンで切り替えてください。

※ 管理画面では常に表示されます。

各期のオプション

成基学園の国語は、50 年以上に渡って子どもたち・保護者の皆さまからの圧倒的な支持と高い実績を持っています。成基学園は学年に応じて研究と開発を重ねた適切な教材とメンターによる血の通った渾身の指導で子どもたちの知(性)・理(性)・感(性)を養います。

演習講座

対象
小3~小6

通常授業の進度に合わせたカリキュラムで応用力を育成する講座です。実戦的な問題に取り組むことで、より深い理解と定着を目指します。

日曜進学教室での最難関志望校別特訓

対象
小6

灘・東大寺・洛南高附・洛星・高槻志望者をレベル別にクラス編成した日曜日の特訓講座です(資格制)。

最難関特訓

対象
小2〜小5

灘・東大寺・洛南高附・洛星・高槻などの最難関中学校を目指す方の特訓講座です(資格制)。
※小2・小3は9月より開講

SCGビル(成基本部)

コース
最高レベルコース
志望校
灘・東大寺学園 開成 など
コース
最高レベルコース
志望校
灘・東大寺学園 開成 など
コース
最高レベルコース
志望校
灘・東大寺学園 開成 など

ナンバーセクション

番号+タイトル+インナーコンテンツ(ブロックを入れ込めるボックス)を設定できる番号付きセクションにになります。

「+」の付与も可能です。

通常

01

「一斉授業」と「個別学習」の ハイブリット方式

テンポよく、楽しく五感をフル回転させることで「勉強ってこんなにおもしろいんだ!」と感じる時間(モジュール授業)と、やってみてできることで自信がつく時間(個別学習)の組み合わせです。

一斉授業

モジュール学習は、集団(少人数グループ)で行います。他学年のお子さん同士が1つのグループになることで、お互いの良さを学び合い、より広い視野と柔軟な発想力を養います。

個別学習

自主学習では、一人ひとりが集中して自分の課題プリントに取り組みます。低学年の間に、自ら学ぶ姿勢と習慣を身につけることで、高学年からの本格的な教科学習に備えます。

「+」あり

多彩な教具

授業時に「辞書引き競争」を実施。低学年の間に自分で調べる習慣を身につけます。ことばを知ることは、お子さんの世界を広げることにつながります。

タブ

タブ(タブリスト)とタブコンテンツ(タブコンテンツリスト)のブロックは切り分けています。

タブリスト[index]とタブコンテンツリスト[index]で整合性を取っています。

そのため、タブリストとタブコンテンツリストの間に別のブロックが入っていてもタブは起動します。

タブ
リスト
タブ
コンテンツ

タブは管理画面フロントでは編集せず、サイドバーで編集します。

タブをクリックすることでもチェックが切り替わるので気をつけてください。

※管理画面上ではコンテンツは切り替わりません

タブコンテンツはタブコンテンツリストの中に追加していきます。

タブコンテンツはインナーブロックを保有できるので、好きなブロックを挿入することができます。

管理画面ではわかりやすいように黒枠をつけていますが、フロントには表示されません。

管理画面内での切り替えも実装してみましたが、めちゃくちゃ使いにくかったので現状に落ち着いています。

共通CTA

CTAを表示します

電話番号なし: default

電話番号あり

電話番号のみ

フローブロック

流れのブロックを表示します

タイトルをいれます

内容をいれます。インナーブロックには色々と追加できます

管理画面では

左のラインが途切れてますが、フロントでは途切れません。

教室一覧

教室一覧を表示します。

管理画面上はデザインが表示されません。

教室一覧とエリアのリンクのみとなり、表示したい教室を選択する形です。

表示したい教室が1エリア分しかなかった場合、エリアのリンクは表示されません。

タブ切り替えやタイトルが必要な場合は、別途挿入してください。

イベント申込み

イベント日程と申込みボタンのあるブロックを含む大枠となります。

画像とタイトル、テキストが設定できます。

イベント申込み

イベント申込み

初期開閉のフラグはサイドバーにあり、「デフォルトで開く」に設定しても、管理画面上では常に開いた状態となります。
画像の設定は必須ですので、不要な場合はブランク画像などをあててください。
画像の設定後は、画像をクリックすることで画像の差し替えが可能です。

対 象
小3〜小6
日 程
11月17日(日) 10:00~12:30
会 場
知求館ギャラクシー(伏見)
対 象
小3〜小6
日 程
11月17日(日) 10:00~12:30
会 場
知求館ギャラクシー(伏見)

イベント申込アイテム

イベント申込アイテム

イベント日程と申し込みボタンのあるブロックは「イベント申込アイテム」というブロックになります。内部にブロックが追加でき、サイドバーから満員かどうかを制御もできます。

対 象
小3〜小6
日 程
11月17日(日) 10:00~12:30
会 場
知求館ギャラクシー(伏見)
対 象
小3〜小6
日 程
11月17日(日) 10:00~12:30
会 場
知求館ギャラクシー(伏見)

よくある質問一覧

固定ページのよくある質問ページで設定した内容が表示されます。

教室ギャラリー

教室用のギャラリーです。

※ 管理画面上ではWPとの干渉も踏まえてJsを走らせたくないので、プレビューは用意していません。

コース一覧

コースを選択して表示させます。

必要であればタブなどのブロックと一緒に使用してください。

メイン画像

特定のページで使用されているメイン画像になります。

※ 画像上のアールはクリップではなく画像由来のものになります

共通パーツ

流れや注意事項などの各ページで共通するパーツを呼び出します。

パーツは事前に「共通パーツ」にて投稿が必要です。

ページ内リンク

ページ内リンクのリストを設置します。

リンク先idは各セクション「サイドバー->高度な設定->HTMLアンカー」にて設定してください。

講習会・イベント一覧

選択した講習会・イベント一覧を呼び出します。

カラム、ラベル(対象・教科)の表示非表示が選べます。上記は講習会・イベントの詳細ページで設定可能です。

バナーを設定していなければアイキャッチ画像が表示されます。どちらとも未設定は想定の範囲外ですが、components/content-practice.php:12にてブランク画像を変更可能です。

先生ブロック

先生の情報を取得します。背景が必要な場合は別途つけてください。

教室詳細ページは自動取得ですので、何も設定は必要ありません。

他のページ(合格体験記以外)で独自にテキストを設定したい場合は、独自の紹介文を利用すれば既存の紹介文が上書きされます。

合格体験記一覧

選択した合格体験記を呼び出します。

お知らせ一覧(内部未実装)

カテゴリーラベルとお知らせ一覧を呼び出します。

合格実績一覧(内部未実装)

選択した合格実績を一覧で呼び出します。

さらに表示する場合とそうでない場合の切り替えを実装予定です。

保護者の声一覧(内部未実装)

選択した保護者の声を一覧で呼び出します。

スライダーか否かの切り替えを実装予定です。

追加クラス

モジュールのデフォルト機能であるサイドバーに表示される追加クラスについて

ディスプレイ

--sp 767.9px以下で表示(スマホ)
--tb 768px以上で表示(タブレット以上)

管理画面上は上記の限りではない

ショートコードについて

使用できるショートコードについて。

ACFフィールド

各ページにあるACFで登録されたフィールドは[field_name]で呼び出しが可能です。

Taxonomy(学年など)

各ページにて登録されたterm一覧を呼び出すことができます。

学年の場合は自動で登録した色がつきます。

使用例

[show_terms tax="grade" wrapper_class="--thin" label_class="--small"]

  • tax 以外はなくてもOK
  • --thin 5pxのgap
  • --small 小さいラベル

taxonomy一覧

目的
objective
先生
teacher
お知らせカテゴリ
news_category
学校
school
年度
year
種別
(講習会・イベントなど)
practice_type
エリア
area
学年
grade