#contents ** 概要 [#yed56b12] - ブログシステム - 公式サイト: https://wordpress.org/ - 公式サイト(日本語): https://ja.wordpress.org/ ** 事前知識 [#q970b3f0] - HTML/CSS - PHP/MySQL ** 環境 [#l66ae946] - 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 ** 範囲 [#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) にチェック + 記事を作成 + スラッグを入力 + 公開