ホームページ制作・WordPress
「ホームページを作ってみたい」
「WordPressを使ってみたい」
「Webの仕事に興味がある」
WordPressの基本操作から、
ホームページの制作・更新・管理まで、
Webサイトを実際に扱うための基本的なスキルを学びます。
Web制作が初めての方にも分かりやすいよう、 WordPressの基本からホームページの作成・更新まで、 実際のWebサイトをイメージしながら学んでいきます。
そもそもWordPressとは？
Webサイトを作る仕組み
WordPressは、ホームページやブログなどの Webサイトを作成・管理するために利用されている システムです。
文章や画像を追加
管理画面から文章や画像などの コンテンツを追加し、ページを作成できます。
ページを編集
公開したページの文章や画像を変更するなど、 Webサイトの内容を編集できます。
更新・管理
お知らせを追加したり、情報を変更したり、 Webサイトを継続的に更新・管理できます。
WordPressは「ブログだけ」に使うものではありません。
企業サイト、サービス紹介、学校・施設のサイトなど、
さまざまなWebサイトの制作・管理に利用されています。
ホームページはどうやってできているの？
Webサイトは、さまざまな情報を組み合わせて作られています。
文章
見出しや説明文など、 Webサイトで伝えたい情報を掲載します。
画像
写真やイラスト、バナーなどを使って、 情報を分かりやすく伝えます。
リンク
別のページや外部サイトなどへ 移動できるように設定します。
メニュー・URL
サイト内のページを探しやすくする メニューや、ページの住所となるURLがあります。
WordPressを操作してみよう
管理画面
Webサイトを管理する画面を操作します。
固定ページ
会社概要や授業内容などのページを作成します。
投稿
お知らせやブログなどの情報を掲載します。
画像の追加
写真や画像をページに掲載します。
文章の編集
ページ内の文章を追加・修正します。
見出し設定
情報を整理して読みやすいページを作ります。
リンク設定
ページ同士をつなぐリンクを設定します。
公開・更新
作成したページを公開・更新します。
プレビュー
公開前にページの表示を確認します。
固定ページと投稿の違い
WordPressでは、情報の目的に応じて 「固定ページ」と「投稿」を使い分けます。
| 固定ページ |
サイト内で比較的長く掲載する情報に向いています。 例： 会社概要／お問い合わせ／アクセス／授業内容／サービス紹介 |
|---|---|
| 投稿 |
新しい情報を追加していくコンテンツに向いています。 例： お知らせ／ブログ／最新情報／ニュース |
| ポイント | それぞれの特徴を理解し、 サイト内の情報を目的に応じて整理することが大切です。 |
実践！ホームページを作ってみよう
Webサイト制作では、いきなりコードを書くのではなく、 まず「何を伝えるサイトなのか」を考えるところから始めます。
サイトの目的を考える
誰に、何を伝えるためのWebサイトなのかを整理します。
掲載する情報を整理する
必要な文章・画像・ページなどを考えます。
ページを作成する
WordPressを使って必要なページを作成します。
文章や画像を配置する
見る人に必要な情報をページへ掲載します。
デザインを整える
文字・画像・余白などを調整して見やすくします。
プレビューで確認する
実際の表示を確認し、必要な部分を修正します。
公開・更新する
完成したページを公開し、必要に応じて更新します。
Webページの基本も知ろう
ページの構造
HTMLは、Webページの文章や構造を 作るための基本的な言語です。
- 見出し
- 文章
- 画像
- リンク
- リスト
ページのデザイン
CSSは、Webページの見た目を 整えるために使用します。
- 文字の大きさ
- 色
- 余白
- 背景
- レイアウト
- ボタン・角丸
伝わるホームページを作る
Webページは「作ること」だけではなく、 「見る人に必要な情報が伝わること」も大切です。
写真やイラストなどを使って情報を分かりやすくします。
長い文章を整理し、読みやすい構成を考えます。
情報をグループ分けし、ページの内容を把握しやすくします。
情報を詰め込みすぎず、見やすいレイアウトを考えます。
関連するページへ移動できるようにします。
見る人が必要な情報を見つけやすい構成を考えます。
ホームページは作って終わりではない
文章を変更
サービス内容や説明文などを必要に応じて修正します。
画像を変更
掲載する画像やバナーなどを更新します。
お知らせを追加
新しい情報を追加して、サイトを更新します。
リンクを確認
ページ内のリンクなどを確認し、情報を整えます。
Webサイトは、公開した後も必要に応じて 情報を更新・管理していくことが大切です。
こんな仕事に活かせます
WordPressやWeb制作の基本的な知識は、 Webサイトの更新や情報発信など、 さまざまな業務で活用することが考えられます。
デザイン＋WordPress
デザインツールで作った画像やバナーを WordPressのWebページに掲載することで、 情報発信につなげることができます。
スマートフォンでも見やすいサイトへ
Webサイトは、パソコンだけではなく スマートフォンから閲覧されることもあります。 見る人の環境を考えてページを作ることが大切です。
Web制作初心者でも大丈夫
WordPressを使ったことがない方や、
ホームページ制作が初めての方も、
基礎から少しずつWeb制作の知識を学びながら、
実際の操作に取り組むことができます。
「Web制作は難しそう」と感じている方も、
まずは実際に触れてみるところから
Webの世界を学んでいきましょう。
この授業で目指すこと
学べるWebスキル
ホームページ制作・WordPressの授業について
もっと知りたい方へ
授業内容や訓練について気になることがありましたら、
お気軽にお問い合わせください。