デザインエディタとは？

デザインエディタは、サイトのレイアウトや見た目をより自由に編集するための画面です。
トップページやカテゴリページの構成を整えたり、色や文字のデザインを調整したりしながら、サイト全体を自分らしく仕上げていくことができます。

「表示する内容を変えたい」「もっと見やすく整えたい」「デザインにこだわりたい」といったときに活用してみましょう。

💡 POINT

デザインエディタを利用するには、
「サイト設定」＞「基本設定」にある「高度なデザインエディタを有効化する」をONにします。

高度なデザインエディタを有効にすると、より細かくデザインを調整できるようになります。
ただし、あとからOFFにすると、デザインエディタで設定した内容はリセットされます。
元に戻すことはできませんので、切り替える際はご注意ください。

デザインエディタの起動方法

① 管理画面の「デザイン編集」をクリック
② サブメニューの「デザインエディタ」をクリック

デザインエディタのTOP画面

デザインエディタでできること（主な機能）

【レイアウト編集】

• トップページ、カテゴリTOP、コンテンツページ、一覧ページの編集
• メニューの追加・編集
• コンテンツ一覧の追加・編集
• リンクの追加・編集
• 文章／画像の追加・編集
• テキストボタンの追加・編集
• 有料プランの表示設定
• 検索フォームの設置
• カレンダーの設置 など

【プリセット編集】

• カラープリセットの切り替え
• カラーの個別調整（背景・文字など）
• テキストや見出しのスタイル設定（色・フォントなど）

💡POINT

画面上部では、スマートフォン・タブレット・PCの表示を切り替えながらプレビュー確認ができます。
実際の見え方を確認しながら編集を進めましょう。

デザインエディタの基本的な使い方

デザインエディタでは、ウィジェットを配置したり、色や文字を調整したりしながら、サイトの見た目を整えていきます。
ここでは、基本的な操作方法を動画でご紹介しています。

⚠注意

デザインエディタには多くの設定項目がありますが、このページではすべての機能を紹介していません。
各機能の詳しい使い方については、今後マニュアルを順次追加していく予定です。