第1回WordPressお茶会 – WordBench香川 – MAMPの環境設定（使用ポートの変更）

Posted on by

MAMPのデフォルト設定ではApacheのポートが8888のためURLが以下のようになっているので、Apacheの標準ポートの80に変更することでポート番号の指定を省略することができます。

↓

MAMPのコントロールパネルで「環境設定」をクリック。

「ポート」タブを開き「ApacheとMySQLの標準ポートに設定」をクリック。
Apacheのポート:80、MySQLのポート:3306に変更されるので「OK」をクリック。
自動的にサーバが再起動され「スタートページを開く」をクリックすると http://localhost/MAMP/ でスタートページが開きます。
※Apacheの使用ポートを1024以下にするとMAMP起動・終了時にroot権限のパスワードを求められるようになります。

※Mac OS XにはApacheがデフォルトで搭載されておりこちらが起動された状態だと80ポートが競合するので停止する必要があります。
システム環境設定 > インターネットとワイヤレス > 共有

「Web共有」にチェックが入っていたら外します。

また、自身でMySQLを導入して起動している場合も3306ポートが競合すると思いますので同様に システム環境設定 > MySQL より停止してください。

次はMAMPの環境設定（ドキュメントルートの確認）を行なってきます。

第1回WordPressお茶会 – WordBench香川 – MAMPのインストール

Posted on by

MacでWordPressが動作する環境を構築するためにMAMPを導入します。
MAMPは”Mac – Apache – MySQL -PHP”の略でApache、MySQL、PHPが一括してインストールできるソフトです。

MAMPのダウンロードはMAMPのサイトより、「MAMP:One-click-solution for setting up your personal webserver」の下の「Download Now」から開始してください。

MAMP_MAMP_PRO_2.0.5.zipのダウンロードが完了しました。（記事投稿現在のバージョン）

解凍するとMAMP.pkgが出てくるので実行してMAMPをインストールしていきます。

MAMPのインストーラが起動するので「続ける」をクリック。

大切な情報を読んで「続ける」をクリック。

使用許諾契約を読んで「続ける」をクリック。

ソフトウェア使用許諾契約で「同意する」をクリック。

インストール内容を変更したいので「カスタマイズ」をクリック。

MAMP PROは必要ないのでチェックを外して「インストール」をクリック。

この際、Mac側にソフトウェアインストールの許可を求められると思うのでroot権限パスワードを入力して「ソフトウェアをインストール」をクリック。

以上でMAMPインストール完了です。お疲れさまでした。

/Applications/MAMP/MAMP.app から起動できます。

MAMPを起動するとコントロールパネルが開くと同時にスタートページが立ち上がります。

スタートページの各タブについて簡単に解説。

Start
MAMPスタートページへ移動
phpinfo
現在のPHPの設定を表示
XCache
PHPアクセラレータXCacheの管理画面
phpMyAdmin
MySQL管理ツールphpMyAdmin管理画面
SQLiteManager
データベース管理ツールSQLiteの管理画面
FAQ
MAMPヘルプです。
Try MAMP PRO
MAMP PROサイトへ

次はMAMPの環境設定（使用ポートの変更）を行なっていきます。

第1回WordPressお茶会 – WordBench香川 – XAMPPの環境設定（セキュリティ設定）

Posted on by

デフォルトでは外部からアクセスできる状態なのでセキュリティの設定を行います。
ブラウザで http://localhost/ にアクセスすると以下のような言語選択画面になるので日本語を選択。

XAMPPのトップページです。ナビゲーションから「セキュリティ」ページへ移動。

現在のセキュリティ・ステータスが表示されています。
対策が必要なのは上記3つに関して。4つ目の「PHPは”safe mode”で起動していません。」は記載にある通り幾つかの重要な機能が動作しなくなるのでこのままにしておきます。
下2つに関しては使用しない機能なので今回は無視。
それではセキュリティ・ステータステーブル下部の修正ツールより対策を行なっていきます。

まずMySQLデータベースにroot権限でアクセスする際のパスワードを設定します。

  1. 任意のパスワードを入力
  2. cookieを選択（デフォルトのまま）
  3. チェックを入れる
  4. 「パスワードを変更しました。」をクリック。

※これによりphpMyAdminにログインする際にroot権限に対するパスワードを求められるようになりますのでphpMyAdmin利用の際はここで設定したパスワードを入力してください。

「rootのパスワードが変更されました。設定を有効にするために、MySQLを再起動してください。」と出てくるけどこのままXAMPPのディレクトリ制御設定を行います。

XAMPPのディレクトリ制御設定を行います。

  1. 任意のユーザ名、パスワードを入力
  2. チェックを入れる
  3. 「安全なXAMPPディレクトリを作成してください。」をクリック。

※次回 http://localhost/ にアクセスする際にユーザ名、パスワードが求められますのでここで登録したものを入力してログインしてください。

以下のメッセージが出れば成功です。

XAMPPコントロールパネルでApache、MySQLを再起動し再度セキュリティページへ移動してください。
上3つのセキュリティ・ステータスが「安全」になりました。

以上でセキュリティ設定は完了です。
次はPHP環境設定を行なっていきます。

第1回WordPressお茶会 – WordBench香川 – XAMPP for Windows のインストール

Posted on by

WindowsでWordPressが動作する環境を構築するためにXAMPP for Windowsをインストールします。XAMPPはApacheやMySQL、PHP、PHPMyAdmin等をWindowsに一括でインストールできるソフトです。

ダウンロードはXAMPP for Windowsの ダウンロード > XAMPP。

インストーラ版を用いるのが最も簡単な方法なのでインストーラ版を使用します。
「インストーラ」クリックで xampp-win32-1.7.7-VC9-installer.exe（投稿現在バージョン）のダウンロードが開始されます。

ダウンロードが完了したら、実行して下さい。
Windows7 64bit環境だと以下のような警告が出ると思いますが「OK」をクリック。

それではインストールを行なっていきます。

インストール先はデフォルトのまま c:¥xampp でOKです。（cドライブ部分はOSのインストール先により異なると思います）

上2つのみチェック（デフォルトのまま）で「Install」クリック。

インストール中・・・

インストール完了。

今すぐ XAMPP Control Panel を起動しますか？と聞いてくるので「いいえ」を選択。

Window7 64bit環境では互換性のダイアログが出てくると思うので「このプログラムは正しくインストールされました」をクリック。

以上で XAMPP for Windows のインストール環境です。
デスクトップ or スタートメニューの XAMPP Control Panel よりXAMPPコントロールパネルが起動します。


次は XAMPPの環境設定（ドキュメントルートの確認） を行なっていきます。

第1回WordPressお茶会 – WordBench香川 – 事前に用意しておくものリスト

Posted on by

環境構築は当日のハンズオンで行っていきますがダウンロードに時間のかかるデータは事前にローカル環境に保存しておいてください。
ご自身の開発環境にあわせてデータをダウンロードしておいてください。

※バージョンは全て投稿現在のものですので最新バージョンをダウンロードして下さい。

Windows7 64bit環境

・XAMPP for Windows 1.7.7
XAMPP for WindowsのXAMPP Windows版 1.7.7, 2011/9/20のインストーラ版（81MB）をダウンロード
・WordPress 3.2.1
WordPress | 日本語の「WordPress 3.2.1 をダウンロード .zip — 4.2 MB」をダウンロード
・メモ帳以外のテキストエディタ
ご自身で使い慣れたテキストエディタをご用意下さい。
テキストエディタの一覧 – Wikipedia
・NetBeans IDE 7.0.1
上で準備したテキストエディタで問題ないという場合は必要ありません。
NetBeans NetBeans 日本語サイトの「Download FREE NetBeans IDE 7.0.1」をクリック。

ダウンロードページが開くと思うので、「IDEの言語：日本語」、「プラットフォーム：Windows」になっているのを確認してPHPの列にある「ダウンロード」をクリック。

Mac OS X Lion 64bit環境

・MAMP 2.0.5
MAMPサイトの「MAMP:One-click-solution for setting up your personal webserver」の下の「Download Now」よりダウンロードしてください。
・WordPress 3.2.1
Windows7 64bit環境と同様です。
・テキストエディタ
ご自身で使い慣れたテキストエディタをご用意下さい。わたしはmiを使用しています。
テキストエディタの一覧 – Wikipedia
・NetBeans IDE 7.0.1
上で準備したテキストエディタで問題ないという場合は必要ありません。
NetBeans NetBeans 日本語サイトの「Download FREE NetBeans IDE 7.0.1」をクリック。

ダウンロードページが開くと思うので、「IDEの言語：日本語」、「プラットフォーム：Mac OS X」になっているのを確認してPHPの列にある「ダウンロード」をクリック。

第1回WordPressお茶会 – WordBench香川 – INDEX

Posted on by

2011/11/19（土）開催の「第1回WordPressお茶会＠WordBench香川」のWordPressハンズオン用のインデックスページです。
今回はWordPress初心者の方を対象にWindows・MacでWordPressが動作する環境を作って実際に何かやってみようという事を考えています。（WordPressで何をやるかはまだ未定です・・・）

開発環境構築は当日行うので事前に行なって頂く必要ありませんが、事前に用意しておくものリスト にあるデータを事前にローカル環境にダウンロードしておいてください。

なお、当日の開発環境構築用資料も順次以下にアップしていきます。

WordBench香川キックオフミーティングを開催しました

Posted on by

2011/10/07に香川県産業頭脳化センタービルを会場にWordBench香川キックオフミーティングが開催されました。

参加者8名、デザイナー・プログラマー・WordPressユーザといった幅広い層が集まり、また、たくさんのおやつを提供頂いた結果、さながらおやつの会の様相を呈した集まりとなりました。

内容としては参加者自己紹介（WordPressと私）から始まり、私の「WordBenchについて」発表の後、今後WordBench香川をどうやって盛り上げましょう談義やWordPressについて、その他雑談等々、皆さんから積極的な発言があったおかげで非常に有意義な集まりとなりました。

参加者の皆さん長時間のおつきあいありがとうございました。

次回は11/19（土）に雑談ありもくもくあり、質問ありの『WordPressお茶会（仮）』を開催予定です。


zamuuさん提供のわぷーボードとみくせん他おやつの山

当日の発表資料は以下よりご覧いただけます（IE動作未確認です）
WordBenchについて

WordPressのサムネイル再生成プラグイン – Regenerate Thumbnails

Posted on by

WordPressでサーバへの負荷軽減の為にフルサイズ画像のみ生成するように設定していたのですがサムネイル画像を使用する必要が出てきたのでサムネイル画像再生成の方法についてシェアしたいと思います。

前置き

WordPressのデフォルトのメディアの設定は以下の通りになっておりサムネイル、中サイズ、大サイズ、フルサイズが生成され “wp-content/uploads/YYYY/MM/”に格納されます。

またこの値を全て0にすることでフルサイズのみ生成することも可能です。

この時データベースの wp_postmeta > _wp_attachment_metadata に次のように画像のサイズやそれに対するファイル名、Exif情報等が格納されます。当然メディア設定でフルサイズのみを生成した場合には、thumbnail、medium等の情報はなくなります。

a:6:{s:5:"width";s:3:"584";s:6:"height";s:3:"438";s:14:"hwstring_small";s:23:"height='96' width='128'";s:4:"file";s:13:"wckobe-01.jpg";s:5:"sizes";a:5:{s:9:"thumbnail";a:3:{s:4:"file";s:21:"wckobe-01-150x150.jpg";s:5:"width";s:3:"150";s:6:"height";s:3:"150";}s:6:"medium";a:3:{s:4:"file";s:21:"wckobe-01-300x225.jpg";s:5:"width";s:3:"300";s:6:"height";s:3:"225";}s:14:"post-thumbnail";a:3:{s:4:"file";s:21:"wckobe-01-584x288.jpg";s:5:"width";s:3:"584";s:6:"height";s:3:"288";}s:13:"large-feature";a:3:{s:4:"file";s:21:"wckobe-01-584x288.jpg";s:5:"width";s:3:"584";s:6:"height";s:3:"288";}s:13:"small-feature";a:3:{s:4:"file";s:21:"wckobe-01-400x300.jpg";s:5:"width";s:3:"400";s:6:"height";s:3:"300";}}s:10:"image_meta";a:10:{s:8:"aperture";s:1:"0";s:6:"credit";s:0:"";s:6:"camera";s:0:"";s:7:"caption";s:0:"";s:17:"created_timestamp";s:1:"0";s:9:"copyright";s:0:"";s:12:"focal_length";s:1:"0";s:3:"iso";s:1:"0";s:13:"shutter_speed";s:1:"0";s:5:"title";s:0:"";}}

ここに格納されたデータの使用例としては以下のようにwp_get_attachment_image_srcでサイズを指定した時の画像URLの取得等に利用されます。

<?php
$attachment_id = 1;
$image = wp_get_attachment_image_src( $attachment_id, 'thumbnail' );
?>
<img src="<?php echo $image[0]; ?> width="<?php echo $image[1]; /> height="<?php echo $image[2]; ?> />

本題

上述した通り_wp_attachment_metadataの情報は画像をアップロードした時点で設定されるため、初期のメディア設定でフルサイズのみを生成する、としてあとからサムネイル画像を使用したいとなっても当然サムネイル画像URLは取得できず、フルサイズ画像のURLが取得されてしまいます。

そこでRegenerate Thumbnailsプラグインを用いてサムネイル画像再生成及び_wp_attachment_metadata情報更新を行いたいと思います。
Regenerate Thumbnails

使い方は以下の通り。

  1. Regenerate Thumbnailsプラグインをインストール、有効化。
  2. 設定 > メディア で画像サイズを再設定。
  3. ツール > Regen. Thumbnails でRegenerate All Thumbnailsを押下。
  4. 再生成中・・・

wp-content/uploads/フォルダを見てみるとメディア設定で指定したサイズの画像が再生成されていると思います。
また、_wp_attachment_metadataの情報も更新されています。

エックスサーバー、シックスコアのPHPバージョンアップで躓いたメモ

Posted on by

WordPress3.2系からサーバ要件としてPHP5.2.4以上が必要となりました。
サーバの用意 – WordPress Codex 日本語版

運用しているエックスサーバー,シックスコア（以下エックスサーバー系）では2011/09/20現在PHPバージョンは以下の通り

  • PHP4.3.9（非推奨）
  • PHP5.1.6（推奨）
  • PHP5.2.14
  • PHP5.3.3

これまで5.1.6を利用していたものをWordPressバージョンアップに合わせて5.3.3にアップグレードすることにしました。
その際、WordPress、オリジナルプログラムでPHPのエラーが発生したので解決方法をシェアしたいと思います。

PHPをバージョンアップ後もWordPressのバージョン未対応警告が表示される

コントロールパネルでPHP5.3.3に変更したにも関わらず以下のような警告が表示されてしまいます。

サーバーの PHP バージョンは 5.1.6 ですが WordPress 3.2.1 は 5.2.4 以上のみでご利用になれます。

原因としてはエックスサーバー系では.htaccessのAddHandlerで以下記述をしないとPHP4.3.9として認識されるらしく、今回は”AddHandler x-httpd-php5 .php”としていた為、PHP5.1.6として認識されていたようです。
PHP5.3.3用の記述により正常にWordPressが表示されるようになりました。

PHP4.3.9
.htaccessに記述必要なし
PHP5.1.6
AddHandler x-httpd-php5 .php
PHP5.2.14
AddHandler x-httpd-php5.2 .php
PHP5.3.3
AddHandler x-httpd-php5.3 .php

以前PHP5.1.6でWordPressをインストールした際も.htaccessにAddHandlerで指定していなかったのでPHP4.3.9と誤認識されて躓いた記憶があります･･･

PEARモジュールが読み込まれない

require_once 'PEAR.php';

自作プログラムでPHP5.1.6までは標準でインストールされているPEARの読み込みが上記で動作していたのですが5.3.3にバージョンアップ後は以下のエラーが出て読み込まれていないようでした。

Warning: require_once(PEAR.php) [function.require-once]: failed to open stream: No such file or directory in /hoge/hoge.php on line 2
Fatal error: require_once() [function.require]: Failed opening required 'PEAR.php' (include_path='.:') in /hoge/hoge.php on line 2

PEARへのパスが通っていないのは分かったのですがマニュアルやよくある質問を検索してみてもそれらしい解決方法は見つからずgoogle先生に頼ることに。
Xserver の便利なphp.ini のカスタマイズ – Mottys Web page!より解決方法が見つかりました。

php.iniに以下を記述することでPEARへのパスを通すことができました。

include_path = ".:/usr/share/pear5.3"

エックスサーバー系はどうもPHPバージョン変更に対するphp.iniへのサポートがいまいちなのか、エックスサーバではバージョン切り替えページに以下の注意書きがあったのですがシックスコアではありませんでした。

■お客様側で個別にphp.iniを設置されている場合のご注意 　【PHP5.2.x】【PHP5.3.x】では php.ini 未設定項目の値は 　php4/php5.1とは異なる値となる場合があります。

特にお客様側で個別に設置されているphp.iniにて、 　「sendmail_path」や「date.timezone」が未設定の場合、 　プログラムが正常に動作しなくなる可能性があります。
　上記現象を回避するには、事前に php.ini に設定値を追記する必要があります。

※「sendmail_path」と「date.timezone」のデフォルトのphp.ini設定値は以下になります。
　—————————————-
　sendmail_path = /usr/sbin/sendmail -t -i
　date.timezone = “Asia/Tokyo”
　—————————————-

案の定シックスコアでdate.timezoneを設定していなかったためエラーで躓きましたし･･･

エックスサーバ系は管理画面もわかりやすくてバージョンアップ対応なんかも迅速なのでよく利用させて頂いているので、マニュアルをもう少し充実させて頂ければと思います。

かがわSOHO会[2011年9月度]に参加してきました。

Posted on by

スタイルデザインさん主催の「かがわSOHO会 in umie 11/09/16（19:00-24:00）」に参加してきました。
（ナンバリングされてないからタイトルが毎回同じになってしまいますね。どうしましょうか。）

かがわSOHO会という名前ですがSOHOに限らず会社勤め、学生等肩書関係無く、Web関連の話題を中心に（参加者にWeb関係者が多い為）ゆるゆる話しつつごはんを食べましょう、というイベントです。（意訳）
かがわSOHO会について

当日は台風接近ということもあり集まり具合が心配されましたが7名の参加。参加者層はやはりWeb関連が多め。
特にテーマを決めて、という集まりではないのでその場その場で話題を変えつつ、私の周りでは次のような話題に。

  • わぷーステッカー配布、わぷーかわいいよわぷー
  • MacBook Airが素晴らしい
  • WordBeach、WordCampに参加してきました
  • WordPress Twenty Elevenテーマについて
  • WordBench香川を再開しなくては！！
  • イタリア楽しい。食べ物おいしいけど、基本的には日本の方がおいしい
  • ITスクエアとかコワーキングとか仕事環境について
  • 香川県内あれこれ（ことちゃん、萌えうどん、etc…）
  • スマホ実演いろいろ

WordBeach、WordCamp参加直後だった為、WordPressやイベント・勉強会についての話題が多めに。そして勉強会用にノートPC必要だなーと思っていたところにMacBook Air使いの方にその素晴らしさを語られたので来週あたりにはポチってしまうかも･･･

というようなWebに限らずローカルネタ、雑談ありのゆるい集まりですので興味を持たれた方は参加してみてはいかがでしょうか。

* * *

雨が降っていたからカメラ持っていかずiPod touchで撮影したけどあまりにひどかったのでアイキャッチ画像写真はFlickrよりお借りしました。（Creative Commons License credit: saitowitz）