fusigineko blog / dejavu-i

全部の商品の一覧ページはこんなふうに、商品画像が並んだレイアウトにしたかったんですが、やってみたら思ったより簡単にできました。
コツは２つ。

商品一覧ページに適用する専用テンプレートを作る

こちらのページ「WordPressテンプレートを各カテゴリ等で別々に使い分ける」の中の「特定のカテゴリだけ専用のテンプレートを使う」に驚きの方法が！

特定のカテゴリ専用のカテゴリテンプレートのファイル名には「category-8.php」のように、ハイフンとカテゴリIDの数字をつけて保存するだけです。

そんなお手軽な裏技（？）があるなんて、全然知りませんでした(^^;
アタシはてっきり、カテゴリー用のテンプレート内に条件分岐で読み込ませるもんだと思っていたので、これはうれしい誤算でした。

さっそくトライしてみましたよ。アタシが使ってるカテゴリー用のテンプレートは「archive.php」って名前ですが、気にせず「category-●●.php」って名前にリネームしたヤツをアップして、次のように中身を編集します。（●●は適用したいカテゴリーのID（数字））

商品のサムネイル画像を並べる

サンプルコードを書いておきます。
何をしてるかというと、最初の行に見出し、次の行にカテゴリーの説明（カテゴリー設定画面に記入欄があります）を読み込み、そのあとにサムネイル画像を並べるコードを入れています。

<h3>ウェルカムボードいろいろ</h3>
<p><?php echo category_description(●●); ?></p>
<?php query_posts('cat=●●&status=post&order=ASC'); ?>
<?php if (have_posts()) : while (have_posts()) : the_post(); usces_the_item(); ?>
<div class="thumbnail_box">
	<div class="thumimg"><a href="<?php the_permalink() ?>"><?php usces_the_itemImage($number = 0, $width = 108, $height = 108 ); ?></a></div>
	<div class="thumtitle"><a href="<?php the_permalink() ?>" rel="bookmark"><?php usces_the_itemName(); ?>&nbsp;(<?php usces_the_itemCode(); ?>)</a></div>
<?php if (usces_is_skus()) : ?>
	<div class="price">&yen;<?php usces_the_firstPrice(); ?><?php usces_guid_tax(); ?></div>
<?php endif; ?>
</div>
<?php endwhile; else: ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

３行目以降は、Welcart同梱のテーマフォルダ内の「home.php」をよーく見ると書いてあるので、コピペで使いました。
query_postsで、どのカテゴリーの内容を読み込むか指定したのち、ループの呪文を書いて、その中で　usces_the_itemName　usces_the_firstPrice　usces_the_itemImage　などのWelcartの専用テンプレートタグを使って、商品名や価格、商品写真を表示させています。
（ちなみに、商品番号を昇順＝ページIDが小さい順で表示させてるので、逆にしたい場合はASCをDESCに置き換えてね）

ここまでできたら、あとはスタイルシートで横に並べて完成。
カンタン！

カテゴリーの説明欄は今まで使ったことなかったけど、こうやって商品一覧に表示するようにしとけば、あとで修正したいとき、管理画面のフォームで直せるので気楽です。

このサンプルコードは、カテゴリーを「おすすめ商品」とか「新着」とかに変えて、今あるトップページに表示させると便利ですねー。

昨日は女子フィギュアの応援の合間に、Welcartに商品登録作業を進めていました。

WordPressのプラグインのカートってあまり期待していなかったんですが、これは相当な完成度。欲しい機能は最低限揃っています。ほんとは、カート内に、備考以外に自分でフォームを追加できる機能があるともっとうれしいけど…(^^;

あと、Macでは納品書のPDFに数カ所小さな四角が表示されてしまうので（半角スペースの文字化けじゃないかと思う）その点はさきほどフォーラムのほうで質問させてもらいましたが…、でもまあWinから印刷すれば大丈夫なんだと思います。。

テーマのカスタマイズはコツコツと…

それよりも、今回、Welcartの専用テーマを使わず、今まで使っていたテーマをそのまま流用しているので、記事はブログのように縦に積み上がるだけで、ショップぽく写真だけが並ぶような表示は自動ではできません。

どのページをどういうレイアウトにすればいいか、また頭の中で理解できてないけど、ゆくゆくは、アーカイブのテンプレートに細工をほどこして、ショップのカテゴリーの時だけは商品タイトルと写真が横に並ぶようにしないといけないなーと、思います。

既存のテーマを利用したショップの作り方　その1
既存のテーマを利用したショップの作り方　その2

わりと先の長い話。。
決め打ちの商品一覧ページを作ってそこから飛ばしてもいいんだけど、パンくずリストではそのページに戻れないので迷路状になりそうだし。。

でもまあ、そのへんは、おいおい。
それより、SSLとかイプシロンとかが心配。。
できるのかしらん。。

WordPressのショッピングカートプラグイン、Welcartをお試し中です。
※参考サイト→Welcartオンラインマニュアル

新規にショップ専用のWPを用意するのが面倒だったので、今ある筆文字サイトにそんまま、突っ込んでみました。（※今日の時点ではまだ商品ページへのリンクはありません。左の画像を参考にしてください。）

さくっと、content の部分（通常記事が表示される部分）に商品が出ます。
レイアウトの崩れもなく、注文用のカートに入れるボタンも見やすい気がします。

新しいサイトを作るとまたタイトル画像を作り直したりという作業が発生するので、とりあえずこれで行こう、と思って商品登録をしていたら、１種類登録するのに、たっぷり３時間はかかってしまいました。

これはWelcartのせいじゃなくて、ショッピングカートってそういうものかな、と思います。
設定画面のどこに何があるか分からなかったり、いろんな決まり事を理解するのに、やっぱり最初は時間がかかるのです。

商品画像の扱いは…

通常、カートの商品登録で最も手間なのは商品写真ですが、Welcartでは商品番号と同じファイル名の画像を探して自動表示する仕様なので、wp-01という商品だったら、wp-01.jpgという写真を用意して、通常の画像アップロードと同じようにアップしとけばいいだけです。

ただし、WordPressの画像管理って、だーっとアップするだけでカテゴリー分類とかできないので、大量の写真になると痛い気がしますが。まあ気にせずに。

それより、写真を探し出して仕様に合わせてリネームするのがけっこう手間です。
けっこう昔から使い回してる写真もあるし、WelCartでサムネイル画像に縮小するのに、画像が正方形のほうがキレイにできるので、長方形しかない写真は正方形に作り直したりとか。

この調子では写真の加工とリネームが商品登録時間の大部分を占めるんじゃないでしょうか、きっと。

商品の一括登録は…

通常のカートでは、商品はCSVファイルで一括登録！するものなのですが、welcartの一括登録機能はまだβなので実働サイトでは使わないでください、ということです。
待てる人はもうちょっと待って、それが使えるようになってからやったほうがいいかも。

商品登録のスピードは…

速いです（笑）
EC-CUBEみたいに、いちいち確認ウィンドウで「OK」を要求されることなくさくさく作業ができます。ただし、商品の種類を登録する「SKUコード」欄を修正したら「更新」ボタンを押してからページ全体を「保存」しないと、変更が反映されません。
何回もやり直しました(^^;

（SKUコードっていうのは、たとえばうちだったら、ひとつのウェルカムボードに「絆」「幸」などたくさんの種類があるのですが、それを別々の商品として登録しなくても、SKU記入欄に書くけで済むというもので、すごく便利です。EC-CUBEではこれがなくて、カテゴリーで管理するしかなかったような。。）

カート画面は…

完成度高くて、ほとんど手を入れる必要はないと思いますが、テンプレートはどうやらないようなので、各画面のphpファイルを直接ハックすることになるでしょう。
でも多分そのまま使えると思う。。

その他のパーツ…

あとはどんどん商品登録するだけ！
と思ったんですが、カートに入れたあと戻って他のページを見たりすると、カートに戻れなかったりとか。

他の部分をなるべく触らず、Welcartの守備範囲内で収めたかったんだけどこれはやっぱり無理。

（１）右カラムに「ログイン」のウィジェットを追加。
（２）上部のナビゲーションバーの下に、もうひとつバーを作って、お買い物時に「カートを見る」などのリンクが表示させた。

の二カ所だけ手を入れました。
ウィジェットは通常使わないので、ウィジェットとテンプレートタグを両方使うために、ちょこっとテンプレートを直す必要がありました。

カートを見るなどのリンクの作り方は、welcartに同梱されているテーマのheader.phpに書いてあるのでそれをコピペで使います。
要領は、welcartのライブデモサイトを見て、使いたいパーツを見つけて、その部分のテンプレートの中から「このへんかな」と思う部分をコピペってくる、という感じです(^^;

WordPressを使ってる人なら、どの部分がどのテンプレートかというのは分かってると思うので、あとはひたすらコピペですね。。

初日が終わって…

商品登録と画像の用意で３時間。
テンプレートの手直しで２時間。

あっというまに５時間もかかってしまいました。
画像にしても、テンプレートタグにしても
「あれ、あれなんだけど、どこだっけ」
って探している時間が長かったなー。

それとCSS。
CSSの変更が全然反映されなくて、一カ所で３０分も悩んだりとかして、不毛な時間を過ごしていました。
テーマのCSSのあとからWelcartのCSSが読み込まれるので、うまく上書きできればその部分だけ色とか変えれるはずなんだけど、ちゃんと前のを見ずに当てずっぽうでやるので、何度やっても反映さないっていうアレ。

そんなこんなでとりあえず、今日は「和風ウェルカムボード」６種類が登録できて、テンプレートもざっくりできたので、あとはひたすら商品登録ですね。
商品画像さえすぐ見つかれば、あとは１日あればできると思います。

そのあと、イプシロンに連絡して、カートの変更しないといけないから、使えるようになるのはまだ先ですね。。

たまたま一昨日の夜、SecondLife TVというセカンドライフ内から放送されている番組に、私が今でも土地を借りている、つまりセカンドライフ内での大家さんにあたるNekoLinkさんが出演していたので、WEBから視聴しました。

（小さくて見えないけど左が、リアルライフでもプロのラジオパーソナリティをしているMatoさん）

（なぜか花束を持ってる？NekoLink氏）

Nekoさんはあの、伝説の2007年SLフィーバーの渦のまっただ中にいた人物で、その当時のことを赤裸々に（！）語っています。

SLは2006年末にテレビのワールドビジネスサテライトで紹介されたあたりから火がついたんですが、その後、日経新聞の一面に大きなスクリーンショット付きで紹介されたその日から、とんでもない騒ぎが始まったそうです。
当時は企業でSLに参入しているのは数社しかなくて、中でも、一般ユーザー向けに山手線の名前を冠したSIM群の提供をすでに始めていたMagSLは有名だったので、全国の企業・マスコミからの問い合わせ電話が殺到。
日経掲載初日は電話が鳴り止まなかったそうです。

日経新聞最強。
テレビよりすごい。

…だそうです。参考までに。

私はNekoさんがレンタルを始めた十数人目くらいの店子（だと思う）ので(^^;
当時のことは自分の体験とも重なる部分があって、すごーく懐かしかったです。同じ番組を見ていた当時SLでいっしょだった人と久しぶりにTwitterで会話を交わしたりできたのもうれしいサプライズでした。

上のインタビュー番組は、WEBサイトから視聴できますので、SLに興味のある方はぜひどうぞ。

…と、普通ならここでSLの話は終わるはずが。
その翌日（つまり昨日）
有名な情報サイトにこんな記事が。

Tech Wave : セカンドライフは成長を続けていた via kwout

だからセカンドライフはまだあるし、やる人はやってるって、言ってるじゃん！…と、自称SLウォッチャーの私は叫んだわけですが(^^;

セカンドライフはもう終わったとか言ってる人は、セカンドライフをテレビや雑誌みたいな媒体＝メディアととらえて、ユーザー数が少ない媒体＝ダメな媒体、という評価を下しているんだと思うけど、多分、それは何かの勘違いで、セカンドライフみたいな中で歩き回って移動できちゃう空間を持っている３D仮想世界では、ユーザーの全体数より、いつどこに人が固まるか、つまり「コミュニティはどこに存在するか」を把握することが何より大切と思います。

SLのコミュニティはいったんできあがるとつながりが強いし、そういうコミュニティはログインしてないユーザーをも含んで機能しているので、全体のログイン人数を見ていても、大切なものは見えてこないんじゃないかと思います。

でも、流行のTwitterとUSTが、セカンドライフには追い風になるかもしれません。

今日、一番紹介したかったのはこちらの記事。
（ようやくここまで来た）(^。^;)ホッ
SecondLifeを日本で復興するには最低３日に３０分でいいから既存ユーザーがSL画面をUSTするだけでいい。 #SLJP　（SLユーザーRT願）

コミュニティとかなんとかって、めんどくさい話だけど、SLの一番の魅力はなんたってあの美しい景観。

だったらそういうのを見てもらうだけいいじゃない？

SLにinしたとき、ついでにさくっとUSTしちゃおうよ！

…という提案です。

えーそれで、USTは見るだけの私も、昨夜から画面をキャプチャできるソフトを教えてもらって、インストール&テスト中。
もうじき私もSL「だだ漏れ」ジャーナリストデビューかも(^^;

　
（新作：つとむの指文字ウェルカムボード）

アメリカで、トヨタの若社長が公聴会に呼び出され、つるしあげを食うらしいということで話題になっているようですが、時代が変わったナーって思うのは、ずーっと前だったら、こんなことになったら「すわ！日本たたき！」のように国全体に危機感と被害者意識が広がったと思うんだけど、今回はおおかた冷静って感じがするところ。

SONYがウォークマンでアメリカ進出していた頃とか、バブルで日本企業がマンハッタンの高層ビルを買い占めていた頃とかにくらべると、アメリカ人のジャップ嫌いって、全体としてはずいぶん緩和されたんじゃないでしょうかー。アメリカ人っていってもいろいろだから、有色人種全体を嫌う風潮はそりゃーそのままあるとは思うけど。

まあ私は自分の目で見ているわけじゃなく、あくまでも報道を見て受けたイメージの話なので、根拠はありませんが。

ただ、ひとつだけ「ああ、そうなんだ」と納得するのは、ついにトヨタがアメリカでも自動車会社のトップになったってことです。

斎藤ひとりさんが言っていた、世の中、上にいけばいくほど、強い風が吹いているんです。っていうの本当だったんだーと。

つまり、トップになったから、ちょっとしたミスでも大騒ぎになる。
トップになったから、今まではなかったような大きな責任を問われて、公聴会に呼び出されたりする。

なのでここは、「こんなに叩かれるのは、TOYOTAが名実共に世界のTOYOTAになった証なのだ」というふうにとらえて、世界のトップにふさわしいリスク管理と品格のある企業に生まれ変わろう、というふうに考えるのが、斎藤ひとりさん流の「ツイてる」発想法です。

えー、ここ愛知県におりますと、トヨタはそういうふうに、どこかの大きな会社って突き放して考えづらく、トヨタ＝自分の会社の飯の種、という感じで、愛知県下ではまったくほとんどすべての職種がトヨタの恩恵で成り立っているかのような、親方日の丸というより親方トヨタのような(^^;　そんな存在なんですが、それでも、世界に出ればただの一企業。

販売台数とか利益で１位になったところから、新しいステージが始まって、ほんとうのグローバル企業に脱皮成長するのかどうか、ここからがTOYOTAのほんとうの成長レースかと思ったりするんですが、いかがでしょうか。

（注・って書きつつ私、グローバル企業の意味理解してません。トヨタ系は風土が封建的で女性蔑視っていう風評もあり。そんなんでグローバル企業って無理くない？って思います。名古屋だったらたとえばブラザーとかのほうが、女性も活躍してる感じで個人的に好感度高いんですが。）

久しぶりに筆文字の新作サンプルができました。
写真は、結婚式の引出物にも使える小さいサイズのアクリルフレーム入り。筆文字ではなくて、指に直接墨をつけて書く「指文字」です。

WEBショップ用の商品写真は、今回初めて、知りあいの写真館のスタジオで撮影してきてもらいました。
うはうは♪

まったくの資金ゼロから始めているので、今までは、なにもかも自分でやるしかないって状況で、やりたい・やりたくないにかかわらず「やるしかない！」って歯を食いしばってやってきているんですが、ホントのところ、カメラとか写真とか写真の加工とか、私はだーいキライなんですよね。ぜんぜん興味がない。

ここへきてようやくプロにお願いできるようになって、これ以上の幸せはありません。
さすがに出来映えが違います。

でも、できあがった写真を選んでリサイズするのは私なので、その点がイマイチだな。

その上、先日も書いたとおり、EC-CUBEの筆文字ショップがアレなので、WordPressに商品を入れ直す作業もあって、それも全部私。
商品データはどうってことないと思うんだけど、写真がイヤなんですよね。
どの商品の写真がどれか、とかって。

も〜そういう事務作業、めっちゃくちゃキライ。
これも問題だよな。

もっとビッグになって、そういうのも全部、プロにお願いできる身分になりたいものです。。

久保田利伸が４年ぶりのアルバム発売だというのに、iTunesで買えないんだって。
ぶーぶー。

今NHKで毎日流れているラルクのオリンピックテーマ曲も、iTunesStoreでは配信されてません。iTunesにあったらぽちっとするかもしれないのにな…。

…というどうでもいい話(^^;

EC-CUBEでできている筆文字ショップから、イプシロンのカード決済画面に飛べなくなって数ヶ月がたっています。
症状から見てどうも原因はEC-CUBE（あるいはこちらのサーバー）側にあると思うのですが、原因も分からず。そもそもEC-CUBEのバージョンも古いままで、自分でアップグレードできない（やりかたが分からない）ので、なんとなくストレスフル(~_~;)

乗り換えだな、こりゃ。

と思って、イプシロンと同じ会社が経営しているレンタルの「カラーミーショップ」のアカウントを取ってサンプルサイトを作ってはみたものの、説明を読むのも億劫で、何から手をつけていいかわかんない状態。

カラーミーショップは安いとはいえ月額使用料がかかるし、今使ってるドメインをそのまま使うわけにはいかないので移行するとショップのURLが変わってしまうし…なんかイマイチ、気が進まないなぁ…

…と悩んでいたのですが、土曜日のTwitter勉強会のあとの懇親会で、WordPressで作ったら？ってアドバイスしてもらって「そうか！その案があったか！」と思って、WordPress用のショッピングカートプラグインを探してみました。

国産のプラグインというと、Welcart しか見つけられなかったけど、評判はいいみたいです。
すでに、イプシロンとPayPalの決済モジュールも提供されているようで、ちょうどうちの環境にぴったりです。

これはもうWelcartを導入で決まりでしょう。。（まじで？）

WordPressを使い始めて４年目ですが、WordPressはものすごいスピードでどんどん進化して、管理画面がとっても使いやすくなりましたし、情報はネットにあふれているし、twitterなどの新しいサービスに対応できるプラグインもあっという間にリリースされるし、BlogタイプのCMSでこれに勝てるものは、オープンソース・商用を含めて世界にひとつもないんじゃないでしょうか。。

実は、編集画面で文章に改行をいっぱい入れてもひとつを残してざっくり削除されるので、文中には一行の空きしか作れないとか、ビジュアルエディターを使うと書き込んであったHTMLのタグが勝手に削除されるとか、WordPress特有の使いにくさもあるんですが、慣れちゃったので平気だし。

WordPressは最初から、使う人が気持ちよく、ラクに使えるようにということを追求してきたCMSのような気がします。それが世界にWordPressが広がった理由じゃないかと思います。
世界一のシェアを取るって、やっぱりすごいね！

私なんか、その場その場の付け焼き刃（ネットからコピペ）で必要なものは全部カバーできちゃって、結局、ちゃんとしたテンプレートの作り方を知らないままだし。
（だからWordPress勉強会とか開いても教えてあげられないんですよね）

これでショッピングカートが問題なく使えるレベルだったらもうEC-CUBEも要らないし。
WordPressますますやめられないなー。

昨日の懇親会で話題になって気がつきました。
２つ前のエントリーで「iPadでWordとExcel使えたら即買い」と書いたけど訂正します。

WordやExcelは、Evernoteとかなんとかとか、いろんなサービスで代用すれば済む話で、そんなことより、まともに動くIMEが必須！！

普通にタイピングできる（ように見える）タッチスクリーンのキーボードがあるのに、iPhone並みの変換能力だと多分、相当いらいらする気がしますが…どうなんでしょう？

ちなみにWikipediaによると

iPhone OS搭載のインプットメソッドはことえりではなく、米アップルで日本人技術者により新たに専用開発されたものである。

だそうです。

そういえばiPhoneの日本語変換ってPCやガラパゴス系携帯に比べて全然ダメだけど、まぁiPhoneだからしょうがないって、あまり気にもしてなかったけど。

…なんで新たに開発を？ことえりでいいのに。
そういえば初期のことえりは今のiPhone並みだったかも？
（iPhoneで長文打たないので分かんないけど）
ことえりは２０年近くかけてようやくなんとか使えるレベルに達したのに、そのノウハウを流用できないんでしょうか。

欲しいぞATOK for iPad。
あるいはGoogle IME for iPadでもいいけど…無理か(~_~;)

昨日は、GoogleAnalytics（ホームページのアクセス解析）で有名なカグア！の吉田喜彦さんを講師にお迎えして、名古屋のeXeでTwitter講習会を開催しました。

今回、私は発表者じゃないのでお気楽〜な感じでルンルン♪…と、開始まで１時間の余裕をもって出発したのですが、なんとJR東海道線が人身事故らしき事態で途中で運行中止になり、名鉄に乗り換えるなどしたうえに、ようやく名古屋駅に到着したのにうっかり間違えて地下鉄東山線に乗ってしまうなど、A-HOなミスを重ねて、主催者なのにただひとり遅刻するという、情けない展開に。。

Twitterセミナーの内容は、Twitterの使い方に始まり、後半は便利な派生サービスの紹介などがあり、地域別、キーワード別にユーザーを絞り込むことができるなど、ただつぶやくだけでなくて、さまざまな利用法があるんだってことを知りました。。

終了後、eXe会員や常連さんと吉田さんで、軽くお茶したあと、車道トウフへ行きました。

そこで盛り上がったのはiPhoneアプリとニンテンドーDSiの話で、中でもDSiは、もはやゲーム機とは思えないような情報端末に進化している！？…ってことで、実は、電子書籍がまっさきにブレイクするのはKindleやiPadではなくて、DSi方面かも？？？

というような話とか。
どれも面白くって。

iPhoneアプリはeXeのＧＯＴＯさんが詳しくて、会うたびに新作を紹介してくれるので、これはぜひ機会を設けて、じっくり聞きたいところです。

なんか最近、ビジネス系の集まりに参加しても話すことがないし(・・;)、WEB/IT系の勉強会も内容が理解できなくて疲れるんで参加しなくなっちゃったんだけど、なぜかeXeの集まりはいつも普通に楽しいです。

なので今後はそういう、私が楽しめる趣味の集まりを(^-^)、eXe趣味講座と題して定期的にやっていこうと思っています。

次回はできれば蔵書目録SNSメディアマーカーの中の人にお越しいただいて、メディアマーカーの多彩な機能と使い方をみっちり！教えていただきたいなって、思ってます。
（名古屋の緑区の方なんだそうです。メディアマーカーは地元発の全国ネットのWEBサービスなのです！）