• 商品の数をプラス（もしくはマイナス）を押して増やそうとするとカゴから消える
• 『注文する』ボタンを押すとトップページに移動する

という現象が起きてしまい、注文できませんでした…
原因を調べてみたところ、php.iniの設定がどうやら怪しいみたいです。

EC-CUBE 開発コミュニティサイト – フォーラム

今回EC-CUBEを導入しているサーバはヘテムルです。コントロールパネルからphp.iniの設定に入って、

session.use_trans_sid　を　On
session.use_only_cookies　を　Off

にすることで、商品の購入数をプラス（もしくはマイナス）したり、注文ページへ行けるようになりました。

どんなサイトにも絶対に当てはまる100の法則、というわけではないような気もするんですけど、サイトごとに役立つ法則が何かしら載っているので、全部覚えて実践できるように！とまではいけないかもですが、少しでも意識して作業できるようになりたいです。

ユーザビリティの本だけあって結構読みやすいのでオススメです。

Webユーザビリティ・デザイン Web制作者が身につけておくべき新・100の法則。 インプレスジャパン 2007-07-03 売り上げランキング : 10569 おすすめ平均 Amazonで詳しく見る by G-Tools

EC-CUBEには会員登録機能がデフォルトで付いており、会員登録をしてログインをすると買い物履歴が見れたりするのですが、いわゆる『マイページ』にはログアウトボタンがついていないのですよね。
これはちょっと不便…ということで、設置する方法を調べてみました。

参考にしたのは下記の2つのページです。

• MyPageにログアウトボタン設置　EC-CUBE 開発コミュニティサイト – フォーラム
• EC-CUBE マイページ内にログアウトのリンクを設置｜umiの本棚斜め読み

マイページのナビ部分、ログアウトリンクを表示したい箇所に下記を追加（テンプレートフォルダの　mypage/navi.tpl）

<form name="login_form" id="login_form" method="post" action="<!--{$smarty.const.SSL_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_form')">
<input type="hidden" name="mode" value="login" />
<input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" />
<input type="hidden" name="url" value="<!--{$smarty.server.PHP_SELF|escape}-->" />
<a href="<!--{$smarty.server.PHP_SELF|escape}-->" onclick="fnFormModeSubmit('login_form', 'logout', '', ''); return false;">ログアウト</a>
</form>

次に　/web/data/class/pages/mypage/LC_Page_MyPage　の　function process()　内に

// トランザクションIDの取得
$this->transactionid = $this->getToken();

以上でマイページからもログアウトできるようになります。

マイページ内のどこからでもログアウトできるようにするためには、LC_Page_MyPage.php以外のマイページ関連ファイルにも記述しないと動作しないので注意が必要です。

バージョンによってロゴの保存場所が違うようで、2.4.1の場合は
data/pdf
直下に【logo.png】があります。
（user_data/packages/default/img/pdf　にもlogo.pngがあるのですが、こっちを変更しても納品書のpdfのロゴは変更されませんでした…）

これをオリジナルのロゴに変更することでpdfに挿入されるロゴもオリジナルのものになりました。

pdfの生成を行っているっぽいファイルは
data/class
直下の【SC_Fpdf.php】です。

変更するロゴのサイズが大きすぎるとpdfファイルの表示が崩れてしまいそうなので、ロゴのサイズには注意した方がいいかも知れません。

いろいろと調べてみたのですが、
WordPress のダッシュボード(管理画面)が英語の場合に日本語化する方法 | ウェブル
で紹介されている方法を試したところ、無事に全て日本語表示になりました！

どうやら言語ファイルが最新のものでなかったのが原因だったようです。
WordPressの日本語版サイトトップページのjaリポジトリからja.moファイル（WordPress2.8.4用）をダウンロードできますので似た症状でお困りの方は試してみては

今日は会社・自宅共に、自分のFirefoxに入れているアドオンをご紹介します。

Firebug
https://addons.mozilla.org/ja/firefox/addon/1843
これは有名所だと思います。各要素ごとに適用されているスタイルや、その要素の余白がどの程度あるのかがぱぱっと調べられるのでおすすめです。

Tab Mix Plus
https://addons.mozilla.org/ja/firefox/addon/1122
Firefoxのタブ機能を拡張してくれるアドオン。大量にタブでサイトを開いていたのに間違えてウィンドウを閉じちゃったときに、閉じてしまったタブを復元したりできます。

FireShot
https://addons.mozilla.org/ja/firefox/addon/5648
画面をキャプチャするアドオンです。キャプチャだけでなく、キャプチャした画像にコメントや手書きでちょっとした文字などもかけるので、画面遷移図とかを作るのにいいです。

JustResize
https://addons.mozilla.org/ja/firefox/addon/8674
ブラウザのサイズをリサイズしてくれるアドオン。FireShotと合わせて画面のキャプチャをする時に、いちいち画像編集ソフトでリサイズする手間がなくなるので気に入ってます。

IE Tab
https://addons.mozilla.org/ja/firefox/addon/1419
FirefoxのタブでIEでの表示も確認できるアドオン。ちょっと表示チェックしたいときにわざわざIE立ち上げなくても済むので便利です。

以上、個人的におすすめなアドオンのご紹介でした。
他におすすめなアドオンがあったら教えてください。

調べてみたところ、コード上では大文字なのになぜブラウザで見ると小文字なのかの原因は、スタイルシートで

text-transform　というスタイルがあたっていたからでした。

プロパティ値は

• none　（初期値）
• capitalize　（先頭の文字だけ大文字）
• uppercase　（全て大文字）
• lowercase　（全て小文字）

の4つで、今回の原因は　Abcdef　のテキスト部分に、lowercase（全て小文字）が指定されていたせいで、先頭のAが小文字になっていたのでした。

どうやら単語ごとに先頭文字を大文字にしたりできるみたいなので、例えば

i love wordpress.
と3つの単語をpタグで囲って、そのpタグに　text-transform:capitalize; を指定すると
i love wordpress. となるわけですね。
使い道があるかどうかはちょっと…ですが、また引っかかりそうなのでメモメモ。

というわけで、入力モードをフォームによって指定する方法はないものかと思ってgoogle先生に伺ってみましたところ…

ケータイサイトのフォーム入力の文字種別を指定する方法 | モバイル(携帯電話・ケータイ)Web | 阿部辰也のブログ――人生はひまつぶし。
とっても参考になるブログが見つかりました。

3キャリアに対応していて、自分のケータイ（au　S001）でチェックしたところ、最初から数字の入力モードにすることができました。

すごく崩れてました:-()
先輩のKさんから教えてもらったので、おそらくこの時間にアクセスした人はみんな崩れて表示されてたのではないかとおもうんですが、崩れてたのは一瞬でした。
やっぱりアクセス数が多いサイトだと、公開した状態で表示崩れたりすると大騒ぎになるのかなぁ…

何も設定していないとこんなかんじで、画像にリンクを貼った場合青い枠（左）がでます。（クリック後は紫色（右））
で、リンク色をcssで設定していると、Firefoxで見たときは枠の色がリンクの文字色と同じになります。が、IE6では何も変わりません。
これがIE6でも同じように枠の色を変えられないかなぁ、と思ってcssを書いてみました。

a img	{
	border:none;/*まずリンクの枠を消す*/
	padding:2px;/*消したボーダー分の余白を設ける*/
	background:#333333;/*枠の色にしたい色を設定する*/
}
a:hover img	{
	background:#999999;/*リンク画像にマウスを乗せたときの枠の色を指定する*/
}

これがいいかなぁ、という感じです。
別に↓でもいいんじゃ…と思ったんですが

a img	{
	border:2px solid #333333;/*通常時のリンク画像の枠の色*/
}
a:hover img	{
	border:2px solid #999999;/*マウスを乗せた時の枠の色*/
}

これだとIE6の方では全く効果がなかったです。Firefoxでもa:hoverの指定のみ効果があるようで…。
画像に枠をつけるのにbackgroundで指定するのもちょっと変わってる気がしますけどね。
他にもっと楽な方法ないかなぁ。