メインコンテンツへスキップ

トップページ設定について教えてください

カラーミーショップ運営
  • 更新

このページではショップのタイトルやロゴの設定、コピーライト等の設定を行います。
また、ショップのロゴ画像をかんたんに作成することができる無料サービスの紹介もしていますので、ロゴの作成にお困りの方はぜひそちらを利用してみてください。

下記ページにて、編集・確認することができます。

ショップ作成＞ショップ情報＞トップページ設定

設定の手順

データの入力を行います。

 

 
_________.png
_________.png
 
 

トップページ

 

ショップタイトル

ネットショップ・ブラウザのタイトル部分・SSL対応画面に表示します。

SSL対応画面とは

マイアカウント、お問合せ、メルマガ登録・解除、決済、友達に教えるページとなります。
※タグは使用できません。

 

ショップロゴ画像

ネットショップのタイトル部分に表示されるロゴ画像を指定します。

ショップロゴ画像やタイトル画像は以下の条件を満たしている場合設定可能となります。

  • ファイルサイズ：500KBまで
  • ファイル形式：gif、jpg、png

 

ショップページに表示する

ショップにロゴ画像を設定することができます。

 

カートページに表示する

ショップのURLが 「https://」で始まるページにロゴ画像を設定することができます。
「https://」はSSLを利用していることを指し、ショップの[マイアカ ウント][お問合せ][メルマガ登録・解除][決済][友達に教える]画面がそれにあたります。

【SSL】とは 

Secure Socket Layerの略で、暗号化された安全な通信を行うことを指します。

ショップロゴ画像を表示した場合の表示位置の調整について

ショップロゴ画像を表示した場合、最初の状態では画像は左寄せの状態で表示されます。
この画像の位置を調整するには、画像を内包しているdivタグに位置を調節する指定を追加します。

指定を追加するには管理画面内 「ショップ作成」＞「デザイン設定」＞編集したいテンプレートの「デザイン設定」ボタンを押す＞【CSS編集】ボタンをクリック後に表示されるページ にて行います。

追加する必要のあるページの種類は以下のファイルです。

決済(旧デザイン)、お問い合わせ、マイアカウント・会員ログイン、友達に教える、メルマガ登録・解除

.title_area {
border-bottom: solid 1px ;
border-color:<{$title_bgcolor}>;
text-align:center !important; ←この指定を追加
padding-left:0 !important; ←この指定を追加
}

決済(新デザイン)

※下記指定を追加
.shop_title {
text-align:center;
}

» デザイン設定（上級）のマニュアルはこちら

 

ロゴの作成にお悩みの方へ

こちらの記事を参考にしてください。
初心者店長さんにオススメ！無料ロゴ作成ツール4選
ロゴ作成にも使える、ナチュラル志向の手書きフリーフォント5つ

「ロゴの作成〜設置までの流れ」を解説した動画もあわせてご覧ください。

 

ファビコン

ファビコンは【 ファイル名はfavicon 】【 ファイル形式は.ico 】にしてアップロードしてください。
ファビコンファイルは、ファイル名がfavicon、拡張子が.icoの【 favicon.ico 】でないと、正常に反映が行われません。

ファビコンとは

ブラウザでショップを表示した際、アドレスバーに表示されたり、お気に入りに登録した際に、登録したサイト名の左に表示されるアイコンです。
※ファビコンは実際には16×16pxのサイズで表示されます。
※Internet Explorerでは、ファビコンのファイル形式が Windows Icon形式 でなければ表示されない場合がございます。 制作したファビコンは専用ソフト等を使用し てWindows Icon形式に変換してください。

　■画像をファビコン用のアイコンに変換できるツール

アイコン コンバーター

 

コピーライト

ネットショップの最下部に表示されます。
例）Copyright© 2004 GMOペパボ株式会社
※© マークは、 &copy; とご入力いただくと表示できます。

※コピーライトにはタグを使用することができますが、画像ファイルを使用すると、決済ページにてSSLが適用されなくなります。ご注意ください。

 

お知らせ

ネットショップのTOPページにお店からのお知らせを表示します。
タグも入力できるので、自由に設定できます。

 

フリースペース

ネットショップのTOPページに表示するフリースペースです。
タグも入力できるので、ご自由にお使いください。

この項目は、自動改行されます。登録するテキスト内の改行は全て改行タグに変換されます。
タグを使用する場合は、文中の改行を削除して登録を行ってください。

 

店長エリア

店長名

店長のお名前を設定します。
※【店長名】【店長一言メモ】を両方登録いただくと、ショップテンプレートに【店主のコーナー】が表示されます。

 

店長一言メモ

店長からの一言メモを設定します。

 

HTMLエディタで編集

クリックすると、文字の色や大きさを変更したり画像挿入用のHTMLタグを入力する支援ツールが別ウィンドウで表示されます。
⇨ 【HTMLエディタ】 マニュアルはこちら

 

店長の顔画像

店長の顔画像をアップロードします。
※アップロードできる画像ファイルの容量は500KBまでとなります。

 

店長ブログURL

店長ブログのURLを設定します。SNSや個人ブログ、サイト等のリンクなど、自由に設定してください。
「モバイルショップにも表示する」にチェックすると、モバイルショップの店長コーナーにも店長ブログへのリンクが表示されます。

 

入力完了後、【保存】ボタンをクリックします。

04_02_01_002.png

確認のアラートが表示されますので、【OK】ボタンをクリックします。

※【保存】ボタンをクリックせずに他のページ表示すると、入力内容はクリアされ無効となります。

 

SNSアカウント

sns_account_img.png

X（旧Twitter） ID

X（旧Twitter）のアカウントを連携するためのIDを設定します。
 

Instagram ID

Instagram IDのアカウントを連携するためのIDを設定します。
 

Facebook ID

Facebook IDのアカウントを連携するためのIDを設定します。

 

YouTube チャンネルID

YouTube チャンネルIDのアカウントを連携するためのIDを設定します。
 
※「●●●●」の部分（IDの部分）のみを入力ください
※各SNS毎に登録できるのは、1アカウントのみです
※YouTubeアカウントによっては「@チャンネルID」の入力が必要です
※入力できる文字は以下の通りです
  • 英数字
  • _ （アンダーバー）
  • – （ハイフン）
  • . （ドット）
  • @（アットマーク)※YouTube チャンネルIDのみ
 
【注意事項】
2021年3月31日(水) AM11:00 以前から利用されているテンプレートへは自動反映されません
自動反映させるために、再ダウンロードを行ってください

なお、再ダウンロードについての、詳細はこちら

関連記事

コメント

0件のコメント

記事コメントは受け付けていません。