［EC-CUBE3］ ネットショップの オーナーになるぞ〜！ ロゴの変更やら ファビコンやら

ECサイト
2018.08.04

 

 

いい感じにサイトが構築されてきましが、ロゴがしょぼいのと、ファビコンがEC-CUBEのままなので、変更してみます。

 

スポンサーリンク

ファビコンの変更

ファビコンの保存場所は、public_html>app>template>default/img/common　ここに、favicon.icoという画像があります。

これを変更！

 

ファビコンの作成方法は、

JPEG/PNG/GIFからアイコンを作成する「アイコン コンバータ」
このWebアプリケーションは、ブラウザ上でJPEG/PNG/GIFからWindowsやMac、Android、iPad、iPhoneなどのfaviconとして利用されるアイコン(.ICO形式、.PNG形式)ファイルへ変換するものです。
app.tree-web.net

こことか参考にしてください。

ロゴの変更

ヘッダーのロゴの変更

 

ロゴで使いたい画像をlogo.pngで保存。jpgでもいいんですが、pngなら背景がぬけるのでお気にいりです。

これを public_html>app>template>default/img/common にアップ。

コンテンツ管理>ブロック管理>ロゴ　のソースを書き換えます。

<div class=”header_logo_area”>
<p class=”copy”>お店のキャッチコピー</p>
<h1 class=”header_logo”><a href=”{{ url(‘homepage’) }}”>{{ BaseInfo.shop_name }}</a></h1>
</div>

赤文字の箇所を、

<h1 class="header_logo">
  <a href="{{ url('homepage') }}">
    <img src="{{ app.config.front_urlpath }}/img/common/logo.png" alt="ショップ名をここに記述" />
  </a>
</h1>

ロゴのサイズは52x134pxで作りました。バッチリです〜！

 

フッターのロゴの変更

コンテンツ管理>ブロック管理>フッター　のソースを書き換えます。

 

<div class=”footer_logo_area”>
<p class=”logo”><a href=”{{ url(‘homepage’) }}”>{{ BaseInfo.shop_name }}</a></p>
<p class=”copyright”>
<small>©2018 {{ BaseInfo.shop_name }} </small>
</p>
</div>
</div>

赤文字の箇所を

<a href="{{ url('homepage') }}">
    <img src="{{ app.config.front_urlpath }}/img/common/logo.png" alt="ショップ名をここに記述" />
  </a>

バッチリです！

 

コピーライトの変更

コピーライトは青文字の箇所。こちらは前に変更すみです。年号をいれ、all right reserved.を消して、スッキリさせています。

 

 

 

スポンサーリンク