Version 0.1 オープンソースソフトウェア コンテンツ 管 理 システム(CMS) Drupal シリーズ Drupal 7 インストール 導 入 編
オ ー プ ン ソ ー ス ソ フ ト ウ ェ ア で 企 業 の 情 報 化 デジタルマーケティングで 事 業 を 活 性 化 Gennai3 株 式 会 社 210-0844 神 奈 川 県 川 崎 市 川 崎 区 渡 田 新 町 1-4-9-201 電 話 044-220-1588 FAX 044-272-9523 www.gennai3.co.jp
目 次 第 1 章 はじめに 必 要 なシステム 環 境... 3 インストールで 必 要 なシステム 環 境 について Drupal 7 の 場 合 3 第 2 章 ダウンロードとインストール 手 順... 4 ダウンロード... 4 データベースの 作 成... 5 設 定 ファイル(settings.php)の 編 集... 7 ユーザーが 取 り 扱 う files ディレクトリの 作 成... 8 インストールプログラムの 実 行... 8 第 3 章 日 本 語 化 の 設 定... 16 管 理 画 面...16 第 4 章 インスト-ル 後 のアカウント 設 定 と 権 限 の 確 認.. 24 第 5 章 デザインテンプレートのダウンロード 導 入 設 定 25 デザインテンプレートについて...25 レスポンシブデザインテンプレート...26 第 6 章 コンテンツ 作 成 で 良 く 使 うモジュール... 34 エディタ...34 フォームと CAPTCHA...34 第 7 章 ページ コンテンツの 作 成... 34 TOP ページ...34 会 社 案 内...34 事 業 紹 介...34 ブログ...34
問 合 せ...34 第 8 章 メニューの 追 加... 34 コンテンツページをメニューへ 追 加...34 第 9 章 ブロックの 説 明... 34 ログインブロックの 設 定...34 新 規 追 加 ブロックと 表 示...34 サイト 公 開... 34 メンテナンスモード...34 クレジット 謝 辞 ライセンス... 35 クレジット...35 謝 辞...35 ライセンス...35
第 1 章 はじめに 必 要 なシステム 環 境 インストールで 必 要 なシステム 環 境 について Drupal 7 の 場 合 OS: Linux, Mac OS X, Windows ほか ディスクスペース: 最 小 15MB 以 上 Web サーバー: Apache, Nginx, or Microsoft IIS データベース: MySQL 5.0.15 以 上 (PDO 必 須 ) PostgreSQL 8.3 以 上 (PDO 必 須 ) SQLite 3.3.7 以 上 Microsoft SQL Server と Oracle は 追 加 モジュールが 必 要 PHP 言 語 : PHP 5.2.5 以 上 (5.3 を 推 奨 ). 詳 細 は 以 下 のサイトで 確 認 して 下 さい http://drupal.org/requirements このマニュアルでは Debian Linux 6.0.7 でインストールした 場 合 で 説 明 しています Drupal のクリーン URL 機 能 を 使 う 場 合 は Apache の mode_rewrite モジュールが 必 要 になります クリーン URL 機 能 とは example.com/?q=user のような URL の 代 わりに example.com/user のような URL に 変 更 する 機 能 です 3
第 2 章 ダウンロードとインストール 手 順 ダウンロード 最 新 の Drupal 7 をダウンロードします このマニュアル 作 成 時 2013 年 3 月 31 日 現 在 の 最 新 版 は 7.21 です ソースファイルは Linux などで 使 用 する tar.gz 形 式 と Windows などの ZIP 形 式 の 2 種 類 あります http://ftp.drupal.org/files/projects/drupal-7.21.tar.gz http://ftp.drupal.org/files/projects/drupal-7.21.zip ダウンロード 後 CMS を 運 用 するディレクトリに 移 動 して 圧 縮 ファイルを 解 凍 します Linux の 場 合 は 以 下 コマンドを 使 います 例 えば /var/www/html 以 下 へコピーまたは 移 動 させ tar -xzvf drupal-7.21.tar.gz 解 凍 後 drupal-7.21 というディレクトリにソースプログラムがありますので わかりや すいように そのディレクトリ 名 を drupal へ 変 更 します Linux の 場 合 は 以 下 のコマン ドを 使 います 例 えば mv drupal-7.21 drupal このディレクトリ 以 下 がインストールした Drupal のルートディレクトリとなります Drupal の 設 定 をするときに このディレクトリ 以 下 のディレクトリやファイルを 取 り 扱 います 4
運 用 する 環 境 の OS および Web サーバーのディレクトリやファイルのオーナーとユーザ ーのパーミッション 設 定 にあわせてディレクトリを 設 定 します Debian の 標 準 的 な Apache2 インストール 環 境 では ディレクトリやファイルのオーナー 権 限 は root ユーザ ーは www-data になりますので 以 下 のような 設 定 をします chown -R root:www-data drupal drupal ディレクトリ 以 下 上 記 の 権 限 設 定 になります 詳 細 は 以 下 のサイトで 確 認 して 下 さい http://drupal.org/documentation/install/download データベースの 作 成 MySQL の 場 合 で 説 明 します データベースやユーザー 作 成 および 権 限 などの 設 定 はさま ざま 運 用 環 境 がありますので 運 用 する 環 境 や 目 的 に 合 わせて 調 整 して 下 さい サンプルとして 以 下 の 手 順 で 説 明 します 運 用 サーバーのローカルホストに 設 置 された MySQL に root 権 限 でログインし データベースの 作 成 データベースユーザーの 作 成 新 しいデータベースに 対 してユーザーの 権 限 を 設 定 します 以 下 の 赤 字 の 箇 所 を 英 数 字 で 設 定 します 5
1)MySQL にログインして 新 しいデータベースの 作 成 CREATE DATABASE 新 しいデータベース 名 DEFAULT CHARACTER SET utf8 COLLATE utf8_general_ci; 2)データベースユーザーの 新 規 作 成 create user 'ユーザー 名 '@'localhost' IDENTIFIED BY 'パスワード'; 3) 作 成 したデータベースユーザーに 権 限 を 設 定 GRANT USAGE ON *.* TO 'ユーザー 名 '@'localhost' IDENTIFIED BY 'パスワード' with max_queries_per_hour 0 max_connections_per_hour 0 max_updates_per_hour 0 max_user_connections 0; 権 限 を 実 行 できるように flush privileges; 4) 新 しいデータベースに 対 してユーザーの 権 限 を 設 定 GRANT SELECT,INSERT,UPDATE,DELETE,CREATE,ALTER,INDEX,DROP,CREATE TEMPORARY TABLES,LOCK TABLES ON データベース 名.* TO 'ユーザー 名 '@localhost IDENTIFIED BY 'パスワード'; 6
権 限 を 実 行 できるように flush privileges; 5)データベースの 確 認 show databases; 詳 細 は 以 下 のサイトで 確 認 して 下 さい http://drupal.org/documentation/install/create-database 設 定 ファイル(settings.php)の 編 集 Drupal をインストールする 時 に 設 定 内 容 を 保 存 し インストール 後 の Drupal 環 境 を 設 定 する PHP ファイル(settings.php)を 作 成 します まず Drupal をインストールしたディレクトリの 下 にある sites/default に 移 動 します Default.settings.php ファイルをコピーして settings.php を 作 成 します その 際 にフ ァイルのオーナー ユーザーの 権 限 を 確 認 し ファイルの 権 限 を 書 き 込 み 編 集 できる 設 定 にします Linux コマンドでは 以 下 のように 設 定 します cp ar default.settings.php settings.php chmod -666 settings.php もしくは chmod a+w settings.php 7
インストール 後 はこのディレクトリとファイルの 権 限 を 元 に 戻 します 詳 細 は あとで 説 明 します ユーザーが 取 り 扱 う files ディレクトリの 作 成 sites/default ディレクトリに files というディレクトリを 作 成 し ディレクトリの 権 限 を 設 定 します Linux コマンドでは mkdir p files chown R root:www-data files chmod R 777 files もしくは chmod o+w files インストールプログラムの 実 行 ブラウザで Drupal をインストールしたディレクトリ drupal を 指 定 して 開 きます 例 え ば http://.../drupal と 入 力 すると 以 下 の 画 面 が 表 示 されます 8
標 準 のままで Save and continue をクリック 9
標 準 は 英 語 版 です そのまま Save and continue をクリック 10
既 に 設 定 したデータベース 名 データベースのユーザー 名 とそのパスワードを 入 力 します 標 準 はそのまま Save and continue をクリック もし MySQL をローカルでない 別 のサーバーにインストールした 場 合 ポートの 指 定 テーブルプレフィックスを 設 定 する 場 合 は ADVANCED OPTIONS をクリックして 設 定 します 11
その 後 インストールが 実 行 され 完 了 後 下 記 のようなサイト 設 定 画 面 になります 12
必 須 項 目 ( 赤 の*)として サイト 名 サイトで 使 用 する 電 子 メールアドレス サイト 管 理 者 のユーザー 名 電 子 メールアドレス パスワードです さらに サーバー 設 定 の Default country を Japan に 設 定 します Save and continue をクリックします 13
これで 標 準 機 能 のインストールが 終 了 しました ただし インストールで 使 用 した sites/default/settings.php のパーミッションを 変 更 します Linux コマンドでは chmod 644 settings.php 次 は 管 理 画 面 で 日 本 語 の 設 定 です 上 記 画 面 の Visit your new site をクリックして 以 下 のように 管 理 画 面 が 表 示 されます 14
15
第 3 章 日 本 語 化 の 設 定 管 理 画 面 標 準 のコアモジュールでは 多 言 語 で 使 用 する Locale モジュールは 組 み 込 まれていますが 有 効 になっていないので 有 効 にします 管 理 画 面 -> modules -> Core にある Locale をチェックし Save configuration をクリックします 英 語 の 他 に 日 本 語 も 使 えるように 設 定 します 管 理 画 面 -> Configuration -> REGIONAL AND LANGUAGE の Language 16
上 記 の Add language をクリック Language name で Japanese を 選 択 し Add language をクリック 17
Show row weights をクリックして 言 語 の 優 先 順 位 とデフォルトを 設 定 します Japanese をデフォルト Weight を0 English を1にすることで 最 初 の 優 先 順 位 に 設 定 します Save configuration をクリック 次 に 日 本 語 ファイルのダウンロードとインポートを 行 います 管 理 画 面 -> Configuration -> REGIONAL AND LANGUAGE の Translate interface 18
Translate interface が 表 示 されたら IMPORT のタグを 選 択 して 上 部 文 章 中 の Drupal translation page をクリックして http://localize.drupal.org/translate へ 移 行 します 19
このサイトで Japanese を 選 択 します 20
Drupal core 7.21 Download を 選 択 します ファイル 名 drupal-7.21.ja.po です 管 理 画 面 に 戻 り Translate interface の IMPORT タグでダウンロードした(drupal- 7.21.ja.po)Language file をインポートします 参 照 ボタンをクリックし ファイルを 選 択 後 デフォルトの 設 定 で Import をクリック 21
インポートが 終 了 すると 日 本 語 が 表 示 されます 22
上 記 のように 管 理 画 面 の 上 部 メニューなど 英 語 表 示 が 残 っていますので 管 理 画 面 の 上 部 で 左 にある 小 さい 家 のアイコン(home)をクリックして キャッシュクリアと 同 時 にト ップ 画 面 に 移 行 します 以 下 のようになります 23
ここまでで Drupal 基 本 モジュールと 日 本 語 言 語 設 定 は 終 わりですが 本 格 的 な 多 言 語 対 応 でメニューやさまざま 表 示 を 多 言 語 対 応 にするには 以 下 のモジュールをインストール して 設 定 します http://drupal.org/project/i18n 第 4 章 インスト-ル 後 のアカウント 設 定 と 権 限 の 確 認 インストール 時 に 作 成 したユーザーアカウントの 確 認 と 設 定 は 管 理 画 面 -> ユーザー 24
第 5 章 デザインテンプレートのダウンロード 導 入 設 定 デザインテンプレートについて デザインテンプレートは 管 理 画 面 のテーマで 管 理 します 25
環 境 設 定 でサイト 名 スローガン ロゴ ファビコンなどの 設 定 がテーマごとに 可 能 です テーマごとに 詳 しい 設 定 ができるものもあります レスポンシブデザインテンプレート そこで 自 由 に 使 えるレスポンシブ Web デザインテンプレートをダウンロードしてイン スト-ル drupal.org サイトから 自 由 に 使 えるデザインテンプレートを 選 択 し ダウン ロードできます 以 下 のサイトで http://drupal.org/project/themes 26
検 索 するには Search Themes にキーワードを 入 力 します 例 えば responsive と 入 力 するとたくさん 表 示 されます そこで シンプルなテンプレートとして Best Responsive というテーマをダウンロードし インストールします ダウンロードは 以 下 のサイトから http://drupal.org/project/best_responsive 27
ダウンロードは 上 記 画 面 の tar.gz もしくは zip をクリックします ここで テン プレートやモジュールなどの 情 報 として どれくらい 使 われているかを 確 認 するために 上 記 画 面 の 最 後 から 3 行 目 View usage statistics をクリックすると 使 用 されている サイト 数 が 週 単 位 で 確 認 できます これはあくまでも 数 量 的 なデータです デザインは 目 的 に 応 じて 選 択 します ダ ウ ン ロ ー ド し た テ ン プ レ ー ト フ ァ イ ル best_responsive-7.x-1.1.tar.gz を sites/all/themes ディレクトリにコピーします Site/all ディレクトリには modules と themes というディレクトリがあります Modules は 拡 張 モジュール 用 themes は 追 加 のデザインテーマ-をインストール します best_responsive-7.x-1.1.tar.gz を 解 凍 して Linux コマンドでは tar xvzf best_responsive-7.x-1.1.tar.gz 28
解 凍 後 は 念 のためにオーナー 権 限 をインスト-ルしている 環 境 と 合 わせます Linux コマ ンドでは chown R root:www-data best_responsive その 後 管 理 画 面 -> テーマ に 戻 るとインストールした Best Responsive という が 表 示 されます 無 効 テーマになっているので 有 効 にしデフォルトに 設 定 をクリックします 29
有 効 になった Best Responsive の 環 境 設 定 をクリックして Best Responsive テー マ 固 有 の 設 定 を 調 整 します パンくずリスト スライドショウ- ツイッター フェイス ブック Google+ Pinterest などのリンク URL を 自 分 の 環 境 に 調 整 します 30
次 にホームへ 戻 ると 以 下 のようなデザインのテーマになります 31
スマートフォンでは 以 下 のようなイメージになります 32
33
今 回 はインストールして 最 小 限 の 日 本 語 設 定 までを 簡 単 に 説 明 しました 実 際 のサイトの コンテンツ 作 成 などは 今 後 電 子 版 として 出 版 する 予 定 です 内 容 は 下 記 の 項 目 が 追 加 され ます 第 6 章 コンテンツ 作 成 で 良 く 使 うモジュール エディタ フォームと CAPTCHA 第 7 章 ページ コンテンツの 作 成 TOP ページ 会 社 案 内 事 業 紹 介 ブログ 問 合 せ 第 8 章 メニューの 追 加 コンテンツページをメニューへ 追 加 第 9 章 ブロックの 説 明 ログインブロックの 設 定 新 規 追 加 ブロックと 表 示 サイト 公 開 メンテナンスモード ほか 34
クレジット 謝 辞 ライセンス クレジット このマニュアルの 著 者 は Gennai3 株 式 会 社 の 程 田 和 義 です 著 者 への 問 合 せ <hodota@gennai3.co.jp> 謝 辞 本 マニュアル 作 成 で 大 変 お 世 話 になりましたメンバーおよび 関 係 者 に 心 より 感 謝 いたしま す Drupal.org および User Group Japan メンバーのみなさん ライセンス Drupal は Dries Buytaert による 登 録 商 標 です その 他 本 マニュアルで 使 われている 製 品 および 名 称 については それぞれの 所 有 者 の 商 標 または 登 録 商 標 です 35