【第4回】塾を紹介するセクションをつくってみよう

本連載は塾のホームページを作りたい方に向けて、「chotto」を使って初めてのホームページ作成に挑戦するレッスンシリーズです。アカウントをお持ちでない方は、まずはこちらよりアカウント作成をしてください。

第4回目では塾を紹介するセクションを作成していきます。

それでは、レッスンスタートです!

【STEP1】サイト作成ページに移動する

メニューより「サイト作成」をクリックして、サイト作成画面に移動します。

【STEP2】編集画面に移動する

編集メニューより「私達について」をクリックして、編集ページに移動します。

【STEP3】ブロックを追加する

画面上部にある「+ブロックを追加」をクリックします。

ポップアップが表示されるので「見出し」の部分にこの文章ブロックの見出しを入力して、「追加する」をクリックします。

新しく一覧に文章ブロックが追加されたのがわかります。

【STEP4】文章を入力してみよう

作成されたブロックに文章を入力していきます。任意のブロックの「タイトル名」または「開ける」をクリックします。

編集画面が表示されるので本文のところに文章や画像などをアップロードしていきます。入力が完了したら「保存する」をクリックします。

ホームページを確認すると新しく文章ブロックが追加されたのがわかります。

【STEP5】文章ブロックの順番を変えてみよう

「ABOUT」セクションに表示される文章ブロックの順番を変更してみましょう。

一覧のところから順番を変えたいブロックのところにある「↑」「↓」アイコンをクリックすると、好きな順番で文章ブロックを表示できます。上から順番にブロックが表示されます。

サイトを確認すると文章ブロックの順番が変更されたのが分かるかと思います。

【STEP6】ブロックを削除してみよう

一覧から削除したいブロックのところにある「ゴミ箱」アイコンをクリックします。

確認用のウィンドウが表示されるので「削除する」をクリックします。

🎥 動画での解説はこちら👇


今回のレッスンは以上になります。

次回は塾のコースを作成していきましょう。