月別アーカイブ: 2018年3月

ワードプレスサイトを本番環境で作りローカル環境にも移す

本

ワードプレスのテーマtwentytwelveを使ったサイト。私なりの形がまとまってきた感じがします。
そこで今回は本番環境でいきなりサイトを構築してみました。

SIRIUSで作っていた読書感想サイトを移設します。
本を一冊読むたびに一つの記事にしていきたいと思っていたんですが、記事数が増えるとワードプレスサイトのほうが扱いやすそうです。

ローカル環境でサイトを完成させてから本番環境に移すのが本来の姿?
いきなり本番環境で大きなサイトを出現させるよりは、少しずつ大きくしていくのもいいかな?
あまり明確な理由はありませんが、本番環境でサイトづくりをはじめました。
今回の記事は、新しく作ったサイトの紹介と、そのサイトをローカル環境に移す作業のお話しです。

本番環境でのサイトづくり

作ったサイトは、
サイト名:本を読んでくつろぎリフレッシュnew
サイトアドレス:https://book.yotomi.com/

サイト構成について簡単に説明します。

  • 読み終えて感想をメモした本の著者名をカテゴリにする。
  • 読み終えて感想をメモした本を、作品名と著者名をタイトルにした一つの記事にして、そのカテゴリに収納する。
  • その記事には、「著者名感想」というタグ付けをする。記事数が増えるとタグ表示が大きくなる仕掛け。
  • 小説以外の作品はとりあえず啓発本のカテゴリに収める。
  • 感想をメモしなかった本は、内容紹介飲みを記載して「読了本」のカテゴリに収める。
  • サイトマップで全カテゴリとその作品名が見渡せる。
  • サイト内検索でなにかキーワードを入れて検索すれば、関連記事が表示される。

作ったあとで数えてみると、感想をメモした作品が140ぐらいあります。
一つの記事のボリュームはとても小さいんですが、これらを一つずつ記事にしたので、記事数の多いサイトができました。

アドセンス広告の貼り付け

一つの記事のボリュームが小さいので、アドセンス広告が続けて表示されないように、表示間隔をなるべく開けるようにします。
具体的には、記事内に出てくるh3タグが1番目と7番目と13番目の前に広告を表示します。

サイトをローカル環境に移す

本番環境でのサイトがまとまったので、ローカル環境にコピーします。
ローカル環境を持っておけば、デザインを変えてみたいとか、何かをお試ししてみたいというときに、気軽に試せるので便利だと思います。

作業方法は、 http://nagoya-neko.com/wordpress-local/
を参考に、自分の環境に読み替えて行いました。

データベースをエクスポートする

エックスサーバーのサーバーパネルからphpMyAdminで
本番環境のデータベースaishida2_yotomi1を開く。
エクスポート方法:詳細-可能なオプションをすべて表示
出力:zip形式で圧縮
エクスポートを実行してパソコンに保存する。

データベースを作成して、インポートする

XAMPPの管理画面で、phpMyAdminを開く。
データベースを作成する。データベース名はaishida2_yotomi1。
作ったデータベースaishida2_yotomi1を選択して、インポートをクリックする。
ファイルを選択で、保存しておいたaishida2_yotomi1を選択し、実行してインポートする。

WordPressのデータを入れるフォルダを作る

C:¥xampp¥htdocs¥wpに、bookファルダをつくる。

ローカル環境に合わせてURLを調整する

インポートしたデータベースのsiteurlとhomeのアドレスをそれぞれlocalhostに書き換える。

WordPressのバックアップデータをフォルダに入れる

本番環境のbookフォルダを丸ごとローカル環境のbookフォルダーにFildzillaを使ってコピーする。
途中の「上書きしますか?」は全てスキップする。

wp-config.php を編集する

コピーしたwp-config.phpを編集する。
データベースのユーザ名:root
データベースのパスワード:xxxx
ホスト名:localhost

ローカル環境を立ち上げる

http://localhost/でローカル環境でのサイトが表示される。
ただし、内部リンクでページを開こうとしてもエラーになる。

ローカル環境のワードプレス管理画面を開く

設定、パーマネントリンク設定画面を開き、何もしないで保存する。
これで、ローカル環境のサイトがすべて開く。

作業は以上で終わり。
urlの書き換えをしないであっけなく移動ができました。
不思議な感じを今でも持っています。
(2018.03.25)

スポンサーリンク