monograph

超簡単!WordPressのローカル環境をBitNamiを使って構築する方法・手順を解説します。

7
7
1
26

      2014/11/16

bitnami インストール設定004.jpg
今日ブロガーフェスティバルに参加してブログ熱が再燃してきました!!
PITE.(@infoNumber333)です。
おし!ガンバロウ!

今まではWordPressのテーマを作成する時はCoda2を使って直接FTPにアップロードされているテーマファイルをいじっていたのですが、ゴリゴリとテーマを改造したくなったので今更ですがPCにローカル環境を構築することにしました。

これまでもMAMPというソフトを使って構築していたのですが、使い方がよくわからなかったので今回は@kuroji1987さんから教えて頂いたBitNamiを使ってみることにしました。

インストールまでの手順をこの記事で解説していきますので、これからMacにローカル環境を構築しようと思っている方は参考にしてみて下さい。

Bitnamiをダウンロード


bitnami インストール設定009.jpg
まずは公式サイトからBitnamiのファイルをダウンロードしてきましょう。

デスクトップ版は一番左を選択。

bitnami インストール設定007.jpg
色々なWebサービスに対応しているので今回はWordPressを選択しましょう。

bitnami インストール設定008.jpg
一番上のボタンをクリックしてファイルをダウンロード!

bitnami インストール設定010.jpg
アカウントとのヒモ付けを要求されるので好きなアカウントを選んで連携させましょう。

BitnamiをMacにインストール!


bitnami インストール設定000.jpg
ファイルをダウンロードできたら次はBitnamiをMacにインストールしましょう。ダウンロードしたアプリを起動。

bitnami インストール設定011.jpg
Bitnamiで表示する言語を選択します。
日本語が無いので英語が無難かな。

bitnami インストール設定001.jpg
セットアップが始まるので「Next」を押して進んでいきます。

bitnami インストール設定002.jpg
WordPressをインストールする場所を選択します。僕は何も変えずにそのままの状態でNext。

bitnami インストール設定003.jpg
続いてWordPressのアカウント設定。メモを忘れずに。

bitnami インストール設定004.jpg
ローカルに作るWordPressのタイトルを決めます。

bitnami インストール設定006.jpg
後はそのままNextを押していってインストール画面まで行きましょう。
少しの間待てばインストールが完了します!

BitnamiでWordPressを起動!


bitnami インストール設定000.jpg
インストールが完了したら実際にBitnamiを起動してローカル環境でWordPressを動かしてみましょう。

「Launch BitNami WordPress Stack」にチェックが入っていることを確認して「Finish」をクリック。

bitnami インストール設定001.jpg
するとこのようにBitNamiが起動します。
WordPressを表示させるには「Get Started」をクリック!

bitnami インストール設定002.jpg
するとブラウザでBitNamiが立ち上がります。ここまで来ればほぼおしまい!

あとは「Access BitNami WordPress Stack」を押せば…

bitnami インストール設定005.jpg
ローカル環境でのWordPressが表示されます!

( ゚Д゚ノノ”☆パチパチパチパチ

どうです?ちゃんと出来ましたでしょうか?

ローカル環境であれば失敗を気にすること無くブログテーマがいじれるのでこれから僕もガシガシ改造に励みたいと思います。

この記事がこれからローカル環境を構築する人の参考になれば嬉しいです。

Pite(@infoNumber333)はこう思うよ。

色々やりたい事が増えてきて時間が足りない!どんどん深みにハマっていっている気がする…。

 - カスタマイズ

total

41

share!

シェアしてくれるとめっちゃよろこびます。

Monograph goods in bag23 teaparty

  関連記事

写真 12-04-06 15 42 57.jpg
超簡単にブログをiPhoneなどのスマートフォンに対応させるWordPressプラグイン『WPtouch』を導入してみました!

こんにちは!PITEです! あったかくなってきましたねー(●´∀`●) 僕は寒が …

fixedsidebar1.jpg
超簡単にサイドバーをスクロールに合わせて画面に固定してくれるWordPressプラグイン

なんとなく久々にブロガー向けの記事を書く気が。 本日も“monogr …

WordPressメモ:続きを読む(Read more)を設定/表示する方法

現在WordPress(このブログのソフト)のデザインを試行錯誤しながら作ってる …

th_Number333 2013-10-03 14.44.03-1.jpg
レスポンシブ対応。ブログにGoogle Mapsで作成した地図(マイプレイス)を埋め込む方法。

Googleマップがないともはやどこにも行けません。 PITE.(@infoNu …

NUMBER333テーマ変更ポイント1.jpg
NUMBER333のPC用WordPressテーマを新しく作成しました。今回覚えたテクニック7つをメモを兼ねてご紹介するので参考にどうぞ!

何故深夜はこうも作業が捗るのか。 本日も“monograph&#82 …

Lifehacker_201307_130709feedly_url.jpg
5分で完了。ブログにfeedlyのRSS登録用ボタンを設置する方法・手順を解説します。

起きて最初の30分はRSS眺めるのが趣味。PITE.(@infoNumber33 …

facebook likebox000.jpg
Facebookページヘのいいね!を促す「Facebook like box」の設置方法。

最近、多くのブロガーさんとお話する機会が多く、その中でFacebookの重要性を …

wordpress-article-adsense001.png
【収益化】WordPressで記事の途中(”続きを読む・moreタグ”部分)に広告やAdSenseを挿入する方法。

今日は一日何もしていなかったのでその分これから気合入れて記事量産します!ハイパー …

Number333 2012-04-03 17.05.32.jpg
「MAMP」を使ってMacにWordPressをローカル環境にインストールする方法を解説します!

僕は基本的にワードプレスの管理はFirefoxのアドオンFirebugを使って管 …

Number333 2012-05-07 3.07.12.jpg
WordPressの関連記事表示プラグイン「YARPP」をiPhone・スマホ用にカスタマイズしてサムネイルを表示させるようにしてみた!

先日、@goryugoさんの「関連記事プラグインYARPPをカスタマイズしてLi …