2月1日( 土)のレッスン内容: WordPRESSの設定 (2コマ 120分)

1コマ 18:30~19:30

  • 前回の復習
  • WORDPRESSの初期設定

2コマ 19:40~20:40

  • テーマLightningをインストールして、全5ページのサイトのうちのトップページを作成します。
    ※この内容は6コマ目までを予定しています。 

 

前回の復習

まずは、前回の復習をします。

HTMLの仕組み

WORDPRESSのインストール

WORDPRESSのファイル構造

WORDPESSの初期設定

WordPRESSはブログとHPどちらとしても運営できますが、この講座ではHPとしての設定をしていきます。

以下の内容を講師がPC操作しながら説明します。
生徒さんはそれについてきてください。

 

一般設定

サイトタイトルやメールアドレスなどの基本的な設定

やること

サイトタイトルをつける

キャッチフレーズをつける

メールアドレスの設定をする(生徒さん用のメールアドレスはこちら)

表示設定

トップページに表示するコンテンツの設定

やること

フロントページ(トップページ)の設定をする

ブログページの設定をする

1ページに表示する最大投稿数をきめる

検索エンジンがサイトをインデックスしないにチエックを入れます。※(サイト完成後にこのチエックを外します。)

 

ディスカッション設定

パーマリンク

記事や固定ページのURLの表示方法に関する設定

カスタム構造に「 /%postname%」と入力する

WORDPRESSの設定はひとまず以上です。
次はページを作成していきます。

参考サイト

 

ページ作成の説明

 

いよいよページ作成していきます。
3,4,5,6コマを使って全5ページのサイトを作成します。

サイト構成

  1. top
  2. プロフィール
  3. メニュー
  4. よくある質問
  5. お問い合わせ

こんなページをつくります。

 

使用するテーマは株式会社ベクトルの「Lightning」

レッスンに使用するテーマは慎重に検討した結果、株式会社ベクトルさんの「Lightning」に統一することにしました。

Lightningを選んだ理由
  1. 無料で使える
  2. HTMLを触らず綺麗なページが作れる
  3. 有名なテーマなので、情報がすぐに見つかる

エディターはグーテンベルグのブロックエディター

HTMLを打ち込みながら作成するのは有意義なことなのですが、とても時間がかかります。

ですので、このレッスンでは、グーテンベルグのエディターを使ってテンポよくページを作成していきます。

ページ作成の操作手順

 

ページ作成の操作手順

ページ作成の手順は以下の通りです。

  1. テーマ「Lightning」のインストール
  2. Lightningの拡張機能のインストール
  3. 各ページ作成
    1. top
    2. 教室について
    3. サービス案内
    4. よくある質問
    5. スタッフブログ
    6. お問い合わせ
  4. 外観→メニューで3で作成した各ページをリンクさせる
  5. 各ページの作り込み