2018年3月25日開催「WordPress初心者講座」(主催 UX Yokohama) の講義資料です。ページ数が多いため資料01から資料05まで5分割してSlideShareに投稿しています。WordPress 4.x の基本的な操作方法をハンズオン形式で解説する内容です。残念ながらWordPress 5.x (Gutenberg) の登場により講義後半の内容が無意味になってしまいました。 資料01 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-01 資料02 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-02 資料03 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-03 資料04 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-04 資料05 https://www.slideshare.net/akihiromoriyamaureka/wordpress2018325-05

1. 主催：
WordPress初心者講座・ワードプレスを使ってみよう
8. テーマをカスタマイズする
9. 作業を終了する
10. ふりかえり
2018.3.25開催

2. >150
8. テーマをカスタマイズする
•ヘッダー画像の差し替え

3. TRY!
SLIDE
メニューより「外観 〉カスタマイズ」を選んで
ください。
>151

4. カスタマイズ画面（リアルタイムプレビュー画
面）に切り替わったことを確認してください。
>152

5. ヘッダー画像（表紙絵）を差し替えます。
えんぴつマークをクリックしてください。
>153

6. ヘッダー画像欄の「新規画像を追加」ボタンを
クリックしてください(動画の方ではなく)。
>154

7. 「ファイルをアップロード」タブをクリックし
てください。
>155

8. 「ファイルを選択」ボタンをクリックしてくだ
さい。
>156

9. ファイル選択ダイアログからSDカードを開き、フォ
ルダ「WordPress初心者講座」の中にあるヘッダー
画像用のJPGファイル３つを開いてください。
>157

10. アップロードした３つのヘッダー用画像から好
きな画像を一つ選び、「選択して切り抜く」ボ
タンをクリックしてください。
>158

11. ヘッダー画像用のJPGファイル３つはどれも切
り抜く必要のない横長の画像です。「切り抜か
ない」をクリックします。
>159

12. 「公開」ボタンをクリックしてください。
>160

13. 画面左上端の「閉じる」ボタンをクリックし、
カスタマイズ画面（リアルタイムプレビュー画
面）を閉じてください。
>161

14. メニューより「マイホームページ 〉サイトを表
示」を選んでください。
>162

15. ヘッダー画像の差し替わったことを確認してく
ださい。
>163

16. メニューより「マイホームページ 〉ダッシュボー
ド」を選んでください。
>164

17. WordPressの「ダッシュボード」画面に戻った
ことを確認してください。
>165

18. ここまでのふりかえり
>166
•テーマのカスタマイズ
•ヘッダー画像の差し替え

19. >167
9. 作業を終了する
•WordPressをログアウトする
•ウェブブラウザを終了する
•Windowsを終了する

20. WordPressのメニューより「ログアウト」を選
んでください。
>168

21. ウェブブラウザのメニューより「終了」を選ん
でください。
>169

22. SLIDE
Windowsメニューより「シャットダウン」を選
んでください。
>170

23. ↑
LEDランプ
←SDカード
SLIDE
ノートパソコン手前端のLEDランプが消えた
ら、SDカードを抜いてください。
>171

24. >172
10. ふりかえり

25. ふりかえり(1)
>173
•WordPressはウェブサイトを編集するアプリである
•WordPressはウェブサーバーにインストールし、パソ
コンのウェブブラウザから遠隔操作する
•WordPressによってウェブサイトの管理が楽になる
•WordPressは非常に多機能であるため、すべての機能
を使いこなすのは難しい。基本機能だけを使うのであ
れば簡単に使える
•WordPress自体は無料であるが、実際にはサーバーを
レンタルする費用が必要である

26. ふりかえり(2)
>174
•投稿……………いわゆるブログ記事。毎日投稿され増え
続ける前提のページ
•固定ページ……めったに更新することのない、かつ重要
な情報を掲載しているページ
•ホームページ…ウェブサイトの表紙にする固定ページ
•テーマ…………ウェブサイトの見栄えに関する設定を差
替可能な部品として1つにまとめたもの
•ウィジェット…ウェブサイト上で動く小さなプログラム
•プラグイン……機能を追加するための部品

27. WordPressを自習したい時は？
>175
•無料レンタルサーバーがあります
•広告が勝手に挿入される、一部機能
が使えない、等の制約があります
•Google検索で「WordPress 無料」
と入力すればたくさん出てきます

28. おすすめの本は？
>176
いちばんやさしいWordPressの教本
人気講師が教える本格Webサイトの
作り方(第3版)
•著者 石川栄和, 大串 肇, 星野邦敏
•出版 インプレス
•ISBN 978-4295000792
•2017年末時点で販売されている初心者向け
の本で、いちばんわかりやすいと講師が思
う本です。

29. 最後に
>177
本日はお忙しい中ご参加いただき
ありがとうございました。
お問い合わせ先 twitter @ux_yokohama
peatix uxyokohama.peatix.com
email uxyokohama@gmail.com