情報工学実験
I-6
・ウェブプログラミング
(長田)
-WordPress
のサーバ構築 in
MacOSX-8
班メンバー
j05017
金城佑典
j05027
條寛之
j05038
張暁雪
j05064
山城佳太
作成日:2006 年 05 月 27 日
提出日:2006 年 05305 日
目 次
1 はじめに 2 1.1 実験手法 . . . . 2 1.2 グループのメンバーと役割分担 . . . . 2 1.3 開発した Web ページのコンセプト . . . . 2 1.4 実験環境 . . . . 2 2 必要なソフトのインストール 3 2.1 apache . . . . 3 2.2 PHP . . . . 4 2.3 MySQL . . . . 4 2.4 WordPress . . . . 5 3 WordPressの準備 5 3.1 wp-config.phpの編集 . . . . 5 3.2 WordPressの起動 . . . . 6 4 ブログの編集 8 5 実験考察 9 6 感想と今後の課題 91
はじめに
1.1
実験手法
各自自分のパソコンに WordPress のサーバを構築し、サイトの作成法を分 担して調べる 最終的に各自の知識を持ち寄って一つのサイトを作る1.2
グループのメンバーと役割分担
8班メンバー j05017 金城佑典 ーー レポートの作成 j05027 條寛之 ーー サイト作成 j05038 張暁雪 ーー サイト作成 j05064 山城佳太 ーー サイト作成 サーバ構築 → 各自で自分のパソコンに1つずつ構築 発表者 → 未定1.3
開発した Web ページのコンセプト
インターネットには公開しない、完成されたページの作成を目指すのでは なく開発過程を重視し、メンバー1人1人の学習に以下の事を学習するため に活用する、そのため複雑な技術を使わずに基本的なサイトを構築する。1.4
実験環境
OS: 金城&條 ーー MacOSX 10.4 張&山城 ーー MacOSX 10.3 webサーバ: 金城&山城 ーー Apache1.3 條&張 ーー Apache2.0 PHP:全員 ーー ver.5 MySQL:全員 ーー ver.5 WordPress:全員 ーー ver.22
必要なソフトのインストール
2.1
apache
webサーバの一種
JAPAN APACHE USERS GROUP(http://www.apache.jp/)からダウンロード できる MacOSXなら標準インストールされているが最新版をインストールしてもいい 下記のインストールをする際は「リンゴマーク/システム環境設定/共有/ サービス」内の「パーソナル web 共有」を停止しておく ∼インストール手順∼ 1、公式サイト(http://www.apache.jp/)からダウンロードして解凍する % tar xvfz httpd-2.2.0.tar.gz 2、解凍したディレクトリ(httpd-2.2.0)内に移動し、make ファイルを生 成する % cd httpd-2.2.0 % /configure --prefix=$HOME/apache2 (~/apache2 にインストールする場合) 3、make を実行し、インストールする % make % make install 4、設定ファイルを編集する % cd ~/apache2/conf % emacs -nw httpd.conf
(User, Group, ServerAdmin, ServerName を編集.) User www
Group www
ServerAdmin [email protected] ServerName localhost:80
5、起動
% sudo ~/apache2/bin/apachectl -k start
(終了時は% sudo ~/apache2/bin/apachectl -k stop) 6、起動確認
2.2
PHP
スクリプト言語の一種、WordPress の記述に使われている 日本 PHP ユーザ会(http://www.php.gr.jp/)からダウンロードできる ∼インストール手順∼ 1、日本 PHP ユーザ会(http://www.php.gr.jp/)からダウンロード 2、解凍してインストーラを起動 3、動作テスト エディタで以下の test.php を記述し localhost 内1 に置き、アクセスす る test.php <?php phpinfo(); ?> 下のような画面が表示されれば成功2.3
MySQL
データベースソフト MySQL(http://www.mysql.com/)からダウンロードできる ∼インストール手順∼ 1、公式サイト(http://www.mysql.com/)からダウンロード 2、解凍してインストーラを起動 1apacheの最新版をダウンロードした場合は /apache2/htdocs 内, デフォルト使用の場合 は /Sites 内3、動作テスト
%sudo /Library/StartupItems/MySQL/MySQL start
(終了時は%sudo /Library/StartupItems/MySQL/MySQL stop) %mysql mysql> が出力されれば成功
2.4
WordPress
WordPressJapan(http://wordpress.xwd.jp/)からダウンロードできる ダウンロード後は localhost 上に置く23
WordPress
の準備
3.1
wp-config.php
の編集
「wordpress/wp-config.php」を編集して使用するデータベースを指定する 今回はデフォルトで作られている「test」データベースを使用する デフォルトなのでユーザー名は「root」、パスワードはなし <?php mb_language("Japanese"); mb_internal_encoding("EUC-JP"); // ** MySQL settings ** //define(’DB_NAME’, ’test’); // The name of the database define(’DB_USER’, ’root’); // Your MySQL username define(’DB_PASSWORD’, ’’); // ...and password
define(’DB_HOST’, ’localhost’); // 99% chance you won’t need to change this value // You can have multiple installations in one database if you give each a unique prefix $table_prefix = ’wp_’; // Only numbers, letters, and underscores please!
// Change this to localize WordPress. A corresponding MO file for the // chosen language must be installed to wp-includes/languages.
// For example, install de.mo to wp-includes/languages and set WPLANG to ’de’ // to enable German language support.
define (’WPLANG’, ’mo_file’);
/* That’s all, stop editing! Happy blogging. */ define(’ABSPATH’, dirname(__FILE__).’/’); require_once(ABSPATH.’wp-settings.php’); ?>
3.2
WordPress
の起動
ブラウザで「http://127.0.0.1/wordpress/」にアクセスする 図 1: インストール画面 「install.php」をクリックすると下の画面が表示される 「First Step >>」をクリックしてインストール開始 下の画面でユーザ名とメールアドレスを入力する 図 2: First Step 画面 パスワードが自動生成される このとき First Step で登録したメールアドレスにもパスワードが届く図 3: Second Step 画面
下の画面でユーザ名とパスワードを入力してログインする
図 4: ログイン画面
ログインに成功すると下の画面が表示される
4
ブログの編集
WordPressで管理画面から編集する方法と、直接ファイルを書き換える方法 がある ここでは管理画面を紹介する ∼管理画面∼ Dashboard → 書類入れ Write → 新規作成・Write Post → 新規 Post を作る(∼ブログ∼参照) ・Write Page → 新規 Page を作る(∼ブログ画面∼参照) Manage → 作成者権限で編集 ・Posts → Post の編集 ・Pages → Page の編集 ・Categories → カテゴリの編集(∼ブログ画面∼参照) ・Comments → コメントの編集 ・Awaiting Moderation (0) ・Files → ファイルの編集 Links → リンクの管理 ・Manage Links → リンクの編集 ・Add Link → リンクの追加 ・Link Categories → リンクカテゴリの編集 ・Import Links → 外部のリンクファイルを取り込む Presentation → デザインテンプレートの管理 ・Themes → デザインテンプレートの選択 ・Theme Editor → デザインテンプレートの編集 Plugins → プラグインの管理 ・Plugins → プラグインの追加 ・Plugin Editor → プラグインの編集 Users → ユーザー設定 ・Your Profile → 自分のプロファイルの設定 ・Authors & Users → ユーザーの管理 Options → 環境設定
・Writing → 編集の設定 ・Reading → 閲覧の設定 ・Discussion → コメントやメール交換の設定 ・Permalinks → URL の表示設定 ・Miscellaneous → アップデートを格納するディレクトリの設定 Import → WordPress で使えるソースのインポート ∼ブログ画面∼ post → ブログトップページの日記 HTML タグが使える page → ブログのコンテンツ、HTML タグが使える Blogroll → リンクカテゴリの一つ Archives → 過去の記事 Categories → post の分類 Meta → ブログの編集に役立つもの