Cloud9でクラウド上にWordPressのテスト環境を10分で作成する方法、もちろん無料

以前、Cloud9 IDEでRuby On Railsの簡単な開発方法は「無料クラウド開発環境「Cloud9 IDE」が凄い！Railsで簡単なアプリを作ってみた」で書きました。

今回はそのCloud9を使用して、Wordpressテーマのコード変更などを試したりするWordpressのテスト環境をクラウド上に作ってみたいと思います。

クラウド上にWordpressのテスト環境を作るのは、僕が数台のパソコンを使っているからです。というのも、いちいちWordpressテストを書くのにテスト環境のあるパソコンの所に行って立ち上げるのが面倒くさいからです。クラウド上にテスト環境があれば、僕がどこにいてもネットさえ繋がればテストを書いて試すことができます。（ローカル上でテストするより読み込み時間などで遅いという難点もあります。）

photo by DaveBleasdale

ワークスペースの作成

まずCloud9のアカウントがない人は、作成しておいてください。

Cloud9にログインするとワークスペースが表示されるので、「CREATE NEW WORKSPACE」を押して新しいワークスペースを作成します。

クリックすると、次のようにポップアップ表示されるので「Create a New Workspace」を押してください。

すると、以下のようなダイアログが表示されるので、次のようにしてワークスペースを作成します。

ワークスペース名を入力する
Hostingは、Hostedを選択する
開発環境はWordpressを選択する
CREATEボタンを押す

WordPressの編集準備

しばらくするとワークスペースが作成されるので、「START EDITING」ボタンを押して編集を開始します。

するとブラウザの新しいタブにエディター画面が表示されます。

早速Wordpressの起動と行きたいところですが、その前にデータベースを作成する必要があります。

とは言っても簡単で、画面の下の方にあるターミナルに「mysql-ctl start」と打ち込んでEnterキーを押すだけです。

文字がずらずらと表示してデータベースが作成されます。

WordPressの起動

あとは、Wordpressを起動させるだけです。index.phpをダブルクリックして開いて、上の方にある「Run」をクリックしてください。

すると、Wordpressが起動するのでターミナルに表示されたリンクを新しいタブで開いてください。

WordPressのインストール

WordPressの初期設定画面が表示されるので、必要な情報を入力してください。

サイトのタイトル、ユーザーネーム、パスワード、メールアドレスを入力します。今回はテスト環境を作成するので、サーチエンジンにインデックスさせる必要はないので、「Allow search engines to index this site.」のチェックは外しました。

「Install WordPress」をクリックするとインストールが完了します。

「Log in」ボタンを押してログインするとWordpressのダッシュボードが表示されます。

ただし初期状態では英語表記になっています。日本語で表示するには日本語化する必要があります。

WordPressの日本語化

英語版のWordpressを日本語化する方法です。

「wp-config.php」ファイルをダブルクリックして開き、中にある「define(‘WPLANG’, ”);」の部分を「define(‘WPLANG’, ‘ja’);」に変更します。

↑画像内は、「define(‘WPLANG’, ja’’);」になっていますが「define(‘WPLANG’, ‘ja’);」に変更してください。

あとはWordPress 日本語ローカルサイトから、日本語版Wordpressをダウンロードして、中にある「languages」フォルダを取り出しておきます。

「wp-content」フォルダに「languages」フォルダをアップロードします。

Google Chromeの場合は、「DRAG&DROP」部分に「languages」フォルダをドロップすればアップロードされます。Firefox等のブラウザの場合は「wp-content」フォルダに「languages」フォルダを作成して、「Select files to upload」からローカルにある「languages」フォルダ内のファイルを全てアップロードしてください。