コピペで装飾

インフォメーション設置
教室情報(About Us)に設置して、各お知らせページに飛ばせます。

INFORMATION　　　　　　　　　　　　　　　　　

2024.04.09新学期スタート！
2024.03.10中学準備講座始まります
2024.01.01明けましておめでとうございます
2023.11.11冬期講習のお知らせ

　　カンタンな使い方

をクリックすると、自動的にコードがコピーされます。
# の部分を、飛ばしたいページのURLに変えて下さい。
青文字は、コピーして貼り付けた後に適宜変更して下さい。

注意・" = < > などの記号が1つでも欠けてしまうと、正常に表示されなくなるのでいじらないよう気をつけて下さい。
　　　　・コードの途中で改行をしないで下さい。見た目が崩れる可能性があります。

 コード例：
<h2 style="border-bottom:solid 2px orange; padding:5px;">INFORMATION</h2>
2024.04.09<a href="#" style="margin-left:10px;">新学期スタート！</a>
2024.03.10<a href="#" style="margin-left:10px;">中学準備講座始まります</a>
<p style="border-bottom:solid 1px orange; margin:25px 0px;"><!--　区切り線　--></p>

例①

INFORMATION

2024.04.09新学期スタート！
2024.03.10中学準備講座始まります
2024.01.01明けましておめでとうございます
2023.11.11冬期講習のお知らせ

例② 講師紹介ページと組み合わせる
　　　講師紹介ページで作成したページへ飛ばす入り口にする

講師紹介

2024.02.09えすら講師
2023.12.10いぶ講師
2023.09.11きょうこ講師

ここからコピーできます

<h2 style="border-bottom:solid 2px orange; padding:5px;">INFORMATION</h2>
2023.01.01<a href="#" style="margin-left:10px;">事柄を入力</a>
2023.01.01<a href="#" style="margin-left:10px;">事柄を入力</a>
<p style="border-bottom:solid 1px orange; margin:25px 0px;"><!--　区切り線　--></p>