カラーミーの無料テンプレートOrganicをレスポンシブ対応する

カラーミーショップでは古めの無料テンプレートでレスポンシブ未対応なものがあります。人気の無料テンプレート Organic（オーガニック）をレスポンシブ対応するための修正箇所を記事しました。スマホ対応の参考にどうぞ。

カラーミーショップ大賞2019からみる最近のショップデザイン

2019年で6回目のカラーミーショップ大賞。ノミネートショップを全チェックして、流行りや気付いた点などを抜き出しました。昨年から入れ替わりも多くて、チェックしどころも多かったです。今後のサイト制作の参考にしてください。

ご自身で有料テンプレートを入れてカスタマイズしたり、ご自身でショップ制作される方向けの内容になっています（難易度すこし高め）。カラーミーショップで実際にあるデザインや機能から参考になる知識をまとめました。

カラーミーショップ・オーナー様で、HTML・CSSを独学で学ばれる方も多いと思います。入門書で基礎をインプットしても戸惑うこともしばしば。カスタマイズで混乱しがちなポイントにしぼって、すぐ使う知識をまとめました。

カラーミーショップで一番人気のテンプレートはMODE（有料）です。今回はMODEテンプレートでよくご依頼のあるカスタマイズについて紹介します。横幅、スライダー、サイドバー、商品の横並び数を変える、など。ちょっと難易度高め。

カラーミーショップをカスタマイズするために必要なJavaScript・jQueryのとりとめもない豆知識をメモる備忘録です。独学でやっていると案外知らない便利な知識ばかりです。カラーミーショップをある程度自分でいじれる方向け（難易度やや高め）。

カラーミーショップはSmartyというテンプレートエンジンを使って、各ページを出力しています。Smartyの理解にはプログラミング寄りの知識がすこし必要で、プログラミング経験がない方には難しく感じられます。今回は独自タグ（Smartyの一部分）にしぼって説明します。

スマホで閲覧した時、カラーミーのお問い合わせページは他のSSL対応ページと見比べてデザインの統一感がありません。わりと気づかずに放置しがちなスマートフォン閲覧時のお問い合わせページを整えました。CSSの配布もしています。

2020年にInstagram（インスタグラム）の旧APIが廃止になり、Instagram Graph APIという新APIに変わります。そういう流れで、旧APIを使っていたサービスは軒並みサービス停止されています。これを機会にいろいろと調べてきました。サンプルコードあり

カラーミーショップはHTML・CSSと独自タグを組み合わせて、ショップサイトをカスタマイズ・新規作成することができます。ときどき独学で習得したいという相談がありますので、HTML・CSSの学習法について解説します。