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

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

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

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

みずほ先生

ビジネス

Webデザイン

PDF資料あり

100名以上受講中

1,554

学習内容

■ WordPressとは?
■ WordPressでできることとメリット
■ WordPressを使うための準備
■ おすすめの写真素材サイト
■ 画像の編集
■ 管理画面の基本操作
■ 初期設定の方法
■ テーマの探し方
■ テーマの適用
■ ABOUTページの作成
■ ブログ記事の作成方法
■ ブログ記事の投稿方法
■ カテゴリーの作成
■ お知らせの作成&投稿方法
■ レッスンページの作成&投稿方法
■ 商品ページの作成&投稿方法
■ プラグインのインストール&有効化
■ お問い合わせフォームの設置
■ トップページの作成
■ 共通パーツ (ヘッダー・フッター)の作成
■ WordPressの仕組みについて
■ HTMLとCSSの基本
■ Google Chrome検証ツールの使い方
■ ボタンの配色を変更する
■ フッターのお問合わせ先の見た目を整える
■ スマホ表示を整える
■ ページをふわっと表示させる
■ おすすめのプラグイン
■ WordPressとセキュリティ
■ ホームページ運用前にすべきこと

こんな方におすすめ!

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

講座の紹介

皆さん、こんにちは!

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

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

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

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



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

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

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

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

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

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

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

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



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

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

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

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

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





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



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

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



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



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

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


生徒の声

  • ユーザーアイコン

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


カリキュラム

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

1. WordPressをはじめよう

  • オープニング

    00:00
  • はじめに

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

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

    01:57
  • WordPressとは

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

    09:03
  • おわりに

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

2. 使う画像を用意しよう

  • オープニング

    00:00
  • はじめに

    00:20
  • 画像素材を探す

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

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

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

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

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

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

    24:28
  • おわりに

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

3. 初期設定をしよう

  • オープニング

    00:00
  • はじめに

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

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

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

    03:02
  • 初期設定をする

    04:51
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

    00:20
  • テーマとは

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

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

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

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

    10:39
  • おわりに

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

5. 固定ページを作成しよう

  • オープニング

    00:00
  • はじめに

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

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

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

    05:04
  • 本文を入力する

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

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

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

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

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

    15:01
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

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

    01:06
  • 画像を追加する

    02:25
  • 文字を装飾する

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

    07:13
  • 投稿を削除する

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

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

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

    16:52
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

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

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

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

    06:11
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

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

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

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

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

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

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

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

    11:08
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

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

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

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

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

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

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

    19:59
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

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

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

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

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

    06:02
  • おわりに

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

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

  • オープニング

    00:00
  • はじめに

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

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

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

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

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

    16:16
  • おわりに

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

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

  • オープニング

    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

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

ミルームとは

  • 魅力的な講座が、毎月続々と開講

    講師と編集部がこだわって作る講座が、毎月開講されます。講座は現在2,000件以上。自分のお気に入りがきっと見つかります。

    魅力的な講座が、毎月続々と開講
  • 動画講座だから、自分のペースで受けられる

    1カリキュラム約20分の動画講座で、周りを気にせず自分のペースで受講。制限なく、何度でも見直すことができます。

    動画講座だから、自分のペースで受けられる
  • わからない点は、講師へ直接質問

    コメント機能で、わからない点は講師に直接質問できます。回数の制限もありません。

    わからない点は、講師へ直接質問
  • キットも購入できるため、準備が簡単

    経験豊富な講師が選んだ材料と道具をひとつにしたキットをご用意。足りない材料だけを単品で購入することもできます。

    キットも購入できるため、準備が簡単
  • 図案や見本などの資料は、PDFでダウンロード

    講座で使う補助資料は、キットと一緒にお届け、もしくはPDFでダウンロードすることができます。

    図案や見本などの資料は、PDFでダウンロード
  • 受講はすべて半期単位。お得な料金で続けやすい

    半期会費¥17,880で受講が可能。講座ごとの受講料はありません。教室に比べて続けやすいお得な料金です。

    受講はすべて半期単位。お得な料金で続けやすい

先生の紹介

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

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

インタビュー

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


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


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


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


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


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


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


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