帯広 小林音楽教室

お知らせ投稿マニュアル

News Update Guide

「教室からのお知らせ」セクションは、特別なデザイン(リボンや背景装飾)を維持するため、 「ひな形(テンプレート)」をコピー&ペーストして増やす方法で更新します。
以下の手順に沿って作業を行ってください。

1 編集画面を開く

トップページを開き、上部バーの「Elementorで編集」をクリックします。
「教室からのお知らせ」セクションをクリックして、左側のコード編集画面を表示させてください。

2 テンプレートをコピーする

以下のボックスの中にあるコードが「お知らせのひな形」です。
ボックスをクリックすると全選択されますので、そのままコピー(Ctrl+C)してください。

▼ お知らせ用テンプレートコード

※クリックしてコピーしてください

3 貼り付けて編集する

コピーしたコードを、Elementorの編集画面(左側のパネル)に貼り付けてから内容を書き換えます。

① 貼り付ける場所

コードの中に「★ここに新しいお知らせを貼り付けてください」という目印があります。
そのすぐ下の行に貼り付けてください。

<!-- ★ここに新しいお知らせを貼り付けてください -->
(ここに貼り付け!)

② 内容を書き換える

貼り付けたコードの中の「黒い文字」部分を書き換えます。

<time class="...">2026.04.01</time>
<h3 class="...">記事のタイトル</h3>
<p class="...">
  ここに本文を入力します。
  <br>(改行したい場合はbrタグを入れる)
</p>

4 バッジ(リボン)の色を変える

お知らせの左上にある「イベント」「受賞」などのバッジは、コードを少し変えるだけで色を変更できます。

イベント

ピンク色(通常・イベント用)
コード: news__badge--pink

祝!受賞

金色(受賞・お祝い用)
コード: news__badge--gold

書き換え方

<span class="news__badge news__badge--pink">イベント</span>

pink の部分を gold に書き換えると、金色のバッジになります。
もちろん「イベント」という文字も自由に変更可能です。

お困りの際は

「コピーに失敗して表示が崩れた」「元に戻せなくなった」という場合は、保存せずにご連絡ください。
いつでもサポートいたします。

© Kobayashirika.com All Rights Reserved.