プロフィール

mshp0723(旧Mikaん星人アワー)

Author:mshp0723(旧Mikaん星人アワー)
ごらんいただきありがとうございます。マルチクリエイタ・クリエイティブ起業家のmikaん星人アワーです。webコンテンツ関連お仕事をしています。

■お仕事関連サイト■
仙台スマホ対応ワードプレスサイト制作・アトリエSS


webサイト制作・運用関連事例
・食品店さま ネットショップ制作
・音楽スクールさま webサイト制作
・楽器奏者さま 再生プラグイン埋め込みサイト制作
・エクステリア施工企業さま webサイト企画
・飲食店さま webサイト制作
・支援団体さま サイト制作
・一般企業さま 会社案内サイト企画
・支援団体さま fc2ブログカスタマイズ
・その他 メディア/アフィリエイト運用ブログカスタマイズ



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

最近の記事

カテゴリー

カラーミーショップカスタマイズねた~独自タグを押さえて、削ったり配置変更したりして、オリジナルに~

こんにちわ。

暑いのでパソの排気口の向きを変えたりしてるmikaん星人アワーです。


さて、世間は夏休みですが、夜だけ休みにしてビュッフェ食いにいったりする他は、セツナ系な音楽トラック作ったり、webサイトの企画をしたりしてました。それがらみで、ショッピングサイトカスタマイズねた


簡単にインターネット上にお店が持てるツールはいろいろありますが、今回はカスタマイズとかで使っている、カラーミーショップをチョイス。理由は安いってのもあります(笑)

どのくらい簡単かというと(ユーザーを集めるための運用は大変っちゃ大変ですが)、管理画面にアクセスしテンプレートを選んで、

写真や値段など商品を登録したり
2011080171

特商法表記や決済、配送のしかたなど、取引に関することを入力し
201108172
といった感じで、フォームに入力していくだけでお店が完成。


しかし、テンプレが少なかったりするので、オリジナルデザインにカスタマイズして、独自性を出したりという方法もあります。



カラーミーのマニュアルページ
http://shop-pro.jp/manual/?mode=menu_06_02_01
にもありますが、上記のようにフォームに入力した内容は、この独自タグがあるところに読み込まれて反映されます。


htmlを見てみると
201108173
201108174
会員アカウント機能や、おすすめ登録商品呼び出し表示など、いろいろなとこで使われています。



これら独自タグで読み込まれて自動表示される部分を押さえておくと、以下のようなことが可能になります。

ショップのやりかたによっては、既存のままだといらない機能や表示があったりするので、それをタグを削ることによって表示を消し、使用しないようにする

(あまり積極的な使い方ではないですけどね。当方はSSLカート内の決済画面に使う内容をフォームに入れておいて、SSLカート外のショッピングガイド画面などでは、フォームに入れた内容に補足する形で、自動読み込みタグを消し、説明図の画像アドレスとか詳しい表記をhtmlで記載するような使い方しました。)



独自タグが読み込まれて表示される部分やまわりを、cssで配置換えやデコレーションできる

オリジナルカスタマイズの醍醐味はこれですね。
例えば<{ $shop_name }> (ショップ名表示)などで、まわりをdiv class="ショップタイトルのヘッダー" とかでくくっといて、background-image: url('画像アドレス');をcssに書いて、背景で文字をデコレーションするとか・・・


a href="<{$view_cart_url}>"(カート内を見るページのリンク)の部分を切り取って、デフォルトの状態ではついていない、上部の横並びメニュー(ie6で横並びリストを使うときは気をつけよう)の中に貼り付けて、メインメニューに入れてしまう


とか、いろいろやれることが増えるわけです。これを使いこなしていくと、よくあるテンプレ系のものでも独自デザインができます。また、何かサイト作ると思うので、おもしろいねたがあったら紹介いたします。読んでいる方も、オリジナルのネットショップを作って売り上げゲットしていただければ幸いです。

んでわまた♪


■当ぶろぐ管理人へのwebサイト制作・運用のご用命はこちら


にほんブログ村 地域生活(街) 東北ブログ 仙台情報へにほんブログ村 ベンチャーブログへにほんブログ村 音楽ブログへ


(↑面白かったらクリックお願いいたします♪)
関連記事
スポンサーサイト
トラックバック
トラックバック送信先 :
コメント

リンク(相互大歓迎♪)

月別アーカイブ