WordPress なら最高!

WordPressを使いこなすために学んだ事をWordPressに綴っています

同じカテゴリの記事

Welcart でネットショップ開店

WordPress に Welcart プラグインを入れて、友人のネットショップを暮れにオープン。WordPress に組み込むショッピングカートを何にするか随分悩みました。いくつか試してはみたものの、海外のプラグインでは決済の部分が思うように設定出来なかったり、細かいカスタマイズが英語ゆえ理解出来なかったり、更にフォーラムなどの文章がちゃんと理解できないので、折角案内されているTipsがわからなかったり……。

和の器 工房 草來舎で、最終的にやっぱり「Welcart」。国産という得難いメリットは見逃せないもの。日本語、というだけでなく、日本のネットショップ事情にあった構成になっているし、決済方法も問題ないし……。

以前に1度、Welcart をデフォルトのテーマで使ったコトがありますが、今回は凝ったデザインで、思うようなショップ作りをしてみました。

和の器 工房 草來舎

テーマはGabfire Themesの「Advanced Newspaper」。standard pack で59ドル。それに見合う機能を充分に持っているテーマです。いくら頑張っても、これほどのモノは作れないので、勉強も兼ねてアッサリ購入。

そこに前述の「Welcart プラグイン」を入れ、ちょこちょこカスタマイズしてみました。WordPress で使える、とか、カートに入った時アドレスが変わらないとか、無料とかメリットはたくさんありますが、ショッピングカートそのものとしても、なかなか優秀だと思います。

タクソノミー の機能を使って、カート部分と投稿が分離されています。なので、ショップ、ブログ、ページといった3段構えでサイト構築できるのが、後々管理をラクにするなーと思っています。

カートやメール、それぞれの場面のテキスト編集も簡単ですし、受注リストや顧客リスト、ポイントのシステムなどもあり、小規模のショップなら充分ではないかと思います。
 
テーマはGabfire Themes
ショッピングカートプラグイン「Welcart」

 

23 Responses to “Welcart でネットショップ開店”

  1. こんにちは、先日はお世話になりました。
    まだ自作のサイトも未完成ですが、なんとなく形になってきたので5月より運営しております。こちらのサイトにはいろいろとお世話になっており、感謝しております。
    まだ最初のサイトも詰められていないのですが、時間がないので次の自作サイトを作ることにしました。
    こちらのサイトのリンクからTheme JunkieのForesterを購入しました。それが手に負えなかったらWeeklyをまたまた参考にさせていただいて制作してみたいと思っています。また質問させていただくかもしれませんので、その節はよろしくお願い致します。

  2. marimo より:

    MITAMURAさん

    おままごとキッチンのトッドルはやっぱり超かわいいサイトです。楽しくて、ウロウロしちゃいました。ついでにfacebookにもちょっとお邪魔したり……。愛犬くんですか? なかなか味のあるお顔(笑)。

    実は私も「Forester」に挑戦中なんですよ。わからない時はメールしちゃうかもしれません。その時はよろしくお願いします。

  3. こんにちは、「わからない時にメール」してもらってもわかりません(笑)私には。
    現在
    http://hansen.jp/
    (義理の父親の商売です)でテスト制作中です。わからない事がいっぱいですが、あまりすぐに聞くのも恥ずかしいので現在勉強中です。またよろしくお願い致します。

  4. marimo より:

    MITAMURAさん

    お義父様のサイト、拝見しました。できれば、Jigger mastサイトの一歩後ってペースで制作できるとラッキーかも?なんて、不純な思いに襲われました。ガンガン進んでください。制作過程をウォッチさせていただきます。

  5. s-project より:

    御無沙汰しております。
    またひとつ教えていただきたい事が発生してしまいました。
    marimoさんが製作された「和の器 工房 草來舎」様のサイトが
    すごく気に入って、私自身も大好きなテーマである
    Gabfire Themesの「Advanced Newspaper」をカスタマイズし始めました。

    ところが、開始早々「css」でつまずいております。
    さて、どこか・・・?(;^_^

    「和の器 工房 草來舎」様のトップページにおける
    「各記事の見出しの色」が変えられないのです。
    (オレンジ色の部分です)

    テーマで与えられいるcssの「white.css」をベースに
    少しずつバランスとっているのですが、どうしても「色」の命令が効いてくれないのです。

    私の単純なミスかもしれませんが・・・

    marimoさんは、どの「cssファイル」の
    どの部分をいじられたのでしょうか?

    お時間がある時にでも、ご教授くださいますよう
    お願い申し上げます。

    失礼します。

  6. s-project より:

    marimo様

    お騒がせいたしましたぁ!

    解決いたしました。

    Gabfireのテーマオプション内の
    「CUSTOM COLORS」で
    色の命令を出していたのを
    スッカリ忘れていましたぁ。

    また、分からないところがありましたら
    よろしくお願いいたします。

  7. s-project より:

    「困った時のmarimoさん頼み」状態で、本当に申し訳なく思っております。
    前述のように私もGabfire Themesの「Advanced Newspaper」を触りはじめて、チョコチョコと楽しんでおります。
    そして更にはmarimoさん同様 「Welcart プラグイン」を入れてショッピングサイト構築へ・・と思っております。
    しかしながら、ひとつ不思議な現象が発生しております。
    「Welcart プラグイン」をしかるべき箇所に入れ、プラグインを有効にすると、ページナビに「メンバー」が作成されます。
    そこをクリックすると下記のアドレスに記載したように、文字がおかしくなってしまいます。(参考 http://suteki-web.com/cart.jpg)
    「Advanced Newspaper」ではない他のテーマに切り替えるとこの症状は出ません。
    誠に申し訳ありませんが、お気づきの点がありましたら原因を指摘していただけないでしょうか?

  8. s-project より:

    「メンバー」ではなく「カート」でした。
    訂正いたします。
    お手すきの時にアドバイスをお願いいたします。

  9. marimo より:

    s-project さん

    草來舎でカートを設置してからかなり時間が立ちましたので、よく覚えていませんが、エラーな表示はなかったように思います。カスタマイズをコテコテに施しましたので、すり抜けたのかもしれませんが。さて……

    エラーのでるサイトのご案内がないので、内容を確認できません。現象だけ考えると「リストタグにふられているスタイルが、テーマのスタイルシートを反映し意図しない表示になっている」のではないかという、当たり前の答えしか思いつきません。

    お力になれなくて、すみません。

  10. s-project より:

    marimoさん

    今回もまたご迷惑をおかけしております。
    marimoさんに修正への方向付けをしていただいたおかげで、Gabfire Themesの「Advanced Newspaper」で使用しているスタイルシートにて原因を探ってみる勇気が出ました。そして今回の妙な表示は使用していたスタイルシート内の

    .entry ol li { list-style-type: decimal; }

    が起こしていたことが判明しました。

    果たして、この命令を落とすことでOKなのかどうかは定かではありませんが・・・。

    とにもかくにも、marimoさんに背中を押していただいたことで、ひとまず解決できました。

    本当に本当に感謝しております。
    ありがとうございました。

  11. marimo より:

    s-projectさん

    ちょっぴりお役に立てたようで、良かったです。どうぞバリバリ格好いいサイトを作ってください。商品を知りませんが、カートからたくさん売れると良いですね。

  12. s-project より:

    いつもいつもいつも、お世話になります。
    再度、Gabfire Themesの「Advanced Newspaper」について教えてください。
    これは、素人である私だけが知らない事かもしれませんが、あれこれ考えすぎてドツボにはまってしまったようです・・(苦笑)
    「草來舎」さんや「おままごとキッチントッドル」さんで使われているように、抜粋文章の後に「続きを読む」を入れたいのですが、果たしてどのように設定すれば良いのでしょうか?
    」タグを入れただけでは、うまくいきません。
    色々とググッてますが、使用している「Advanced Newspaper」に適したヒントに巡り会えないでおります。

    お手すきの際にご教授いただけたら幸いです。

    よろしくお願いいたします。

  13. marimo より:

    s-projectさん
     
    該当する部分の抜粋文表示のソースは下記のようになっていると思います。
     
    <p><?php print string_limit_words(get_the_excerpt(), 35); ?>…</p>
     
    それを……
     
    <p><?php print string_limit_words(get_the_excerpt(), 45); ?>…<span class=”featuredPost2Meta”<?php if ($c == $npdv_options["fea2PostCount"]) { ?> style=”border:none;”<?php } ?>><a href=”<?php the_permalink() ?>” rel=”bookmark”><?php echo $newspaper["readMore"]; ?> »</a></span></p>
     
    と編集。それから
     
    WpAdvNewspaper/translations 内の current.php を下記のように編集。

    $newspaper['readMore'] = ‘続きを読む’; とすれば、表示されると思います。
     
    さらに、[...]を削除するために、functions.php に下記を追加しました。
     
    function new_excerpt_more($more) {
    return ‘ ‘;
    }
    add_filter(‘excerpt_more’, ‘new_excerpt_more’);
     
    以上です。カスタマイズしてから時間が立つので、ちゃんと説明できているか少々不安です。
     
    < と > をそれぞれ全角にしてありますので、半角に置換してください。

  14. s-project より:

    marimoさん!
    きっとお忙しいことと思いますが
    こんなに早くレスをいただき、何とお礼を申して良いか分かりません。本当にありがとうございます。

    まだ、本業と格闘中でありますので
    この週末にトライしてみたいと思います。
    無事に設定を終えることができましたら、速やかにご報告させていただきます。

    取り急ぎ、お礼のご連絡をさせていただきました。

  15. s-project より:

    marimoさん!
    こんにちは。
    ご指示いただいたように進めようと思ったのですが、「Advanced Newspaper」のバージョンが新しくなっているためか、指定のファイル構造も違っているみたいです。結論から申し上げると次のアドレスに記したように処理いたしました。
    http://suteki-web.com/?p=27346

    この方法が正しいかどうかは不明ですが、何とか希望のカタチとなりました。

    やはり、今回もまたmarimoさんに背中を押していただいたお陰です。
    いつも検討する方向性さえ分からないもので、ついついmarimo さんに甘えてしまいます。

    これに懲りず、今後も面倒を見てください。(激汗)

    本当に本当に、ありがとうございました。

    試験的に「続きを読む」を出すようにしてみたサイトは次のアドレスです。
    このサイトは、色々な試験に使っており
    内容に関しては、別のブログのデータベースをひっぱりましたので
    まとまり感は、全くありません。

    http://kouseido-plus.com/w/

  16. marimo より:

    s-project さん

    お役に立てなくて、……。でも、解決して良かったですね。

    ところで、http://suteki-web.com/?p=27346 の下記ですが……
    ————————————————-
    ドリームウィーバーを使い、ダウンロードした functions.php で訂正しそれをアップロードすると、どうしても「日本語」部分が文字化けを起こす。
    上記のコード挿入を行う場合は、必ず
    wordpressの「外観」→「テーマの編集」で該当ファイルに追記すること。
    ————————————————-

    functions.php の文字化けは、文字コードの違いからきています。
    なので、私はWordPressのファイルを編集する時は、Dreamweaver を使わず、保存時に文字コードを選べるterapad か さくらエディタを使っています。

    日本語(2バイト文字)を使った時は、UTF-8N で保存すれば文字化けしませんよ。WordPress の 文字コードに合わせるって事ですけど。

  17. La・Panier より:

    はじめまして。大変申し訳ありません。
    皆様の高度なご質問からしたら あまりの低次元な質問で恐縮ですが、藁をもすがる思いでお聞きしたいのですが、
    Welcart ログインのところで、「新規ご入会はこちら」をクリックすると「只今会員サービスは提供いたしておりません。」というのが出てきます、自分としてはこのような設定にした覚えがなく 普通に「新規入会フォーム」が出てくるように設定し直したいのですが、どこを変更すればよいのかわかりません。
    自分でもいろいろ調べてみたり、一度Welcartを消して 入れ直してみたりしたのですが やはり同じことが起こります。
    ちなみに、自分のレンタルサーバーに違うホルダーで実験的にいろいろ構えるように同じようなサイトを作ってありますが、(http://panier.co.jp/cake/)それは普通に「新規入会フォーム」が出てきます。
    重ね重ね、申し訳ないですが できましたら教えていただけると幸いです、よろしくお願いします。

  18. marimo より:

    La・Panier さん

    ご質問の件、多分下記で解決すると思います。

    「Welcart Shop 基本設定」内の中程「ショップ設定」にある、「会員システム」項目を「利用する」にすれば、大丈夫と思います。

    どうぞ、ステキなサイトと美味しいケーキを……!

    ケーキに目がないので、一個一個全部見てしまいました(笑)。

  19. worldcuffs より:

    marimo様

    初めまして。
    こちらの記事を拝見して、marimo様が作られたサイトを参考にAdvanced Newspaperでショップサイトを作っています。
    1週間前までWordpressをほとんどさわったことが無かったので毎日試行錯誤してます。。。

    お忙しいところ申し訳ありませんが、
    過去の記事にもありましたようにTOPの記事の抜粋文字数を箇所毎に変えるために
    <?php echo mb_substr(get_the_excerpt(), 0, 100); ?>で文字数を変えて使っていますが、HTMLタグが抽出されてしまいます。(改行タグや&nbsなどが途中で切れて抽出されたりするのでコード全体がおかしくなってしまいます。。。)

    the_excerpt()だと自動でフィルターがかかると思うのですが何か他にも処理が必要なのでしょうか?

    お手数をおかけしますが教えていただければ幸いです。
    よろしくお願いいたします。

  20. marimo より:

    worldcuffs さん、はじめまして! 

    World Cuffs.com、拝見しました。ステキなサイトですねー。

    さて、ご質問の件ですが、ちょっと状況がわからなくて……。mb_substr は文字化けしたり、なかなか難しいタグですが、worldcuffs さんがおっしゃるようなエラーに遭遇した事がないので、エラー回避のヒントが浮かびません。

    ただ、Advanced Newspaper テーマでは、そのまま使うのではなく、私は、テーマの元のソースを活かし、下記のように文字数を制御しました。テーマもかなりバージョンアップしていて、私が使った時と違う感じなので、ソースも違っているかもしれませんが、とりあえず、こんな感じ!という事だけお伝えしておきます。

    <?php print string_limit_words(get_the_excerpt(),33); ?>
    ※< >は全角にしてあります。

    早く目的の表示になるよう祈っています。

  21. worldcuffs より:

    marimo様

    お忙しいところ早々にアドバイスをいただき、ありがとうございましたm(_ _)m

    実は今回いただいたアドバイスや、このコメント欄の2012 年 3 月 2 日 4:56 AMのmarimo様の書き込みにもあるように、
    最初は
    <?php print string_limit_words(get_the_excerpt(),33); ?>
    を使って文字の抽出をしようとしていたのですが、文字数の所をいくら変えても抜き出される文字の数がさっぱり変わらずに困り果ててmb_substrを使ったんです。。。

    今も<?php print string_limit_words(get_the_excerpt(),33); ?>
    で置き換えてみたんですが33や80や20にしても表示される文字の数は変わらず・・・

    もうちょっと何とかできないか自分でも調べてみます。

  22. La・Panier より:

    本当に、本当にありがとうございました。
    初歩的な質問に対して、ご丁寧にお答えいただきました。
    感謝致します。

Trackbacks

  1. 「WordPress 不動産プラグイン」がすごい! | WordPress なら最高!

コメント欄