Comments (2)

By IKUKO, 2010 年 5 月 12 日 11:07 AM

Check

久しぶりにWelcartネタです

いったん商品登録が終わり、最低限、動くようになったものだからすっかり飽きて（おぃ！）
放置していたWelcartですが、先日、WordCamp名古屋の実行委員でもある@kzxtremeさんに、さくっと改造してもらいました。

どこがどうなったかというと…

元は、赤い矢印の「注文欄」と青い矢印の「商品写真（サブ画像）」が、左の画像のように別々に表示されていたものを、
　　　↓
右の画像のように、注文欄の中に、それぞれのサブ画像が表示されるように、なりました。

しかも、ひとつめの写真は大きくて、同じ商品の「額の色違い」がいくつもある場合は2種類目以降は小さく表示されるという、気の利いた仕様（笑）

→実物はこちら　ご両親に贈る！かなだつとむの和風メッセージボード | 心を伝える和風筆文字☆不思議猫招堂

今までは、デフォルトのサブ画像だけでは商品紹介にならないので、記事として別途、全部の商品写真を並べていました。そこの部分のHTMLを書くのが面倒で（前に組んだのをコピペするんですが、それぞれの商品写真の画像名やパスを書き換えるのが、意外に面倒）、新しい商品を登録するのが、いつもとっても億劫でした。

でも、これからは、Welcartの仕様通りに、連番で名前をつけた画像さえメディアライブラリーにアップしておけば、あとはいっさい、画像を貼らなくても良くなります。
ただ、商品説明と値段などを記入するだけです。

商品登録にかかる労力はおよそ70%減（当社比）と予想されます。

うはうはですね（笑）

実は最近、額を作る工房の方とのコラボ商品とか、手描き友禅シリーズとか、新しい商品を続々と開発中で、今後商品登録の頻度は高まるばかりだと思うので、このタイミングでカスタマイズしてもらって、とってもラッキー♪　です。

ちなみに、このコードは使っているテーマフォルダ内の functions.php に書くので、プラグインのアップデートをしても消えません。
ご希望の方はこっそりご相談を…（なぜこっそり）w

＃＃関係ないけどWelcartデモ商品「泥付きにんじん」て…マニアックすぎw

Comments (0)

By IKUKO, 2010 年 3 月 18 日 10:04 AM

Check

昨日、お客様から「あのー注文しようとしてもカートから先に進めないんですケドー」ってお電話をいただいちゃって、超びっくり＆蒼白(¨;)

慌てて試したら、確かにカートに入れて「次へ」を押してもまた同じページに戻されるばかりで先に進めません。
最近、Welcartの4.0がリリースされてアップグレードしたので、そのせいかと思って以前のバージョンに戻したり、最近有料版に変えたAll in One SEO Packのせいかしらと外してみたり。

でもダメなので、Welcartのコミュニティで質問しようと投稿フォームを開いて書きかけた時。
「ん？そういえば筆文字サイトのプラグインのことを、この間、ブログに書いた気がする」
と思って、当ブログを見たらありました！
「そうじゃん！Permalink Redirectってのを入れて調子いいって書いてたじゃん」

Welcartコミュの投稿フォームも、当ブログの投稿フォームと見た目がほぼ同じなので、書く行動が呼び水になって記憶から情報が取り出せたようです（汗）

しかし…そこまでしないと直近に入れたプラグインを思い出せない自分も自分ですが。
とりあえず、なんでもブログに書いとくと、こうして思い出すきっかけになりますし、それがいつのことだったかも正確に分かるので良いですね。

日記ブログなんてネットのゴミだク○だっていう人もいますが、こういう時、日記は役に立つんだよ！ほっとけ！

そして案の定、Permalink Redirectをオフにしたら、カートの動作はあっさり復旧しました。
Permalink Redirectが持ってる何かの機能がWelcartの画面遷移の邪魔をするんですね。
自分では直せないので、とりあえずPermalink Redirectは使わないことにしました。

やっぱりURLを強制的に変えるのは何かとムズカシイことありますね。。

Comments (2)

By IKUKO, 2010 年 3 月 4 日 9:35 PM

Check

数ヶ月放置していた筆文字ショップをなぜ今、しゃかりきになって作り直しているかというと…

こんな感じの、結婚式の引出物に使える小振りな新作を今週末の新宿店の実演に合わせて販売スタートしたいなぁ…という背後からの無言の圧力に押されて、毎日Welcartしているわけです…

その他にも、こんな感じのウェルカムボードとメッセージボードが１種類ずつ控えているので…
なんだかとっても商品登録するのって苦痛なんですけど、とにかく、今回は、
この機会にEC-CUBEからこちらに乗り換えてしまわなくては！

という思いで、必死にがんばっています(^^;

今日も、Welcartの開発版を一カ所、手直ししていただきました（対応、超早いっ！）
これで、うちのサイトで最低限欲しい機能は揃ったと思うんで、近日中には公開するぞ、と。

今回、せっかく作ったEC-CUBEをやめたい理由は…
（１）カード払いを選択してもイプシロン画面に飛ばなくなった（原因不明）
（２）受注管理画面に新規注文の一覧が表示されない仕様がめちゃ使いにくい（属性を指定して検索しないと何も出てこない。これって普通？帳票印刷なんて最近の注文が１０件くらい出ててくれれば大概済む話なんだけど）
（３）商品登録でもなんでも、何か変更して保存すると「保存しました」みたいなアラートが出て、そいつに「OK」しないと次の作業に入れない仕様はなにげに苦痛で、なるべく更新したくない気持ちになる。
（４）やりかたが分からなくて、自力でアップグレードできません(>_<)

（１）（４）がなければ、（２）と（３）はなんとか我慢したと思うけど。
なにしろカード決済が使えないのは痛い。
最新バージョンにアップグレードできないのもツライ。

何にしても、自分で原因を探れない、管理ができないもどかしさが、苦痛なのです。

WordPress＋Welcartにしたからって全部自分で世話できるわけはないんだけど、他のオープンソースのCMSに比べれば情報量が格段に豊富で、およそのことはなんとかなりますからね。

もうちょっとでラクになる。がんばろう。

Comments (0)

By IKUKO, 2010 年 3 月 2 日 10:00 PM

Check

すったもんだでSSL設定もでき、今日は、Welcart（Development Version）を使ってイプシロンへの接続テストに成功しました。
WelcartはUSConsortという企業が開発しているWordPressの（唯一の？）国産のショッピングカートプラグインで、現在、開発状況はとってもアクティブ。
フォーラムで質問すると速攻、対応していただけます。

さっそく私もお世話になっています…(^^;

開発版とはいえ、SSL接続とカード／コンビニ決済が可能になったので、じゅうぶん実用レベルではないかと思います。もうちょっとテストして、商品登録も進めて、レイアウトももうちょっとキレイにして、近いうちに正式稼働したいと思います。

なにせ、プラットフォームが使い慣れたWordPressなので、いろんな修正がとてもラク（どこに何があるかすぐ分かる、というレベルで）

イプシロン以外の決済代行会社をご利用のかたは、資料を提供すればモジュールを開発していただけるようなので、レッツトライ！です。

ではここで、シロウトながら生意気にも、ずっと話題にしているWordPressやWelcartなどのオープンソースソフトウェアについて、ちょっと書いてみます。その筋の方は読まずにスルーでよろしくw

オープンソースビジネスとフリー戦略

最近のIT業界では、無料サービスからスタートするビジネスモデルが注目されていますが、オープンソースも企業が業務として取り組む例が増えています。

オープンソースっていうのは、無料で配布されるプログラムのことで、ユーザーは自分でそれを改造して使ってもOKというライセンスになっています。

なにせ無料配布が原則なので、オープンソースのソフトをどれだけ作っても一銭の儲けにもならないんだけれども、たとえばWordPressのように世界的に成功してブログ構築ツールのシェアを取るレベルになると、情報も集積できますし、そのノウハウを使ったASPサービスを有料で提供するなど、さまざまなビジネス展開が可能になるようです。

無料でも人気のあるツールにはプラグインを作って提供しようという有志もたくさん参加しますし、そうして機能が拡張できるようになるとますますたくさんの人が使うようになる。
人がたくさん集まればおのずと道は開けるということで、結果的に参加した開発者は、有名になったり、仕事を得たりと、メリットが発生する。

ところが最初から有料にしてしまうと、ユーザーの裾野を広げるのに時間がかかってしまって、シェアを取れずにマイナーな存在のまま、鳴かず飛ばずで終わってしまう。ソースコードを公開していないので、拡張機能もすべて自社で開発しなくてはならず開発コストがかさむ…という展開も多くて、最近では、新しいソフトを開発するとき、企業であってもあえて最初からオープンソースで始めることもめずらしくなくなりました。

今shop.fudemoji.jpのほうで使っているEC-CUBEというショッピングサイトを作るツールもオープンソースですが、企業が開発しています。
私は使い始めて１年くらいになりますが、開発元の企業は、EC-CUBEのサイト構築を請け負ったり、独自にカード決済代行サービスを提供したりという所で、課金をしているようです。

いくらオープンソースで無料って言っても、PHPとかデータベースとかの知識がないと、なかなか要望通りにカスタマイズすることが難しいので、実際にはそうして構築代行サービスを利用するショップも多かろうと思います。

一方、最近のWordPressの有名なプラグインは、管理画面内からドネーションを求めるメッセージが出して、PayPalで小口で集金し始めています。なにせ世界規模ですから、けっこうな額になるのでは？ちなみに私も、All in One SEO Packというプラグインには募金しました。だって、すばらしいプラグインなんだもん。各ページごとにタイトルやmetaタグを変更できるんですよー。SEO対策楽勝！ていうかこれがなかったら無理。

オープンソースに関しては、いろんな考え方や関わり方、距離の取り方があると思います。
そもそもこんなことは全然義務じゃなくて、自分が使いたいものを作って、せっかくだからみなさんもどうぞ、って提供するところからスタートしたのがオープンソースマインドの始まりたと思っています。

一般ユーザーとしては、欲しい機能が無料で使えて、こんなありがたいことはないのは間違いないんですが、現実問題として、有志がボランティアで余暇を利用して作ってるから、出来たときが出来る時。文句があるなら自分で作れ、なんて言われるより、企業ががっつりサポートしてスピーディに開発してくれたほうがはるかにありがたく、そういう企業が繁栄して、成長していってくれるのを応援したい気分になります。

同じIT企業でも、楽天なんかは最初っから、立てば課金、座れば課金で、ユーザーから利用料を搾り取ってここまで大きくなりましたが、後発の会社が「フリー戦略」から身を起こして、世界企業になるようなことが起きたら、また少し、世界が変わるかな。

Comments (0)

By IKUKO, 2010 年 3 月 1 日 10:48 PM

Check

Welcart導入の続き。

最後は決済代行←そのためにはSSL←独自IP←DNS設定…

Welcartを実際に使えるかどうかは、イプシロンのカードやコンビニ決済に連携させられるかどうかにかかっているので、テンプレートのカスタマイズはいったん置いといて、そちらの準備を進めます。

Welcartでは、SSLの導入は次バージョンで対応の予定、ということなんですが、こちらで配布されているDevelopment Versionに実装されているという話。

それを試すためにも、とりあえずうちのサーバー側は、いつでもSSLが使えるように準備だけはしておこうと思って、気の重い作業にとりかかりました。

サーバーはcoreserverなので、SSLはけっこうアレです。。
今使ってるshop.fudemoji.jpからfudemoji.jpに「独自IP」を移動させないと独自ドメインのSSLは使えません。
それと、去年取得したばかりのSSL証明書はshop.fudemoji.jp用なので使えなくて、新たにfudemoji.jp用の証明書が必要になります。
しょうがないので証明書を新たに取得して、さてIPアドレスの変更…と思ったら、DNS設定方法がいまひとつ分からなくて、両方のドメインとも接続不能に…。

独自IPを売っているvalue domainのサイト内に、独自IPをとった場合のDNS設定方法の記載がない、というのはあまりに不親切かと。
サポートの掲示板にはあるんだけど、難しすぎ。

自分のブログで、前回shop.fudemoji.jpの時はこういうふうにやったというのを読んで「へぇ、そうなのか、じゃあ、今回は？」といろいろやってみた結果。

a @ 202.17×.××.××　　（←独自IP）
a shop 202.17×.××.××　（←もとのIP=共用のやつ）

と書いて、今のところ繋がってます。
サブドメインはshopだけとは限らないので、まとめて下のように書いてもいいんじゃないかと思うんですが、これだとうまくいきませんでした。ナンデダロー。

a @ 202.17×.××.××　　（←独自IP）
a * 202.17×.××.××　（←もとのIP=共用のやつ）

とにかく、表示されるまで試行錯誤であれこれ試す。という感じですが、またいつか必要になるかもしれないので、一応書いときます。。

あっもちろん、DNS設定が済んだら、サーバー側のドメイン設定もしておいてくださいね。
独自IPで運用するドメインは、入れる欄が別になってます。
なんかこのへんのvalue domainとcoreserverの設定ってよくわかんなくて毎回悩むんですよね−、ヤダヤダ。

Comments (2)

By IKUKO, 2010 年 2 月 28 日 5:01 PM

Check

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

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

こちらのページ「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に置き換えてね）

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

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

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

Comments (0)

By IKUKO, 2010 年 2 月 27 日 10:44 PM

Check

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

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

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

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

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

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

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

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

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

Comments (0)

By IKUKO, 2010 年 2 月 22 日 8:02 PM

Check

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ますますやめられないなー。