クリエイターモードでのデザイン作業を効率化するために、いくつかの便利ツールをご用意しています。以下にツールの一覧と、それぞれの概要・リンクをまとめています。目的に合ったツールをお選びください。
◆ カテゴリID 分岐コード生成ツール
◆ スライドショー作成ツール
◆ LP（ランディングページ）作成ツール
◆ セール・イベント告知バナー作成ツール
作成したソースコードを貼り付ける前に、必ず作業の前にバックアップを保管し、元の状態に戻せるように準備してください。
よくある質問：【クリエイターモード】デザインセット（ソースコード）をバックアップする方法を教えてください。
◆ カテゴリID 分岐コード生成ツール
▶ ツールを開く：カテゴリID 分岐コード生成ツール
▶ サポート記事：簡単！カテゴリIDを入力するだけ！カテゴリ分岐コード生成ツールの使い方
カテゴリIDを入力するだけで、カテゴリ別の条件分岐コード（<{if}>〜<{/if}>）を自動生成できるツールです。
カテゴリごとにバナーや表示コンテンツを切り替えたいときに活用できます。
このツールでできること
- 単一カテゴリ：指定した1つのカテゴリページだけにコンテンツを表示
- 複数カテゴリをまとめて指定：複数のカテゴリページで同じコンテンツを表示
- カテゴリごとに内容を切り替え：カテゴリごとに異なるコンテンツを表示
- 特定カテゴリ以外に表示：指定したカテゴリ以外のすべてのページにコンテンツを表示
画像URL・リンクURL・テキストも一緒に入力でき、生成されたコードをそのまま「HTML」欄に貼り付けて使用できます。
※生成されるコードはmakeshopのテンプレートタグ形式（<{if}>〜<{/if}>）です。クリエイターモード専用となります。
◆ スライドショー作成ツール
▶ ツールを開く：スライドショー作成ツール
▶ サポート記事：コピペだけでOK！HTMLとCSSだけで動くスライドショーを作ってみよう！
バナーの枚数・切り替え秒数・画像URLを設定するだけで、
HTMLとCSSだけで動くスライドショーのコードを自動生成できるツールです。
JavaScriptなしで動作するシンプルな構成のため、ソースコードをそのまま貼り付けるだけで利用できます。
このツールでできること
- PC・スマホ両方の画像を個別に設定できる
- バナーの枚数に合わせた計算をツールが自動で行う
- 切り替え秒数を選ぶだけで対応するCSSを生成
◆ LP（ランディングページ）作成ツール
▶ ツールを開く：LP作成ツール
▶ サポート記事：【初心者向け】魅力的なLP（ランディングページ）を最速で作るシンプルな方法
LP（ランディングページ）のサンプルHTMLとCSSをかんたんに生成できるツールです。
LPをゼロから作るのが難しいと感じているショップ様や、まずたたき台を作りたい場合にお役立てください。
このツールでできること
- LPのHTMLとCSSを自動作成
- 生成されたコードをベースに自分好みにカスタマイズできる
- LPのデザインイメージをつかむためのサンプル作成にも活用できる
◆ セール・イベント告知バナー作成ツール
▶ ツールを開く：バナー作成ツール
▶ サポート記事：ECサイトの売上アップを実現！セール・イベント告知バナーを設置してみよう！
バナーのHTMLとCSSをかんたんに生成できるツールです。
セールやイベント告知用のバナーを設置したいけれど、コードを書く時間が取れないというショップ様はぜひお役立てください。
このツールでできること
- バナーのHTMLとCSSを自動作成
- テキスト内容や色などをカスタマイズできる
- セール・季節イベント・新商品告知など、さまざまな場面で活用できる
※ツールは予告なく内容の変更、公開停止をする場合がございます。ご了承ください。
いずれのツールも簡易的なもののため、あくまでたたき台・参考用としてご活用ください。
ショップ様の適用中のデザインによっては生成されたコードがそのまま使用できない場合があります。