ZAPの雑記帳

月商300万円のネットショップオーナー・元ベンチャー企業幹部などさまざまな経験を持つ管理人がネットショップ、就職、転職などについて思うことをまとめています。

ネットショップ構築関連 運用改善

カラーミーショップのテンプレートのカスタマイズ(カラーの変更)

2016/12/20

カラーミーのテンプレートカスタマイズ

カラーミーショップではさまざまなテンプレートが利用できます。個人的にはSEO観点から「SEOテンプレート」の利用をおススメしています。

いろいろなテンプレートから選べるのですが、レイアウトは気に入ったのに色が気に入らないというケースがあります。テンプレートのカラー変更は簡単にできますので、その方法をご紹介します。



カラーミーショップのテンプレートカスタマイズ(カラーの変更)

カラーミーショップのテンプレートは、HTML・CSSの知識があれば比較的容易にカスタマイズをすることができます。ですが、HTML・CSSの知識が無ければなかなか難しいと思います。

特に、SEOテンプレートはカラーバリエーションが少ないので、ショップの取り扱い商品のイメージと違うので使えないと思われているケースも多いと思います。一部の色を変更するとかなりイメージを変えることができますのでチャレンジしてみてください。

 

chromeを使って変更場所を探して変更するだけ

そんな人に比較的簡単に色を変更する方法を教えます。 まず、ブラウザは、Chromeを使ってください。Chromeをインストールしていない方はこちらからできます。→Google Chrome

1.chromeで変更したいページを表示してください。

2.次にブラウザ上の変更したいところで右クリックをして、「要素を検証」をクリックしてください。そうすると下記のような形に表示されると思います。

yoso

3.右下のウィンドウで下記のように「■#xxxxxxx」と色が指定されている箇所を探してください。この#xxxxxxxの部分がカラーコードという色を指定しているコードです。

color

4.先ほど見つけた「■#xxxxxxx」の#xxxxxxxを変更したいカラーコードに変更します。カラーコードは、こちらのサイトなどで探してください。→http://goodsearch.jp/ut3/color1.html

カラーコードを変更するとchrome上でサイトの色が変わったことが確認できると思います。もし、思っているのと違う場所が変わった場合には、他の箇所の「■#xxxxxxx」を探して変更してみてください。

5.現時点では、chrome上では色が変わっていますが、それはあなたのchrome上でのことで、他のブラウザではもとのままです。カラーミーショップでテンプレートを変更する必要があります。先ほどchromeで変更したことと同じことをカラーミーショップのテンプレートに反映すれば変更完了です。

6.カラーミーショップのテンプレートを上級モードで編集からCSSを変更します。該当箇所がどこかということは根気よく探すしかありませんが、少しヒントです。サイト全体を変更したいような内容は、テンプレートの種類「共通」に入っているケースが多いです。特にヘッダーメニューや左メニューは「共通」のCSSに入っています。また、ブラウザ上で該当箇所を探すよりも、メモ帳などにコピーをして、「■#xxxxxxx」を検索して、上下の記述とchromeの右下ウィンドウに表示されている内容を見比べていくと見つけやすいでしょう。

いかがでしたでしょうか。わからなければコメントいただければできる限り回答させていただきます。

※テンプレート変更の際には元に戻せなくならないように、テンプレートをコピーして作業してください。

 

この記事を読んだ人が関心のある記事

>>カラーミーショップのSEO対策:レビューを商品ページに表示

>>カラーミーショップで上位表示させるためのSEO対策5点

>>カラーミーショップは独自ドメイン、レギュラープランでスタート

当サイトは、ブログ村に登録をしています。よろしければ、下記バナーをクリックしてください。

↓ ↓ ↓

ブログランキング・にほんブログ村へ にほんブログ村 転職キャリアブログへ にほんブログ村 ベンチャーブログ 起業・独立(サービス業)へ

-ネットショップ構築関連, 運用改善
-,

おすすめ記事

コワーキングスペースで仕事をしてみる 1
自宅作業は孤独すぎるので、コワーキングスペースで仕事をしてみた。

私は自宅でネットショップを運営しています。昨年までは商品の在庫も自宅に保管をして ...

倉庫会社の配送代行に委託する 2
発送代行の委託で発送ミスを減らし費用も削減

ネットショップの売上があがると毎日発送する商品の数も増えてきます。毎日、商品の荷 ...

ネットショップも多店舗展開 3
ネットショップも多店舗展開で売上アップが基本

ネットショップの売上アップには、さまざまな方法があります。商品数の増加、広告費の ...

研修、勉強会が多い会社は要注意かも 4
転職者が希望する研修・勉強会が充実という会社は要注意?

会社において若い人が辞める理由の一つに実務やOFF-JTばかりで研修・勉強会がな ...

大手、有名企業に行けば幸せなのか 5
大手企業、有名企業に行ったからと言って幸せかどうかはわからない。

暇つぶしにネットでまとめサイトをみているとこんなまとめがありました。 大手にいっ ...