初めてでもできる!WordPressでホームページ制作講座 - miroom

初めてでもできる!WordPressでホームページ制作講座

本格的なホームページの作り方が学べる講座。初期設定から丁寧に解説します。

みずほ先生|ビジネス|Webデザイン

みずほ先生

ビジネス

Webデザイン

PDF資料あり

100名以上受講中

806

月々¥2,480〜

講座の紹介

皆さん、こんにちは!

フリーランスでwebデザイナー・エンジニアをしています、みずほです。

大学卒業後、都内IT企業で約3年半システムエンジニアとして勤務しました。

現在は講師のお仕事を中心に、Web制作やSNS運用など幅広く活動しています^^

今回の講座では、PC初心者さんでもWordPressでホームページを制作する方法をレクチャーします。



Wordpressとは、ホームページを作成できる無料のソフトウェアのことです。

シンプルな管理画面を使って、ブログ感覚で簡単にホームページの作成ができてしまうんですよ♪

けれど、PCをほとんど触ったことが無い人にとって、ホームページ作成は少しハードルが高く感じるのではないでしょうか?

今回の講座では、初心者さんが安心して学べる丁寧な解説を心がけています。

講座にご参加いただくと 下記サンプルサイト のような素敵なホームページが作れるようになりますよ♪
サンプルサイトはこちらです

「普段はネットサーフィンばかりだけど、ホームページを作成したい!」

そのような方は、ぜひご参加ください!

とっても素敵なホームページ作成ができる技術を、ぜひ一緒に学んでいきましょう♪



基本機能を一通りマスターできます!

今回の講座にご参加いただくと、WordPressを使ったホームページ作成の基本機能を一通りマスターできます。

講座で学ぶ基本機能はこちらです!

・投稿機能 (ブログ、お知らせ、教室のレッスン紹介、商品紹介)
・固定ページ (アバウトページ)
・お問い合わせページ

基本機能だけでも、自分だけの素敵なHPが完成します。





ポートフォリオをまとめ情報を発信したり、ショッピングカート機能を追加しゆくゆくはネットショップを開いたり、HP作成で夢が広がりますね♪



プロから学ぶのが一番の近道です!

独学だとどうしても、疑問が解決できなかったり、技術習得まで遠回りをしてしまったり…。
様々なトラブルが発生します。



WordPressを学ぶなら、正しい技術・知識が学べ、疑問の解決ができることが技術習得への近道です。



しっかりと基礎技術が身に付くよう、サポートいたします♪

分からないことの多いWordpressだからこそ、安心して学べる環境が整ったこの講座で学んでくださいね♪

こんな方におすすめ!

✓ホームページをご自身で作りたい方
✓Wordpressの基本機能をマスターしたい方
✓Wordpress初心者さん


生徒の声

  • ユーザーアイコン

    すごくわかりやすいです!


カリキュラム

Icon course curriculum 2全12回のレッスンで構成されています。

Icon course curriculum 1何度でも動画を見返すことができます。

LESSON
1

WordPressをはじめよう

WordPressをはじめようのサムネイル

まずは、ホームページ作成を始める前の事前準備からレッスンします。「WordPress」とは?などの基本的なことからレクチャーしていきますので、初心者さんも安心してご受講くださいね♪

〈このレッスンで学べること〉
■WordPressとは?
■WordPressでできることとメリット
■WordPressを使うための準備

  • オープニング

    00:00
  • はじめに

    00:20
  • クラスのゴールについて

    00:55
  • パソコンの環境を整える

    01:57
  • WordPressとは

    05:32
  • Xserverのクイックスタートを準備する

    09:03
  • おわりに

    14:48
LESSON
2

使う画像を用意しよう

使う画像を用意しようのサムネイル

続いて、ホームページの雰囲気を左右する画像についてのレッスンです。先生が実際によく使う、おすすめの写真素材サイトの紹介や、画像の編集方法について学んでいきます。素敵な画像を作成して、あなた好みのページに仕上げましょう♪

〈このレッスンで学べること〉
■おすすめの写真素材サイト
■画像の編集

  • オープニング

    00:00
  • はじめに

    00:20
  • 画像素材を探す

    01:02
  • ツールを準備する

    04:16
  • Figmaの機能について

    06:14
  • メインイメージのサイズを編集する

    08:48
  • ブログ記事内の画像のサイズを編集する

    14:20
  • アイキャッチ画像を編集する

    16:17
  • 画像をグループ化して保存する

    24:28
  • おわりに

    26:46
LESSON
3

初期設定をしよう

初期設定をしようのサムネイル

続いて、WordPressの基本操作〜初期設定の方法を学びます。言語設定・サイトのタイトル・キャッチフレーズなどの細かな設定を行います。丁寧にレクチャーしますので、ひとつずつ理解しながら作業をしていきましょう♪

〈このレッスンで学べること〉
■管理画面の基本操作
■初期設定の方法

  • オープニング

    00:00
  • はじめに

    00:20
  • ホームページを作成する流れ

    00:49
  • WordPressにログインする

    01:57
  • 管理画面の見方について

    03:02
  • 初期設定をする

    04:51
  • おわりに

    06:54
LESSON
4

ページのテーマを設定しよう

ページのテーマを設定しようのサムネイル

続いて、「テーマ」と呼ばれるデザインテンプレートをホームページに適用するレッスンです。テーマごとに雰囲気がガラリと変わります。変更前後の変化に注目しながらレッスンしていきましょう♪

〈このレッスンで学べること〉
■テーマの探し方
■テーマの適用

  • オープニング

    00:00
  • はじめに

    00:20
  • テーマとは

    00:56
  • テーマの見つけ方

    01:53
  • テーマをインストールする

    04:20
  • テーマをアップロードする

    06:30
  • テーマの設定をする

    10:39
  • おわりに

    15:17
LESSON
5

固定ページを作成しよう

固定ページを作成しようのサムネイル

続いて、WordPressで固定ページを作る方法をレッスンします。固定ページとは、「会社情報」や「お問い合わせ」のように、単体ページのことを指します。投稿一覧には表示されないため、メニューバーなどに配置する方法もご紹介いたします。

〈このレッスンで学べること〉
■ABOUTページの作成

  • オープニング

    00:00
  • はじめに

    00:20
  • 「投稿」と「固定ページ」の違い

    01:03
  • 固定ページの作成方法

    03:08
  • タイトルと見出しを入力する

    05:04
  • 本文を入力する

    06:35
  • 記事内のボタンの設置方法

    08:18
  • アイキャッチを設定する

    10:34
  • パーマリンク設定を行う

    12:15
  • テーマの設定を行う

    13:08
  • パンくずリストの位置を設定する

    15:01
  • おわりに

    16:27
LESSON
6

投稿機能を活用してみよう!①

投稿機能を活用してみよう!①のサムネイル

続いて、WordPressを使ってブログ投稿をするレッスンです。難しい操作はなく、誰でも簡単にブログを投稿できます。ブログ投稿の方法を一つずつじっくりと学んでいきましょう♪

〈このレッスンで学べること〉
■ブログ記事の作成方法
■ブログ記事の投稿方法

  • オープニング

    00:00
  • はじめに

    00:20
  • タイトルと本文を入力する

    01:06
  • 画像を追加する

    02:25
  • 文字を装飾する

    05:45
  • アイキャッチを設定して公開する

    07:13
  • 投稿を削除する

    10:14
  • 投稿の設定を行う

    11:07
  • カテゴリーを作成する

    14:03
  • 記事をカテゴリー分けする

    16:52
  • おわりに

    21:02
LESSON
7

投稿機能を活用してみよう!②

投稿機能を活用してみよう!②のサムネイル

カテゴリー機能を使って、「投稿」で作成した記事をカテゴリー分けしていくレッスンです。カテゴリーを使えるようになると、ホームページの活用の幅が広がるので、しっかりとレッスン内容を理解しましょう。

〈このレッスンで学べること〉
■カテゴリーの作成
■お知らせの作成&投稿方法
■レッスンページの作成&投稿方法
■商品ページの作成&投稿方法

  • オープニング

    00:00
  • はじめに

    00:20
  • 記事一覧ページについて

    01:02
  • レッスンページを作成する

    03:09
  • 記事一覧ページの並び方を調整する

    06:11
  • おわりに

    09:15
LESSON
8

「お問い合わせページ」を作成しよう

「お問い合わせページ」を作成しようのサムネイル

続いて「お問い合わせページ」を作成するレッスンです。WordPressでお問い合わせフォームを作成できる追加機能(プラグイン)を使用し作成していきます。お客様にお使いいただく大切なページとなりますので、しっかりと作成方法を学んでいきましょう。

〈このレッスンで学べること〉
■プラグインのインストール&有効化
■お問い合わせフォームの設置

  • オープニング

    00:00
  • はじめに

    00:20
  • プラグインについて

    01:01
  • プラグインをインストールする

    02:02
  • お問い合わせフォームを設置する

    04:15
  • お問い合わせフォームの設定をする

    07:01
  • リンクの設定を行う

    08:32
  • プラグインの見つけ方

    10:22
  • プラグイン導入の注意点

    11:08
  • おわりに

    11:52
LESSON
9

トップページを作成しよう

トップページを作成しようのサムネイル

続いて、トップページを作成するレッスンです。ページにアクセスした際、一番初めに表示されるページです。お客様の目を引くページを作成し、集客へとつながるような素敵なページに仕上げていきましょう。

〈このレッスンで学べること〉
■トップページの作成
■共通パーツ (ヘッダー・フッター)の作成

  • オープニング

    00:00
  • はじめに

    00:20
  • ヘッダーを作成する

    01:01
  • メインイメージを設定する

    05:23
  • インデックスの設定を行う

    07:00
  • ウィジェットを使ってフッターを作り込む

    09:48
  • メニューとサイトアイコンを設定する

    14:15
  • 新着記事一覧の表示を調整する

    19:59
  • おわりに

    21:25
LESSON
10

【応用】CSSでホームページの見た目を整える①

【応用】CSSでホームページの見た目を整える①のサムネイル

応用編の1つ目では、実際にHTMLとCSSを用いてメインイメージのサイズ変更やメニューのフォント調整を行います。

〈このレッスンで学べること〉
■WordPressの仕組みについて
■HTMLとCSSの基本
■Google Chrome検証ツールの使い方

  • オープニング

    00:00
  • はじめに

    00:20
  • WordPressの仕組みについて

    00:59
  • CSSの書き方と読み方

    02:45
  • コードを書く場所について

    04:36
  • CSSの種類について

    06:02
  • おわりに

    13:41
LESSON
11

【応用】CSSでホームページの見た目を整える②

【応用】CSSでホームページの見た目を整える②のサムネイル

前回のレッスンに引き続き、CSSを使ってホームページの見た目を整えていきます。

〈このレッスンで学べること〉
■ボタンの配色を変更する
■フッターのお問合わせ先の見た目を整える
■スマホ表示を整える
■ページをふわっと表示させる

  • オープニング

    00:00
  • はじめに

    00:20
  • HTMLの基本について

    01:02
  • CSSの基本について

    03:44
  • 検証ツールの使い方

    06:08
  • メインイメージのサイズを変更する

    08:20
  • メニューのフォントを調整する

    16:16
  • おわりに

    23:44
LESSON
12

ホームページを運用する前に

ホームページを運用する前にのサムネイル

最後に、ホームページを運用する前にやっておくべきセキュリティ対策や、運用の際に使えるおすすめのプラグインをご紹介します。

〈このレッスンで学べること〉
■おすすめのプラグイン
■WordPressとセキュリティ
■ホームページ運用前にすべきこと

  • オープニング

    00:00
  • はじめに

    00:20
  • WordPressとセキュリティについて

    01:19
  • ホームページ自体を守るセキュリティ

    01:59
  • 訪れたユーザーを守るためのセキュリティ

    05:35
  • SEO対策について

    07:57
  • Google Search Consoleの導入手順

    10:40
  • 最低限のSEO対策①

    13:50
  • 最低限のSEO対策②

    15:56
  • 最低限のSEO対策③

    19:57
  • バックアップの取得について

    21:38
  • WordPressのアップデートについて

    24:50
  • おすすめのプラグイン

    31:16
  • おわりに

    35:20

テレビや雑誌などメディアにも紹介多数

ミルーム(miroom)とは

  • 定額制オンラインレッスンサービス

    ご契約期間内はいつでもどこでも
    繰り返し受講できます。

    定額制オンラインレッスンサービス
  • 講座が全て受講し放題

    18カテゴリー、1,500以上の講座が
    無制限で好きなだけ受講可能。

    講座が全て受講し放題

料金・契約期間

3つの契約期間から選択できます。
契約期間が長いほど、月々の料金がお得!

料金・契約期間
  • ※各契約期間でのサービス提供内容に差はありません。
  • ※期間終了後は自動更新となりますが、マイページの「有料会員情報の確認・更新」からいつでもご解約手続きをしていただけます。
Iさんの場合

Iさんの場合

講座を見直してしっかり復習もしたいので、ゆっくり進められる6ヶ月契約にしています。先生とのコメントでのやりとりで、分からないことを解消できるのも良いです。

Tさんの場合

Tさんの場合

子育てをしながらの利用になるのでまずは3ヶ月契約にしてみました。1ヶ月あたり2,980円なので、近くのお教室に通うよりも続けやすい料金で助かります。


先生の紹介

みずほ先生|ビジネス|Webデザイン

みずほ先生
みずほ先生公式インスタグラム _____mc_design

インタビュー

Q. 先生がコーディングを始めたきっかけは何ですか?


A. 私は元々IT企業でシステムエンジニアとして勤務していました。そのこともあってWeb制作の専門スキル (デザインやコーディング)があると思わえて、ある日知人からホームページ制作を頼まれたんです。
実際仕事の中で使っていたスキルとホームページを作成するスキルは全然別物だったのですが、そういった分野にも興味があったので、じゃあやってみよう!と勉強し始めたのがきっかけです。


Q. 先生が思うWordPressの魅力は何ですか?


A. 従来のホームページは、ある程度の知識がないとホームページやブログは更新することが難しいものでした。その点WordPressには「管理画面」が存在するため、知識がない方でも簡単に更新をすることができます。(そして従来のホームページは更新の手間もかかるため、知識がある人間からしても手軽に更新できる優れもの!!)それが何よりの魅力で、世界中から使われるようになった理由の1つかなと思っています^^


Q. 初心者ですが、大丈夫でしょうか?


A. 初心者向けの講座となっていますのでご安心ください。レッスンと同じように手を動かしていただくだけで、サンプルサイトのようなホームページが完成します^^
また、質問も可能ですのでわからないことがあればご質問くださいね〜!


Q. 受講される方々へ一言お願いします♪


A. 講座をご受講いただきありがとうございます^^WordPressであなただけのオリジナルサイトを作成しましょう♡進める中でわからないことがあれば、お気軽にご質問くださいね。


FAQ

Q. 動画は何回でも見ることができますか?


A. はい。何回でも繰り返し見ることができます。また、途中止めながらご自分のペースで受講していただけます。


Q. 動画に公開期間はありますか?


A. 一度公開された動画は、有料会員である限り、期限なくいつまででも受講いただくことができます。


Q. 講座はいくつでも受講することができますか?


A. はい。個数や期間の制限なくいくつでも受講していただけます。