WordCamp Kansai 2016 ハンズオン- -基本機能をおさらいしよう！ WordPress のインストールから（当日資料）

1. 基本機能をおさらいしよう！
WordPress のインストールか
ら
2016年7月9日 WordCamp Kansai 2016
木谷 公哉（KITANI Kimiya） @kimipooh
資料：http://www.slideshare.net/kitanikimiya/

2. @kimipooh
◆ ITよろず屋（大学教員）
◆ ヘルプディスク、コンサルティング、コーディネーター
◆ コンテンツマネージャー、ネットワーク管理、サーバー
管理
◆ データベース開発
◆ リアル出没先
◆ WordBench京都
◆ WordBench大阪
WordCamp Kansai 2016 実行委員（広報チーム）

3. WordPress について

4. Contents Management System
(CMS)
ウェブ構成の知識（HTML / CSS）なく利用可
ちょっとしたサイトなら手軽に始めることができる
シンプル
豊富な
プラグイン
豊富な
テーマ

5. WordPress の仕組み
WordPress は、MySQL, PHP, Apache (Nginx）が必要
データベース
（MySQL）
コンテンツ
（記事）
コンテンツ
（コメント）
コンテンツ
（設定）
WordPress本体
コンテンツ
（その他）
写真
プラグイン
テーマ
設定
PHPプログラム
ウェブシステム
（Apache / Nginx）
ウェブページ
（アクセス時に生成）

6. 6
WordPress
Webシステム
(Apache / Nginx）
PHP
データベース
(MySQL)
MAMPは WordPressの動作に必要な、Webシステム、
データベース、PHPプログラムが内包されています。
手持ちの端末を疑似的にサーバーにする
ことができるソフトウェアです。
Windows & Macintosh
MAMP の役割

7. WordPressのインストー
ル

8. WordPress インストールの流れ
2. WordPressのダウロードと設置
3. データベースの設定
4. MAMPを起動
5. WordPressのインストール
別資料参照
http://www.slideshare.net/kitanikimiya/wordpress-mamp
1. MAMPのインストール
（サーバーの用意）
https://info.cseas.kyoto-u.ac.jp/links-ja/manuals

9. WordPressにログインしよう！

10. WordPressにログインしよう！
Web ブラウザ
http://localhost:8888/
http://localhost:8888/wordpress/

11. WordPressにログインしよう！
http://localhost:8888/wordpress/wp-adminhttp://localhost:8888/wordpress/

12. ダッシュボードとサイト
を行き来しよう！

13. ダッシュボードとサイト
を行き来しよう！
ダッシュボード（管理画面） ウェブサイト

14. 記事を書いてみよう

15. 記事を書いてみよう

16. 記事を書いてみよう
タイトル
内容

17. 記事を書いてみよう

18. 記事を書いてみよう
タイトル
内容
装飾
編集
フォーマット
装飾、HTMLソース編集・公開日指定
など基本的な設定が出来る

19. カテゴリーを追加してみよう！

20. カテゴリーを追加してみよう！

21. カテゴリーを追加してみよう！

22. カテゴリーを追加してみよう！
http://localhost:8888/wordpress/category/test/
カテゴリが表示されない！？
ダッシュボード > 設定 > パーマネント設定を更新してみよう！

23. 設定を変更してみよう！

24. 設定を変更してみよう！
1. サイト名を変更してみよう！
2. パーマリンクを変更してみよう！
3. コメント設定を見なおしてみよう！

25. 1.サイト名を変更してみよう！
「デモサイト２」へ
変更してみる

26. 2. パーマリンクを変更してみよう！
公開前に方針を決める（ URLが変更されるため）
http://◯◯/テスト/ http://◯◯/%E3%83%86%E3%82%B9%E3%83%88/

27. 3. コメント設定を見なおしてみよう！
コメントは炎上することもあるので気をつけよう！
デフォルト：一度承認されるまで承認制
いかなる場合でも承認制

28. 3-1. コメントを投稿してみよう！
WordPress からログアウトしてください

29. 3-2. コメントを承認してみよう！
http://localhost:8888/wordpress/wp-admin

30. テーマを変更してみよう！

31. テーマを変更してみよう！

32. Twenty Fourteen へ変更
テーマ変更後にサイトを確認してみましょう

33. 公式テーマを探してみよう！

34. プラグインをインストール
してみよう！

35. プラグインについて
機能
速度
機能機能
機能機能
重い
(>o<);
プラグインは様々な機能を WordPressに付与します。

36. 既存プラグインを有効化してみよう！
プラグイン > インストール済みプラグイン
プラグインは「有効化」をして初めて有効になります

37. 1. Duplicate Post プラグインのインスト−ル
duplicate post
新規追加 > プラグイン検索「duplicate post」
①
②
③
記事コピー機能を追加してみよう！

38. 記事コピー機能を追加してみよう！
2. Duplicate Post の有効化

39. 3. 記事を「新規下書き」（注意！）
複製 = 完全クローン : 公開記事ならコピー記事も即時公開！
記事コピー機能を追加してみよう！

40. 3. 記事を「新規下書き」
記事コピー機能を追加してみよう！

41. 4. 記事コピーを編集して公開
記事コピー機能を追加してみよう！

42. 5. 記事の確認
記事コピー機能を追加してみよう！

43. いろいろやってみよう！
• テーマの変更
• プラグインのインストール
• 記事の作成

44. 付録A
インストールしたプラグインでダッ
シュボードにログインできない！
MAMP  htdocs  wordpress  wp-content  plugins
プラグインフォルダを削除（移動）しましょう！

45. 付録B (1/2)
インストールしたWordPressを削除したい
Windows
1. C:¥MAMP¥htdocs 内の「wordpress」フォルダの削除
Macintosh
1. Macintosh HD  MAMP  htdocs 
「wordpress」 フォルダの削除
1. ファイル・フォルダの削除

46. 付録B (2/2)
インストールしたWordPressを削除したい
1. MAMPを起動→サーバー起動
2. http://localhost:8888/MAMPにアクセス
3. 上部「Tools（ツール）」→「phpMyAdmin」選択
2. データベースの削除

47. 付録C
インストールしたMAMPを削除したい
Windows
1. MAMPのアンインストール
2. C:¥MAMPフォルダの削除
Macintosh
1. Macintosh HD  MAMP フォルダの削除
インストールした WordPress ごと削除されます
MAMPを起動したら終了してから作業してください

48. ご静聴ありがとうございました
是非いろいろと楽しんでみ
てください！