てきとーすぎるWordPressブログ5時間リニューアル(その1)


前回の記事「気まぐれと衝動とテキトーすぎなWordPressリニューアル」で書いた通り、衝動でリニューアルしたこのブログ。

作業手順を順に書いて行きます。

思い立ったが吉日!ブログリニューアルするぞ!

MAMPインストール

リニューアル前のブログは、ブログの「お引越し」だったので、いわばオープン前。オープン前だったので作業もサーバ上で直接やってたんですよ。でも、いくらほぼアクセスないブログって言っても、公開お着替えみたいなのは恥ずかしい。いやん。ってコトで、編集しながら表示の確認をするためのウェブサーバが必要で、その環境をローカル(自分のPCの中)に作る作業をやります。
アタシのPCはMac。とは言っても、「Macがいいーー!」って思ってMac買ったものの、ずっとWinユーザだったので、ついつい使い慣れたWinを使ってしまって、Macユーザになれずにいた(笑)BootCampでWindowsも入れているので、再起動しようかと思いつつ、ちょっとこの機会にMacでやるぜーって思い、Mac上で環境作る為にMAMPをインストール。
MAMPはMac+Apatch+MySQL+PHPの略。つまりMac+Webサーバソフト+データベース+WordPressで使われているプログラム言語ですな。Windows上では、同じようなXamppってのをインストールしたことあるけれど、MAMP使うのは初めて。
こちらからダウンロードして、インストールします。インストールって言っても、ダウンロードしたzipファイルを解凍して、ダブルクリックするだけで、勝手にアプリケーションフォルダにできてるできてる。MAMPフォルダ☆

20140201_002

アプリケーションのMAMPフォルダの中にMAMPってのがあるので、起動して、「サーバーを起動」ってボタンを押したら、ApatchサーバとDBサーバが起動する。これだけでもう使えちゃう。XAMP使ったことあるときは、インストールしたら、セキュリティの設定とか、PHPの文字コードの設定とかとりあえず最初に設定をしなきゃいけなかったような気がする。。。(遠い記憶なので曖昧だけど)なので、MAMPの方がものっすごく簡単な気がした。

MAMP環境にMYSQL設定

MAMPの画面の「スタートページを開く」ってボタンを押すと、ブラウザにMAMPのコントロール画面が表示されるので、上のメニューから「phpMyAdmin」を開いてデータベースの設定をしていきます。
リニューアルするブログサイトのDBの設定と同じユーザーとデータベースを作る。分かんなくなったら、「wp-config.php」ファイルを確認してちょ。
私は、DBに関してはdumpデータを使ってリニューアル前のサイトと同じデータを入れちゃおうと思ってたんだけど、これまた初めてMacのターミナルを使ってsshログインしてdump取ろうと思ったら、パスが通っていないのか、sqlコマンドが使えず。。。(普段はWindowsからputty使ってる。その際は普通に使えるコマンド)調べるの面倒で早く先に進みたかったので、さっさとデータはもういいや!って諦めた(笑)

WORDPRESSのインストール

dumpファイルからDB展開できたら、インストールもせずに、WordPressのファイルをコピーすればよかったんだけど、上記のとおり取り出せなかったので、とりあえず最新版のWordPressをダウンロードしてインストール。インストールすると、DBに各テーブル作ってくれたりしてくれる。WordPressをインストールするためってよりも、DBのWordPress初期化のためって感じ。phpMyAdminで空の箱作って、WordPressインストールでブログ用に仕切りを作る感じ。

これでほぼ準備完了。次回に続くー。



4 Comments

桜田 常雄

はじめまして桜田といいます。
質問があります。
最近、ブログを始めたのですが、さっぱりHuemanの設定のやり方がわかりません。
出来れば、教えてほしいのですがよろしいでしょうか。
質問1、Primary に画像の入れ方が解りません、文字 は入るのですが。
   2、FOLLOW: の所にtwitter のロゴの入れ方等が解りません。
 よろしくお願いします。

返信する
ぷーこ

すみません。1の質問がよく分かりません。
2の質問については、管理画面のSocialLinksのところで、twitterを指定するだけで出て来ます。
Icon Nameで、fa-twitterと書くだけです。
他のアイコンの指定方法に付いては横のヘルプというかViewallをクリックすると
http://fortawesome.github.io/Font-Awesome/icons/
が表示されて、全部見れます。

返信する
cherry

すみません、コメント今日見ました。(名前はcherryにしました
実名だと、googleの画像検索で出てしまいました、もう遅いけど)
質問1、2ですが適当にやったら出来ました。有り難うございます。
huemanは色々出来て、チョット解りにくいです。

返信する
かなえ

はじめまして!Hueman で検索してこちらにたどり着きました。3ヶ月前までワードプレスの存在すらしらず、アメブロですら続かず、携帯はガラケーくらい、テクノロジーに疎いやつだったのに、ワードプレスが楽しくって、ついにはカスタマイズにまで手を出したくなってしまったので、これからMAMPの勉強をしなきゃな〜って思ってたので、参考にさせていただきます!

返信する

桜田 常雄 へ返信する コメントをキャンセル

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください