画像の拡大表示ができるCloud Zoomをスマホ対応する
カラーミーショップ
2021年04月02日
カラーミー（Organicテンプレート）で使っているCloud Zoomを借りて、画像の拡大表示をしてみました。古いプラグインなので、スマホ対応（タッチパネル、レスポンシブ）できるように、コードを書いてみました。
カラーミーショップにインスタ画像を埋め込む方法 (2020年版)
カラーミーショップ
2021年02月15日
2020年にInstagram（インスタグラム）の旧APIが廃止になり、Instagram Graph APIという新APIに変わります。そういう流れで、旧APIを使っていたサービスは軒並みサービス停止されています。これを機会にいろいろと調べてきました。サンプルコードあり
Theme Kitを導入してShopifyのローカルな開発環境を構築する
Shopify
2020年12月23日
Shopifyのダッシュボードからテーマをいじることもあるようですが、コーディングする場合は、テーマをダウンロードして、ローカルで制作して、アップロードする流れが一般的です。便利ツール Theme Kit でやりとりするので、今回はツール導入とコマンドについて書きました。
カラーミーのオプションのプルダウンで価格・在庫数表示する
カラーミーショップ
2020年12月08日
プルダウンはコンパクトでスマートフォン時にページに収まりやすいですが、表形式と違って、オプション価格・オプション在庫数が表示されない弱点があります。今回は、プルダウンでオプション価格・オプション在庫数が表示する方法を考えてみます。
ホームページ作成サービス「グーペ」でどんなページが作れるのか
サイト制作知識
2020年11月30日
ここ数年、簡単を売りにしたWixやJimdoなどのホームページ作成サービスが盛り上がっています。今回紹介するグーペ（Goope）もそのなかのひとつです。グーペの機能・特徴、そして意外といじれるカスタマイズについて解説します。
カラーミーショップのグループ機能について学ぶ
カラーミーショップ
2020年11月28日
カラーミーショップのグループ機能は、商品を分類するための機能でカテゴリーと似ているように感じますが、違いはあまり理解されていないように思います。今回はグループ機能を記事にまとめて、グループの使い方を紹介します。
どこでもカラーミーを使ってランディングページを作る
カラーミーショップ
2020年11月20日
ランディングページ（LP）は、オンラインで商品・サービスを紹介・販売する目的で作成するページで、ウェブ広告のクリック先として作られます。ランディングページを作る知識と、カラーミーショップの機能「どこでもカラーミー」で購入ボタンを設置する方法を解説します。
カラーミーのカスタマイズを勉強したいけど、どこから手を付けたらいいのか
カラーミーショップ
2020年11月16日
カラーミーカスタマイズの勉強で、どこから手を付けたらいいのかわからないという相談がときどきあります。カラーミーショップを始めたばかりの時は全体像がまだ見渡せないので、取っ掛かりにくいのだろうと思います。難易度順に勉強するのが良いでしょうから、カラーミー初心者の方は参考にどうぞ。
カラーミーカスタマイズ初心者のためのHTML・CSS編集講座 (2/2)
カラーミーショップ
2020年11月16日
カラーミーショップのテンプレート編集で難しく感じるのは独自タグとSmarty構文について情報がすくないことです。ということで、最初のうちに知っておくべき情報をまとめました。プログラミング初歩をかじっていればすぐに慣れます。
カラーミーショップの販売価格をASK表示にする
カラーミーショップ
2020年11月10日
中古車販売でよく見かけるASK表示ですが、価格は問い合わせてほしいという表示方式です。カラーミーショップにおいても、販売の際にお客様とやりとりが必要で、販売価格はあとから確定することがあるでしょう。ASK表示の設置方法について考えてみます。
カラーミーテンプレートにスマホ用ドロワーメニューを実装する
カラーミーショップ
2020年11月02日
カラーミーショップの有料テンプレート（MONOを除く）はスマートフォン閲覧時のメニューがシンプルなので、もうすこし作り込みたいことがあります。今回はドロワーメニューの実装について書きました。スマートフォン用メニューを改善したい方は参考にどうぞ。
iframeで埋め込むときのレスポンシブ対応について
サイト制作知識
2020年10月27日
GoogleマップやVimeo、Youtube動画のような外部サービスを埋め込みたいことがよくあります。昨今はレスポンシブ対応でサイトを作っていることが多いので、ブラウザ横幅に応じて、埋め込み部分も可変する必要があります。コードを紹介しながら解説します。