概要 †
事前知識 †
環境 †
- OS X 10.11 El Capitan
- Cyberduck 5.2.2
- 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
範囲 †
- Setup
- 管理画面の使い方
- 基本的な使い方
- シンプルなテーマの作り方
ローカルのHostsファイル設定 †
$ 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モジュール有効化 †
- httpd.confに下記を追記(コメントアウトされている場合はコメントアウト解除)
$ sudo vi /etc/httpd/conf/httpd.conf
LoadModule rewrite_module modules/mod_rewrite.so
<Directory "/var/www/html/wordpress">
Options FollowSymLinks
AllowOverride All
Order Allow,Deny
Allow from all
</Directory>
WordPressをインストールしよう †
- 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に変更
- ブラウザから http://dev.example.com/wordpress/ へアクセス
- 画面に沿ってDB接続情報(データベース名 / ユーザー名 / パスワード 等)を入力
- サイトのタイトル: My first WordPress
- ユーザー名: yuji
- メールアドレス: xxx@xxx.com
ダッシュボードを使ってみよう †
- 記事(Posts):記事、カテゴリー、タグの追加
- メディア(Media):ファイルのアップロード
- 固定ページ(Pages):時系列ではなく常に表示させたいページの作成
- コメント(Comments)
- 外観(Appearance)
- テーマ(Themes):テーマの検索、追加、切り替えが可能
- ウィジェット(Widgets):テーマのサイドバーに表示させる様々なパーツの管理
- テーマ編集(Editor):テーマをHTML/CSS/PHP等で編集可能
- メニュー(Menus):テーマによって変わる
- ヘッダー(Header):テーマによって変わる
- 背景(Background):テーマによって変わる
- プラグイン(Plugins):便利な拡張機能を追加(追加/削除、有効化/無効化)可能
- ユーザー(Users):記事の投稿者などユーザーを追加可能
- ツール(Tools):プラグインによって変わる
WordPressの設定をしてみよう †
- 設定(Settings)
- 一般(General):インストール時に指定した設定内容、日付や時間のフォーマットなど
- 投稿設定(Writing):
- 表示設定(Reading):1ページ何件表示するかなど
- ディスカッション(Discussion):コメントどうするかどうか(承認するかどうかなど)
- メディア(Media):アップロードする画像のサイズどうするか設定など
- パーマリンク(Permalinks):記事のURLをどうするか
- パーマリンクの設定変更(スラッグ(slug)=記事を表す短い文字列 を指定)
- デフォルト(Plain)→日付と投稿名(Day and name)に変更
- 変更を保存(Save Changes)※ 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
記事を投稿してみよう †
- 投稿記事(All Posts) >> 新規追加(Add New)
- メニューを閉じる(Collasp menu)
- 表示オプション(Screen Options) >> スラッグ(Slug) にチェック
- 記事を作成
- カテゴリを選択
- スラッグを入力
- 公開 ※ エディタは2種類:ビジュアル(Visual)とテキスト(Text)
※ スラッグを含むURLで記事にアクセスして404 Not Foundエラーとなる場合は .htaccess の内容に不備があるか mod_rewrite が有効化されていない可能性あり
固定ページを作ってみよう †
- 固定ページ >> 新規追加
- 表示オプション(Screen Options) >> スラッグ(Slug) にチェック
- 記事を作成
- スラッグを入力
- 公開