カラーミーショップでロゴ画像を変更する方法

Pocket

Htmlを自由に変更してオリジナルサイトを構築できるカラーミーショップ。デザインがほぼ固定のECサービスに比べて独自性を出しやすいのが特徴です。

オリジナルショップと言えばなくてはならないのがサイトのロゴ。カラーミーショップのデフォルトテンプレートだとテキストになっているので、これを画像に変更してみたいと思います。

カラーミーショップでロゴ画像を設定する方法

公式テンプレートでロゴ画像を変更する方法

公式テンプレートの場合はすでにロゴ用のタグが設定されているので、管理画面から簡単に画像を登録することができます。

ショップ作成->ショップ情報設定から設定画面を表示し、「ショップロゴ画像」の項目で用意した画像をアップロードすればOK。アップロードしたら忘れず更新ボタンを押しましょう。
カラーミーショップのロゴを変更する方法

「http」と「https」の違い

この2つの違いはショップページと、問い合わせや決済などSSL画面との違いです。基本的には両方にロゴ画像を登録しておけばOKです。

オリジナルテンプレートでロゴ画像を変更する方法

カラーミーショップのテンプレートを使わずオリジナルテンプレートを利用している場合は、カラーミーショップで用意された独自タグを使用する必要があります。

通常は共通エリアに入れると思いますが、サイトのタイトルを表示したい所に<{$logo}>を入れるだけでロゴ画像を表示可能です。リンクと一緒に設置する場合は以下のようになります。

<h1 class="logo">
    <a href="<{$home_url}>"><{$logo}></a>
</h1>

独自タグを設置した後、公式テンプレート同様の方法でロゴ画像ろアップロードすれば完了です。

TetraThemesでオリジナルテンプレート販売中!

TetraThemesではカラーミーショップのオリジナルテンプレートを販売中です。レスポンシブ対応のテンプレートなのでサイトデザインの統一もできてSEO効果もバツグンです!

TetraThemes