#contents

** 概要 [#yed56b12]

- ブログシステム
- 公式サイト: https://wordpress.org/
- 公式サイト(日本語): https://ja.wordpress.org/

** 環境 [#l66ae946]

- OS X 10.11 El Capitan
- Vagrant 1.8.1
- VirtualBox 5.0.20
- CentOS 7.2.1511
- Apache 2.4.6
- PHP 5.6.21
- MySQL 5.7.16
- WordPress 4.6.1 日本語版
- ドメイン: http://dev.example.com/wordpress

** 範囲 [#o85503b0]

- Setup
- 管理画面の使い方
- 基本的な使い方
- シンプルなテーマの作り方

** ローカルのHostsファイル設定 [#n3dc542d]

 $ sudo vi /private/etc/hosts

 ##
 # Host Database
 #
 # localhost is used to configure the loopback interface
 # when the system is booting.  Do not change this entry.
 ##
 127.0.0.1       localhost
 255.255.255.255 broadcasthost
 ::1     localhost
 192.168.33.10   dev.example.com

** Apacheのmod_rewriteモジュール有効化 [#rbb4d662]

- httpd.confに下記を追記（コメントアウトされている場合はコメントアウト解除）

 $ sudo vi /etc/httpd/conf/httpd.conf

 LoadModule rewrite_module modules/mod_rewrite.so

- httpd.confに下記を追記

 <Directory "/var/www/html/wordpress">
     Options FollowSymLinks
     AllowOverride All
     Order Allow,Deny
     Allow from all
 </Directory>

** WordPressをインストールしよう [#wd48861e]

- MySQLテーブルを作成（データベース名: example_wordpress / ユーザー名: dbuser）

 mysql> create database example_wordpress;
 mysql> grant all on example_wordpress.* to dbuser@localhost identified by 'your password';

- wordpress を DocumentRoot 配下に展開
+ 公式サイト（日本語版）より最新版の wordpress-4.6.1-ja.zip をローカルにダウンロード＆解凍
+ 解凍した wordpress フォルダを仮想マシンのホームディレクトリ（/home/vagrant）に複製
+ wordpressフォルダをDocumentRoot配下（/var/www/html）に移動
+ wordpressディレクトリの所有者をapacheに変更

- WordPressインストール（DB接続設定）
+ ブラウザから http://dev.example.com/wordpress/ へアクセス
+ 画面に沿ってDB接続情報（データベース名 / ユーザー名 / パスワード 等）を入力

- サイトのタイトル: My first WordPress
- ユーザー名: yuji
- メールアドレス: xxx@xxx.com

** ダッシュボードを使ってみよう [#af83ecaf]

- 記事（Posts）：記事、カテゴリー、タグの追加
- メディア（Media）：ファイルのアップロード
- 固定ページ（Pages）：時系列ではなく常に表示させたいページの作成
- コメント（Comments）
- 外観（Appearance）
-- テーマ（Themes）：テーマの検索、追加、切り替えが可能
-- ウィジェット（Widgets）：テーマのサイドバーに表示させる様々なパーツの管理
-- テーマ編集（Editor）：テーマをHTML/CSS/PHP等で編集可能
-- メニュー（Menus）：テーマによって変わる
-- ヘッダー（Header）：テーマによって変わる
-- 背景（Background）：テーマによって変わる
- プラグイン（Plugins）：便利な拡張機能を追加（追加/削除、有効化/無効化）可能
- ユーザー（Users）：記事の投稿者などユーザーを追加可能
- ツール（Tools）：プラグインによって変わる

** WordPressの設定をしてみよう [#q7f2eaec]

- 設定（Settings）
-- 一般（General）：インストール時に指定した設定内容、日付や時間のフォーマットなど
-- 投稿設定（Writing）：
-- 表示設定（Reading）：1ページ何件表示するかなど
-- ディスカッション（Discussion）：コメントどうするかどうか（承認するかどうかなど）
-- メディア（Media）：アップロードする画像のサイズどうするか設定など
-- パーマリンク（Permalinks）：記事のURLをどうするか

- パーマリンクの設定変更（スラッグ（slug）＝記事を表す短い文字列 を指定）
+ デフォルト（Plain）→日付と投稿名（Day and name）に変更
+ 変更を保存（Save Changes）&color(red){※}; wordpress ディレクトリ配下に .htaccess ファイルが自動的に生成

- 画像をアップロードできるようにする
+ wp-content 配下に uploads というディレクトリを作成
+ パーミッションを 777 に変更

 $ sudo mkdir uploads
 $ sudo chown -R apache:apache uploads
 $ sudo chmod 777 uploads

- カテゴリーの追加

-- カテゴリ名：Diaries  /  スラッグ（slug）名：diary
-- カテゴリ名：Meals  /  スラッグ（slug）名：meal

** 記事を投稿してみよう [#fa56d410]

+ 投稿記事（All Posts） >> 新規追加（Add New）
+ メニューを閉じる（Collasp menu）
+ 表示オプション（Screen Options） >> スラッグ（Slug） にチェック
+ 記事を作成
+ カテゴリを選択
+ スラッグを入力
+ 公開 &color(red){※}; エディタは2種類：ビジュアル（Visual）とテキスト（Text）

&color(red){※}; スラッグを含むURLで記事にアクセスして404 Not Foundエラーとなる場合は .htaccess の内容に不備があるか mod_rewrite が有効化されていない可能性あり

** 固定ページを作ってみよう [#aa79aff7]

+ 固定ページ >> 新規追加
+ 表示オプション（Screen Options） >> スラッグ（Slug） にチェック
+ 記事を作成
+ スラッグを入力
+ 公開
トップ   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS