WordPress研究会2019

2019年4月24日 比留間

WordPressでＨＰを制作する

第1回

内容1. WordPress研究会の目的と進め方

2. WordPressとは

3. ＨＰの作成

4. WordPressによるHP作成の手順

5. WordPressで学習すべきこと

6. WordPressログイン画面

7. WordPress管理画面

8. 固定ページ編集画面

9. 投稿編集画面

10. 外観 ウィジェット編集画面（例）

11. WordPress学習情報

12. WordPress研究会スケジュール2

１．WordPress研究会の目的と進め方

• 目的

– WordPressの学習を通じて、研究会に参加したメンバー各自がWordPressによるHP作成を実践する

• 進め方

– WordPressの説明 インターネット上の情報を活用する

– WordPressの導入 レンタル・サーバーの運用に準ずる

– WordPressによるHPの作成 インターネット上の情報を調べる

• 前提

– HPに掲載するコンテンツの準備

– 各自

– レンタル・サーバーの準備

– パソ隊が準備

3

２．WordPressとは

4

• WordPressは、世界で最も多く使われている、無料のホームページ＆ブログ作成ツールである

• WordPressをサーバーに導入し、WordPress管理画面にブラウザでログインし、HPを作成したり、 HPのデザインを変更したり、更新することができる

• WordPress管理画面で設定した項目や作成した記事内容などの各種データは、「データベース」(MySQL)に保管される

• WordPressは、オープンソースで、フリーソフトウェア財団 によって公開・維持されている『GPLライセンス』という決まり事で使用が許可されている

• WordPressには、公式サイトがある

– https://wordpress.org/ 公式サイト

– https://ja.wordpress.org/ ローカル・サイト

３．ＨＰの作成

• 稼働環境準備

– サーバーの準備

• WordPressが無い環境

– 白紙からHPのデザインを考える

– HP作成ルールを決めコンテンツを作成する

• WordPress環境

– テーマに合わせてデザインを考える

– WordPressの作法でコンテンツを作成する

5

4. WordPressによるＨＰ作成の手順

• 稼働環境を準備する

– サーバーの準備

– サーバーへのWordPressの導入

• ＨＰをデザインする

– HPのイメージの決定 － テーマの選定

– 実現したいことの決定 ー プラグインの選定

– HPの外観の決定 ー ＨＰの画面構成の仮決定

– コンテンツの準備 － 固定ページと投稿

– HPの外観の調整 － ウイジェットの選定

• WordPressの設定を行う － 管理画面による操作

6

5. WordPressで学習すべきこと（1）• 基本知識

– WordPressとは

• 導入・準備

– WordPress導入に必要なもの

• 設定・管理画面

– WordPressの操作

– 外観

– 設定

– ユーザー

– メディア

• ユーザー

– ユーザーとは

– 権限

• テーマ

– 『テーマ（デザイン）』とは

– WordPressデフォルトテーマ

– 外部テーマのダウンロードとインストール

7

• 投稿・固定ページ

– 『投稿』『固定ページ』とは

– 『投稿』『固定ページ』の新規作成

– コンテンツの編集

– 『投稿』『固定ページ』の公開

– 『投稿』『固定ページ』の更新

– 『投稿』『固定ページ』の削除

• コンテンツの編集

– テキストの編集

– メディアの取り込み

– 表の作成

– ギャラリーの作成

– スライドショーの作成

• プラグイン

– プラグインとは

– プラグインの導入

– プラグインの有効化

– プラグインの停止

– プラグインの停止と削除

• メニュー

– ナビゲーションメニュー

– ドロップダウンナビゲーションメニュ

• ウィジェット

– ウィジェットとは

– ウィジェットの設置8

5. WordPressで学習すべきこと（2）

6. WordPressログイン画面

9

7. WordPress管理画面

10

8. 固定ページ編集画面

11

9. 投稿編集画面

12

10. 外観 ウィジェット設定画面

13

11. プラグイン設定画面（１）

14

11. プラグイン設定画面（2）

15

12. WordPress学習情報• ゼロから始めるワードプレス入門

– https://homepagetoblog.com/wordpress/

• WordPressテーマ 「Twenty Fourteen」

– http://wp-themetank.com/wordpress-theme-free-magazine-blog-twenty-fourteen/

• さくらのレンタルサーバー（例）

– https://www.sakura.ne.jp/

• おすすめのWordPressテーマ51選：無料と有料まとめて紹介

– https://saruwakakun.com/html-css/wordpress/theme

インターネット上の情報を利用してＨＰの作成に生かす

16

13. WordPress研究会スケジュール

• 第1回 WordPressでHPを制作する

• 第2回 WordPressを導入する

• 第3回 WordPress管理画面を知る

• 第4回 「Twenty Seventeen」でHPを制作する

• 第5回 WordPressの機能を拡張する

• 第6回 WordPressをカスタマイズする

• 第7回 WordPressでのHP作成を振り返って

（注）第1回と第2回は同日に実施する

17