適正なHTMLとCSSで構成された、機能的なホームページとWordPressのテーマを作成・構築いたします。 (2020年05月19日), - 2009-2016 CopyRight© tro-suke. ¨é›†ã§ã€ãƒ–ラウザ上で Free Template の文字を見えなくする行為も同じく利用規約違反となります。script.js の 1行目と 2行目に記載された Copyright の変更や削除も利用規約違反となります。, 再配布、再配布目的のご利用は利用規約違反となります。, 他者・他社(自分以外・自社以外)のウェブサイト制作は利用規約違反となります。, 18歳未満が閲覧できないウェブサイト、公序良俗に反するウェブサイトでのご利用は利用規約違反となります。, 個人サイトでご利用頂けます。, 商用サイト(自社サイト)でご利用頂けます。, カスタマイズしてご利用頂けます。. オリジナルのカラーミーテンプレートを制作しました(販売と設置します), トップページは、検索窓の影を消して、カートを見るを右上に移動して、商品間の余白を狭くしました. html5 と css3 で制作した、レスポンシブ web デザインの無料テンプレートです。商用サイトでもご利用頂けますし、カスタマイズしてご利用頂くこともできます。 naeco_template_v103.zip (1035 ダウンロード), カラーミーショップの管理画面から、テンプレート「カラーミーキット(2カラム)」を追加します。, 追加したテンプレートのHTML・CSS編集を開いて、解凍したファイルの内容を上書きでコピペします。上書きが都合悪い場合は、あらかじめバックアップを取っておきます。解凍した7ファイルのコピペ先は以下のとおりです。対応する場所にコピペして保存してください。1-kyotsu-HTML.txt → 共通HTML 2-kyotsu-CSS.txt → 共通CSS 3-top-HTML.txt → トップHTML 4-shohin-ichiran-HTML.txt → 商品一覧HTML 5-shohin-shosai-HTML.txt → 商品詳細HTML 6-shohin-shosai-CSS.txt → 商品詳細CSS 7-shohin-kensaku-HTML.txt → 商品検索結果HTML, スマートフォンでの表示状態 【PCテンプレート】 が設定されているか確認します。【PCテンプレート】になっていない場合は、「変更する」で切り替えます。, 対応ブラウザは最新バージョン。Internet Explorer 11でも動作確認を行っています。無償サポートは行っておりません(個別の要望があれば有償で行います)。この件に関するお問い合わせについては、個別には返信しません。何かしら対応した場合はこのページで報告します。表示崩れは適宜修正する予定です(ダウンロードファイルを更新します)。中をいじってる方は上書き時に自分で追加修正した箇所が消えてしまいますので、ご注意ください(あらかじめメモしておいてください)。ご使用に際して生じた損害について、当方は一切責任を負いません。, 中のコードとclass名はベースとなったカラーミーキット由来です。paddingやmarginのクラスが多くて読みにくいですが、ちょこっと調整するには便利です。テンプレートプラスには対応していません。右サイドバーにしたい場合#contents{float:right;} → #contents{float:left;} 文字を変更したい場合テンプレート内で文字検索すると修正箇所がみつかります(例:カテゴリーから探す、など)。アイコン消したい場合たとえば、ショップブログのエンピツアイコンはこの部分を削除します。他のアイコン部分も同様にです。スライドショーを小さくしたい場合.bx-wrapper img の max-width: 100%;がスライドショーの最大横幅の指定になります。ここを変更するとその他いろいろと調整が必要になり、慣れていない方は難しいです。デベロッパーツールの知識が必要です。, 商品詳細ページにbxSlider(jQueryプラグイン)を使用しています。矢印は差し替える画像を用意してCSSでスタイルを適用すれば変更できます。スライドショーの挙動はパラメータで調整できます。bxSliderの使い方解説ページを検索して読んでください。商品画像の横に筋が出ることがあります(ブラウザの端数計算の処理の違いで生じます)。気になるようでしたら、パラメータをフェード(mode:fade)にしてください。画像を読み込む際のバグがあり、回避コードを入れているせいもあって商品詳細ページの画像表示が遅いので、気になる方はスライドショーをslickで書き直すとよいです。, 2019/07/15 バージョン1.00テスト版2019/11/07 バージョン1.01viewport(JS)の読み込み位置修正。bxSliderのレスポンシブ時に画面幅に追従しない不具合が出ていました。bxSliderの画像読み込み時に正常表示されない不具合を修正。画像読み込み完了待ちをするように変更しました。2020/02/03 バージョン1.02 単位 (商品登録画面内の項目)登録時に改行表示されていたのを修正。単位を使っていない方は影響なしです。2020/05/31 バージョン1.03ブラウザ横幅を変化させた際にオプション(表形式)が消えてしまう表示上の不具合を修正しました。, - TempNateではレスポンシブテンプレートを無料で配布しています。PC・タブレット・スマホに対応した日本語で商用無料で個人までご利用可能。実用的なHTML5のSEO対策テンプレートです。 夏季休業期間のお知らせ(8/8~8/16) カラーミーショップの無料テンプレートは、レスポンシブ対応していないことも多く、必要な機能もたりていないことが多いです。今回はカラーミーキットをベースに、わりとおしゃれな無料テンプレートを制作しました。登録不要で無料配布しています。 カラーミーショップのテンプレートには有料・無料がありますが、有料テンプレートを購入してネットショップを開業する方が大部分です。理由はシンプルで、カラーミーショップの無料テンプレートの大部分がレスポンシブ未対応で必要な機能もたりていないからです。レスポンシブ対応している無料テンプレートは、WASHI、nano、Bit、カラーミーキットの4つ。いずれもネットショップをバリバリやるには機能不十分です。ということで、カラーミーキットをベースに、ミニマルデザイン寄りの無料テンプレートを制作しました。カラーミーユーザー向けに、登録不要で無料配布しています。, カラーミーキットはテンプレートのデザイン作業をより効率よくするフレームワークです。, カラーミーショップのログイン周り、検索機能、サイドバー、商品並び、レスポンシブ対応CSSなどは実装済みですので、フレームワーク(テンプレ制作の枠組み)として使う分にはわりと便利です。カラーミーキットをベースにオリジナルのテンプレートを制作して、ネットショップを開業されている方もちらほらみかけます。とはいえ、不足している機能を自分でつけなければいけませんので、慣れていない方にはハードルの高い作業になります。, 今回配布するテンプレートは、手間のかかる機能設置とレイアウト調整をしています。 カラーミーキットに追加したい機能は、, 自分の趣味を抑えて、プレーンなカラーミーキットを尊重しています。さらに細部にこだわりたい方は、余白の調整、フォントサイズ、装飾など各自でCSSを適用してください(印象が変わると思います)。, デモサイトを用意しています。カラーミーショップ上ではありませんので、若干の相違があるかもしれませんが、操作して雰囲気を感じてみてください。 デモサイト https://naeco.jp/tpl/00/naeco.shop-pro.jp/index.html, 商品詳細ページは、スライドショーを実装してサムネイル画像を並べるようにしました(スマートフォン時にスワイプ可能)。カラーミーキットにはなかった、名入れを表示するようにしています。商品説明は長文を入れられる下段に配置しています。, ■使用許諾に関する注意事項■ご自身のネットショップに導入する場合は、ダウンロード・使用はご自由にどうぞ(無料)。ご自身のネットショップに導入する以外の目的でダウンロード・使用することはお断りします。, 注意事項に了承いただいた上で、下記リンクからダウンロードしてください。 (2020年07月31日), 料金・サービス / よくあるご質問 / 制作の流れ / お問い合わせ / プライバシーポリシー, ご自身のネットショップに導入する以外の目的でダウンロード・使用することはお断りします。, カラーミーにブログ記事を埋め込む方法と、ブログのドメイン(SEO)について解説します, ネットショップを始めたい人におすすめ。カラーミーショップの費用について(2020年版), https://naeco.jp/tpl/00/naeco.shop-pro.jp/index.html, - ホームページ制作/HPテンプレート無料、WordPressテーマも無料!. カラーミーショップ公式の「制作会社のご紹介」に掲載されました (2019年02月27日), - オーソドックスな2カラムのテンプレートです。PCのブラウザだけでなく、タブレットやスマートフォンにも対応させたレスポンシブWebデザインです。また、本文とサイドは「Flexbox」を使用していますので、order 指定で簡単に本文とサイドを入れ替えられます。 All Rights Reserved. sp-2ri_konpekisp-2ri_ebiirosp-2ri_kuwachasp-2ri_tokiwairo. ¦ã‹ã‚‰ç´ºç¢§ï¼ˆã“んぺき)、葡萄色(えびいろ)、桑茶(くわちゃ)、常磐色(ときわいろ)でどれも日本の伝統色です。 オリジナルのカラーミーテンプレートを制作しました(販売と設置します)

メダカ ソイル 100均 6, 東京難民 順矢 中国 7, Ps4 音量 急 に 8, 液晶テレビ 画面 映らない 17, Usbケーブル 延長 100均 4, 車 ポール ぶつけた 修理代 11, 友罪 ロケ地 工場 9, ピジョン 帽子 型紙 7, スマブラ 勝てない ストレス 5, 三菱 自動車 アイ 取説 5, 東京 喰種 Re 駄作 9, Miracast Windows10 レシーバー 6, 牛乳 500cc 何グラム 7, 美 篆書 体 18, 古畑任三郎 無料動画 まとめ 20, パナソニック 長岡京 リストラ 8, 離婚後 同棲 いつから 5, 内野 聖 陽 若い頃 8, Cod ゴースト キルストリーク 4, 謝 ぜ ぇ 5, 資料 欲しい 敬語 5, キラッとプリ☆チャン♪ミュージックコレクション Dx Rar 17, Dmr Xw120 U30 4, Obs Nvenc エラー 32, 出産祝い Amazonで 送る 9, セコム 解除 忘れ 7, Ps4 コントローラー 異音 4, ポケモン 通信交換 パスワード 8, Vcf Csv 変換 文字化け 52, 前田公輝 天てれ 同期 42, Tohshin Cast M4 接続方法 10,