カテゴリ: Tips

Category
  • ローカルMac環境に構築したWordPressにVirtualBoxのゲストWindowsでブラウザアクセス

    MacOSXローカル環境にMAMPを使ってWordPressをインストール すると、
    ローカルMacのWordPressのURLは
    http://localhost:8888/wordpress/
    のようになります。


    でもせっかく VirtualBoxでMacOSXにWindows7をインストール してあるのに、
    「http://localhost:8888/」のままでは、
    VirtualBoxのゲストOSのWindowsから
    ホストOSのMacに構築したWordPressにブラウザアクセスできません…。orz


    そこでローカルMac環境に構築したWordPressへ、
    VirtualBoxのゲストWindowsでもアクセスできるようにしてみました。


    [前提条件]
    1. MacOSXに「MAMP」がインストールされている
    2. MacOSXに「WordPress」が構築できている
    3. MacOSXに「VirtualBox」がインストールされている
    4. VirtualBox上で Windowsが起動する


    1. Macの設定

    システム環境設定>共有>Web共有を「切」にする


    2. MAMPの設定

    Applications>MAMP>conf>apache>httpd.conf を修正する
    1. 219行目あたりポート番号の指定を「80」に変更
      Listen 8888

      Listen 80

    2. 一番下に以下の4行を追加する
      <virtualhost *:80>
      ServerName localhost:80
      DocumentRoot "/Applications/MAMP/htdocs"
      </virtualhost>


    MAMPを起動中であれば再起動する。
    再起動しないと、設定が変更されません。



    3. VirtualBoxの設定

    横浜のホームページ制作スタジオFIXの社長ブログ
    設定>共有フォルダ>共有フォルダの追加で
    MAMPの「htdocs」フォルダを追加する。

    フォルダのパス:/Applications/MAMP/htdocs
    フォルダ名:htdocs(何でもOK)



    4. ゲストOSでWordPressへアクセス

    共有フォルダの追加が完了したら、VirtualBoxを起動。
    IEを立ち上げて…以下のURLにアクセス。
    http://192.168.1.2/wordpress/
    「wordpress」部分は、WordPressディレクトリ


    横浜のホームページ制作スタジオFIXの社長ブログ わーい!!! (^-^*)
    ちゃんとWordPressが表示されました!


    横浜のホームページ制作スタジオFIXの社長ブログ Mac/Safari、Mac/FireFox、
    Win/IE6、Win/IE7、Win/IE8 を同時に立ち上げたらこんな感じ!


    もちろんWordPressだけでなく、htmlファイルも同様にブラウザアクセスできるので
    /Applications/MAMP/htdocs/
    の中に「project01」というフォルダを作成してWebデータを格納すれば、
    http://192.168.1.2/project01/
    でアクセスすることができます。


    MacOSXでホームページを制作するなら、ぜひ手に入れたい環境ですね!(・∀・)

    Post to Twitter

    2010/02/05

  • 横浜のホームページ制作 スタジオFIXの社長ブログ、WordPressテーマを変更しました

    横浜のホームページ制作スタジオFIXの社長ブログ
    ビックリしちゃいましたか? (^-^)
    横浜のホームページ制作 スタジオFIXの社長ブログ
    新しいWordPressテーマにお着替えしました〜。


    シンプルなWordPressテーマを作りたかったのですが、
    こう色々貼り付けてると…ちっともシンプルには見えないですね。(´・ω・) 


    きちんとデータを整理したら、また無料WordPressテーマとして
    このデザインも配布する予定ですので、お楽しみに〜!

    Post to Twitter

    2010/02/04

  • AmazonEC2、ElasticIPsを付け替える

    ご親切な名無しさんのおかげで
    Amazon EC2、EBS(Elastic Block Store)を使ってみた」が
    超リスキーだったことを、ご指摘から3ヶ月目でようやく理解できまちた。
    理解力低すぎ。てへ。


    ls /dev/sd* で、
    デバイスが認識されているか確認したまでは正しかったみたいなのですが、
    その後に私がとった行動は、
    # yes | mkfs -t ext3 /dev/sda1
    # mount /dev/sda1 /vol
    (↑わかる人ならズッこけるはず)


    「sda1」は、Linuxがインストールされている「/」なので、
    間違えて「mkfs」とかしちゃったら、
    Linuxが起動しなくなっちゃうんですって。
    ひぃぃぃぃぃぃぃぃぃぃぃ…。


    気に入るとすぐに連打したくなるタチのド素人が
    よくもまぁ、今日の今日まで「mkfs!! mkfs!!」しなかったもんだわ…。(:_:)
    「sudoさん、スー!」とか言いながら、とっくにやっててもおかしくないのに。


    神にと名無しさんに見守られているうちに、
    健康なEBSを手にいれなくっちゃ!


    しかし…思い立ったらなお憂鬱。
    EBS最大の魅力は、つけかえがワンタッチだということなのに
    なんせ私のEBSは地雷原。
    そのSnapshotsを保存したところで地雷原の複製にしかならないケロ!
    仕方ないので、昔の記憶を辿りながらDebianをゼロから再設定…。orz


    新たにインスタンスを立ち上げる

    1. AWSで新たにインスタンスを立ち上げる
    2. SSHでログインして、Debianを設定する
    3. AWSで10GBのEBSを作成、Statusが「Available」になるのを待つ
    4. 新しいインスタンスに作成したEBSを「Attach Volume」する際に「sdf」を選択する
    5. 再びSSHでログインして以下コマンド

    1. AWSで作成したEBSボリュームが見えるか確認
      # ls /dev/sd*
      /dev/sda /dev/sda1 /dev/sda2 /dev/sda3 /dev/sdf
      上記手順4 で選んだ「sdf」が表示されればOK
    2. 「sdf」をフォーマットする
      # yes | mkfs -t ext3 /dev/sdf
    3. EBSをマウントさせるためのディレクトリ作成
      # mkdir /vol 
    4. いざ合体
      # mount /dev/sdf /vol
    5. 合体先へ移動
      # cd /vol
    6. 合体先へ移動
      # ls
      lost+found だ・け・が表示されればOK


    6. 「vol」以下にバーチャルドメインを設定
    7. MySQLを「/vol/lib/mysql」で動くように設定
    8. 最後に「vol」の中に、htmlファイル一式をアップロード。



    Elastic IPsをつけかえる

    1.古い方のインスタンスにくっつけているElastic IPsを切り離す(Disassociate)。
    切り離すだけ。リリース(Release Address)しちゃダメ!
    2.新しい方のインスタンスに切り離したElastic IPsをくっつける(Associate)。


    ぽちっとなで終了ーー!!


    名無しさん、おかげさまで健康なEBSを手に入れることができました。
    本当にどうもありがとうございました!(^-^)ノ

    Post to Twitter

    2010/02/02

  • AmazonEC2で、WordPressのMySQLをバックアップ

    WordPressのデータベース、MySQLをバックアップするには
    有名な「wp-db-backup」というプラグインがありますが、
    mysqlコマンドを使ってバックアップ→復元する方法を試してみました!
    Webデザイナーのくせに、あたしってば勇敢!


    MySQLをバックアップ(保存)する

    1. AmazonEC2へSSHログイン
      # ssh -i EC2key.pem root@ec2-XXXX.amazonaws.com
    2. MySQLディレクトリに移動する(私の場合 /vol/lib/mysql)
      # cd /vol/lib/mysql
    3. MySQLを停止する
      # /etc/init.d/mysql stop
    4. MySQLをバックアップする
      # mysqldump -u root -pパスワード DB名 > 適当なファイル名.sql
      (例) mysqldump -u root -pPASSWORD WP01 > WP01_Backup.sql
      「WP01」というデータベースを
      「WP01_Backup.sql」というファイル名で保存する。
      -pとパスワードの間にスペースはいれちゃダメ!
    5. バックアップをとるだけならこれで終了。MySQLを再起動
      # /etc/init.d/mysql start
    6. MySQLディレクトリの中を確認する
      # ls
      「WP01_Backup.sql」が表示されていればOK



    MySQLを復元(リストア)する

    1. AmazonEC2へSSHログイン
      # ssh -i EC2key.pem root@ec2-XXXX.amazonaws.com
    2. MySQLディレクトリに移動する(私の場合 vol/lib/mysql)
      # cd /vol/lib/mysql
    3. 復元したいファイルを確認する
      # ls
      「WP01_Backup.sql」があればOK
    4. MySQLを停止する
      # /etc/init.d/mysql stop
    5. MySQLのrootユーザになる
      # mysql -u root -p
    6. MySQLのrootのパスワードを聞かれるので…
      Enter password: rootのパスワード
    7. 新しいデータベースを作成する(例:WP02)
      mysql > create database WP02;
    8. データベースが作成されたか確認する
      mysql > SHOW DATABASES;
      +--------------------+
      | Database |
      +--------------------+
      | WP02 |
      +--------------------+
    9. MySQLモードを終了する
      mysql > ¥q
    10. Linuxに戻ったら…
      # mysql -u root -pパスワード DB名 > 復元ファイル.sql
      (例) mysql -u root -pPASSWORD WP02 > WP01_Backup.sql
      「WP01_Backup.sql」というファイルを
      「WP02」というデータベース名で復元する。
      ここでも、-pとパスワードの間にスペースはいれちゃダメ。
    11. MySQLをスタートする
      # /etc/init.d/mysql start

    完璧っ!! (・∀・)


    サーバ乗り換え&WordPressを移行なら…
    旧サーバで「mysqldump」して「.sqlファイル」をFTPでダウンロード。


    新サーバの「mysql」ディレクトリに、
    「.sqlファイル」をFTPでアップロードして、新しいDB作成。
    最後に「mysql -u root -pパスワード DB名 > 適当なファイル名.sql」すればOK。

    これさえ覚えておけば、WordPressのお引っ越しも楽勝ですね!

    Post to Twitter

    2010/02/01

  • WordPress テーマ作成の基礎知識

    WordPressテーマを自作する場合、
    ゼロから全て自力で作るのは、さすがに難しいと思いますので、
    最初はデフォルトテーマ「WordPress Default」の
    カスタマイズから始めてみるのがオススメです。


    WordPressテーマのディレクトリ

    自作するWordPressテーマは、
    WordPress>wp-content>themes
    以下に「テーマフォルダ」を作成して関連ファイルを格納します。



    WordPressテーマのスタイルシート

    横浜のホームページ制作スタジオFIXの社長ブログ
    WordPressテーマのスタイルシートには、テーマ名、作成者などを記載します。
    style.cssに記載されたテーマ名、作成者情報が
    WordPressダッシュボード>外観>テーマに表示される仕組みになっています。


    以下は、このブログで無料配布している
    WordPressテーマのスタイルシートの書き出し部分です。

    @charset “utf-8″;
    /* CSS Document */
    /*
    Theme Name: StudioFix_Type006
    Description: 横浜のホームページ制作Studio FIX Inc.
    Author: Studio FIX Inc.
    Author URI: http://www.studio-fix.com/
    */

    Theme Name:テーマ名
    Description: 概要
    Author: 作成者
    Author URI: 作成者のホームページURL

    [スタイルシートを見てみる]


    テンプレート用phpファイルについて

    横浜のホームページ制作スタジオFIXの社長ブログ WordPressテンプレートは、このようにヘッダ、フッター、サイドバーなど
    モジュール化(部品化)された構成になっています。


    • header.php — 共通ヘッダ用モジュール
    • footer.php — 共通フッター用モジュール
    • sidebar1.php — サイドバー用モジュール
    • comments.php — コメント投稿用モジュール
    • index.php — トップページ用
    • single.php — 個別記事用
    • page.php — 固定ページ用
    • archive.php — 月間アーカイブ用
    • category.php — カテゴリ用
    • search.php — 検索結果用
    • searchform.php — サイドバーの検索フォーム用
    • tag.php — タグアーカイブ用
    • 404.php — NotFound用
    • style.css — テーマ用スタイルシート
    • screenshot.png — テーマのサムネイル画像


    これらのファイルのファイル名を変えることは出来ません。
    WordPress指定のファイル名ですので、
    ファイル名を変えてしまうと、WordPressが正しく動作しなくなります。




    トップページ用のテンプレート

    テーマフォルダ内に「index.php」が無いと、WordPressは正常に動作しません。
    「index.php」は必ず作成する必要があります。

    WordPressのデフォルト設定では新しい記事を投稿すると、
    トップページが更新され、新しい記事が一番上に表示されます。
    この場合のテンプレートが「index.php」です。

    WordPressでは、トップページを固定ページにすることもできます。
    企業のサイトをWordPressで構築したい場合などは、
    トップページを固定して利用します。

    そうしないと例えば「福利厚生について」という記事を作ったとたん
    会社のトップページが「福利厚生について」に書き換わってしまいます。
    それも、アリといえばアリですが…(笑)

    このようにトップページを固定して使う場合のテンプレートが「home.php」となります。
    トップページを固定ページにしないのであれば「home.php」の作成は不要です。

    テーマフォルダ内に「index.php」と「home.php」
    どちらも格納されている場合は、
    WordPressは「home.php」を優先します。


    以上、WordPress自作テーマを作成するときに
    知っておくべき基礎知識編でした。
    どうぞ素敵なテーマを作ってくださいね〜。(^-^)ノ

    Post to Twitter

    2010/01/30

Page 1 of 1212345>>10...Last »