マニュアル

下記の丸付きの数字やローマ数字ようなパソコンの種類や環境（WindowsやMacなど）によって、文字化けを引き起こす可能性のある文字のことを「機種依存文字」といいます。インターネットでは使用しないのがマナーですのでご注意ください。

上記に掲載した機種依存文字はごく一部ですが、検索サイトで「機種依存文字」と検索すると確認することができます。
また、半角カタカナはブラウザ上では正しく表示されても、メールに引用されると文字化けする場合があるのでご注意ください。

どうしても使用する必要がある際は、その文字を画像にして使用などの工夫が必要になります。

スマートフォンなどの携帯電話からサイトを閲覧するときには『PCサイト』とは別に、モバイル用のデザインテンプレートやレイアウトを設定した『モバイルサイト（自動生成）』を表示することができます。
また、レスポンシブデザインのデザインテンプレートを使用するサイトではこの『モバイルサイト』を表示せずに、『PCサイトを携帯電話の表示サイズに合わせて最適化し表示することも可能です。

• レスポンシブデザインをスマートフォンなどの携帯電話の閲覧時に適用する場合は、サイト設定よりモバイルサイトなしの設定に変更する必要があります。

レスポンシブデザインのデザインテンプレートは、ブラウザや携帯電話の表示サイズに合わせて最適化したデザインが適用されるテンプレートです。“サイトデザインダイアログ”でレスポンシブデザインのテンプレートを設定し、なおかつスマートフォンなど携帯電話の閲覧時にもこのレスポンシブデザインを使用したPCサイトを表示する場合は、モバイルサイトを「なし」の設定をする必要があります。

モバイルサイトを「なし」に設定

コントロールパネルから[管理] → [システム] → [サイトの設定]を選択し、“サイト設定ダイアログ”の《モバイルサイト》を「なし」に設定し、[OK]ボタンをクリックします。

⇒ サイト設定についてはこちら

• ドキュメントルートにBASIC認証が設定されている場合は、《モバイルサイト》の設定を保存することはできません。ドキュメントルートのBASIC認証を解除してから設定を行ってください。

ページ内に画像の挿入し、挿入した画像にリンクの挿入、ロールオーバーの設定をすることができます。

コンテンツパーツを使用した画像の挿入

⇒ ダイレクト編集機能でサーバーブラウザーから画像を挿入する方法はこちら
⇒ コンテンツパーツについてはこちら

編集画面での画像の挿入

⇒ サーバーブラウザーについて詳しくはこちら

• ご利用のデザインテンプレートによって設定内容が反映されない場合があります。

コンテンツパーツで挿入した場合は、ダイレクト編集機能を使用して画像を変更することが可能です。

⇒ コンテンツパーツで挿入した画像を変更する方法はこちら

⇒ サーバーブラウザーに画像アップロードする方法はこちら

• サーバーブラウザーにアップした元の画像の横幅がページ内に表示する画像の横幅より小さすぎると、画像がきれいに表示されない場合があります。

画像の説明（alt、title）や属性など、画像の設定を変更します。

• “コンテンツパーツサイドバー”の【画像系】タブから登録されたコンテンツパーツの画像の場合は、この“画像プロパティ”の設定ができます。

画像にリンクを設定すると、設定したURLに飛ぶことができるようになります。
さらに、その画像をクリックすると画像をLightBoxもしくは別ウィンドウでサーバーブラウザーに保存されている原寸大で表示させることができます。

• “コンテンツパーツサイドバー”の【画像系】タブから登録されたコンテンツパーツの画像の場合は、この“画像プロパティ”の設定ができます。

画像をバナーなどとして使用する場合、ロールオーバーを設定しておくと、マウスを画像に載せた場合と離した場合で違う画像を表示することができるためわかりやすくなります。

• “コンテンツパーツサイドバー”の【画像系】タブから登録されたコンテンツパーツの画像の場合は、この“画像プロパティ”の設定ができます。

• ロールオーバーの画像のサイズがダイアログの画像サイズ（元の画像に設定されている表示サイズ）と異なる場合は同じサイズに拡大・縮小されます。

一部のテーブルの設定（枠線の色や幅、セルの背景色やセル内の余白等）がテンプレートのスタイルシートで指定されている場合は、下記のテーブルやセルのプロパティを変更しても反映されないことがあります。

※Chromeではマウスによる複数セルの選択には制限があります。

コンテンツパーツを使用したテーブル（表）の挿入

⇒ コンテンツパーツについてはこちら

編集画面でのテーブル（表）の挿入

• ご利用のデザインテンプレートによって設定内容が反映されない場合があります。

コンテンツパーツで挿入した場合も、編集画面で挿入した場合もテーブルの編集方法は同じです。

テーブル全体の設定の変更

行の挿入・削除

任意の行の上に新しく行を挿入する場合

挿入したい箇所の一つ下の行の上で右クリックをし、表示されるショートカットメニューから[行] → [行の上に挿入]をクリックします。

任意の行の下に新しく行を挿入する場合

挿入したい箇所の一つ上の行の上で右クリックをし、表示されるショートカットメニューから[行] → [行の下に挿入]をクリックします。

任意の行を削除する場合

削除したい行の上で右クリックをし、表示されるショートカットメニューから[行] → [行削除]をクリックします。

列の挿入・削除

任意の列の左に新しく列を挿入する場合

挿入したい一つ右の列の上で右クリックをし、表示されるショートカットメニューから[列] → [列の前に挿入]をクリックします。

任意の列の右に新しく列を挿入する場合

挿入したい一つ左の列の上で右クリックをし、表示されるショートカットメニューから[列] → [列の後に挿入]をクリックします。

任意の列を削除する場合

削除したい列の上で右クリックをし、表示されるショートカットメニューから[列] → [列削除]をクリックします。

セルの設定変更

• ご利用のデザインテンプレートによって設定内容が反映されない場合があります。

セルの結合

横のセルと結合する場合

挿入したい左右2つのセルの右側のセル上で右クリックをし、表示されるショートカットメニューから[セル] → [右に結合]をクリックします。

上下のセルと結合する場合

挿入したい上下2つのセルの上のセル上で右クリックをし、表示されるショートカットメニューから[セル] → [下に結合]をクリックします。

セルの分割

セルを2列に分割する場合

分割したいセルの上で右クリックをし、表示されるショートカットメニューから[セル] → [セルを水平方向に分割]をクリックします。

セルを2行に分割する場合

分割したいセルの上で右クリックをし、表示されるショートカットメニューから[セル] → [セルを垂直方向に分割]をクリックします。

リンク先をページ内の任意の箇所にピンポイントで設定したい場合に、『アンカー』を利用します。

通常リンク先のページはウィンドウ内にページの上部から表示されますが、このアンカーを利用すると、アンカーを設定した任意の箇所からウィンドウ内に表示することができます。
このアンカーはページ内のいたるところに設置でき、リンクを設定する際に設置したアンカーの名前を指定すると、そのアンカーを設置した箇所にリンクされます。

※Chromeでは編集・削除に制限があります。

ページ内のアンカーにリンクを設定する場合

ページ内のアンカーは、同じエディタ内にアンカーが表示されていると、下記の方法でアンカーへのリンクを設定することができます。同じページでもアンカーがエディタ内に表示されていない場合は、下記の「別ページのアンカーにリンクを設定する場合」を参照して設定を行ってください。

• アンカーが異なるコンテンツパーツに存在する場合、ダイレクト編集時にはアンカー名が表示されません。その場合は、フルエディタ編集にてリンクを設定してください。

別ページのアンカーにリンクを設定する場合

リンクの設定や編集、解除は、ダイレクト編集もしくはフルエディタ編集でテキスト等を編集できる状態にして行います。

リンクタイプの設定

URL

リンク先が他のサイト（任意のURL）や、もしくはサーバーブラウザーにアップロードしたファイル等にリンクをはりたい場合は、この「URL」を選択します。

• 任意のURLを設定する場合
  該当する「プロトコル」を選択し、「URL」にリンク先のURLを入力します。
• リンク先にファイル等を設定する場合
  [サーバーブラウザー]ボタンをクリックし、“サーバーブラウザー”の中からリンク先のファイルを選択します。ファイルの種類は“サーバーブラウザー”の左上に表示される「ファイルタイプ」の一覧からファイル（File）や画像（Image）を切り替えることができます。

⇒ サーバーブラウザーについてはこちら

サイト内リンク

サイト内の別のページにリンクを設定する場合に選択します。

• サイト内のページを設定する場合
  サイト内コンテンツの一覧から該当するページのページタイトルを選択します。ページタイトルだけでは該当するページがわからない場合は、[ページを探す]ボタンをクリックし、表示されるウィンドウに該当するページを表示させ、[OK]ボタンを押すと、自動的に該当ページのURLを取得します。

このページのアンカー

同一ページ内に、あらかじめ設定した『アンカー』へリンクを設定する場合に選択します。

• ページ内のアンカーに設定する場合
  「アンカー名」から該当するアンカーを選択します。ページ内にアンカーが設定されていない場合は、ドロップダウンリストは表示されません。
  ⇒ アンカーについてはこちら

E-Mail

メールアドレスへのリンクを設定する場合に選択します。

• メールアドレスへのリンクを設定する場合
  「E-Mail アドレス」にメールアドレスを入力します。「E-Mail」を設定しているリンク元をクリックすると、閲覧者の使用しているメーラーの新規作成画面が起動します。

• 画像やテキストを選択せずにリンクを設定すると、カーソル位置にリンク先のアドレスが自動的に表示され、その文字にリンクがはられます。

コンテンツパーツとは、フリーページのメインコンテンツ内でレイアウトがかんたんにできる枠組みのことで、自由にいくつも配置できます。

コンテンツパーツ上にマウスを合わせると、“コンテンツパーツメニュー”が表示されます。

コンテンツパーツの操作ボタン

ダイレクト編集・画像設定のボタン

パーツラベル

コンテンツパーツ上にマウスを合わせると、コンテンツパーツの枠線の右上または右下に“パーツラベル”が表示されます。

コンテンツパーツを追加、もしくは変更する際に表示されます。

サイドバーの機能一覧

コンテンツパーツ表示

キーワード検索やカテゴリー検索に一致するコンテンツパーツやひな形が一覧で表示されます。お気に入りなどのメニューボタンをクリックしたときは、対象のコンテンツパーツが一覧で表示されます。

• 元からコンテンツパーツが配置されていないページでは、このコンテンツパーツの機能は使えません。
• コンテンツパーツの下に、新しく追加されます。

⇒ ダイレクト編集についてはこちら

• コンテンツパーツを変更した場合、元のコンテンツパーツの内容は同じ形式の箇所に挿入されます。
  同じ形式とは、ダイレクト編集の画像、エディタなしテキスト（1行テキスト・複数行テキスト）、エディタありテキスト（ミニエディタ・フルエディタ）の形式が同じかどうか判断されます。

⇒ パーツ設定についてはこちら

⇒ 画像設定についてはこちら

右クリックで表示されるショートカットメニューから[コンテンツパーツ]を選択すると、追加や削除などのメニューの他に最近使用したコンテンツパーツが3つまで表示されます。

フルエディタを使用すると、直接ソースを編集できたり、アンカーを設定できたり、ダイレクト編集より高度な編集を行うことができます。

⇒ ダイレクト編集についてはこちら

• コンテンツパーツで設定されたレイアウトをフルエディタ編集で変更しようとすると、レイアウトが崩れてしまう可能性があります。テキストや画像等の編集ではなく、レイアウトを変更したい場合は“コンテンツパーツメニュー”よりコンテンツパーツを変更してください。
• フルエディタ編集を使用して入力されたテキストや画像や見出しには、コンテンツパーツ機能（マウスオーバー）やダイレクト編集機能（ダブルクリック）が適用されませんのでご注意ください。（コンテンツパーツメニューから追加したパーツをフルエディタ編集で編集した場合は、コンテンツパーツ機能は残ります。）
• フルエディタ編集でコンテンツパーツのソースをコピーして貼り付けする操作は行わないでください。コンテンツパーツには固有のID・class名が自動で挿入されることでコンテンツパーツの操作を行うことができるため、ソースのコピー＆貼り付けをすると固有のID・class名の重複や命名仕様が異なるIDになることで、不具合が生じます。

• コンテンツパーツで設定されたレイアウトをフルエディタ編集で変更しようとすると、レイアウトが崩れてしまう可能性があります。テキストや画像等の編集ではなく、レイアウトを変更したい場合は“コンテンツパーツメニュー”よりコンテンツパーツを変更してください。
• フルエディタ編集を使用して入力されたテキストや画像や見出しには、コンテンツパーツ機能（マウスオーバー）やダイレクト編集機能（ダブルクリック）が適用されませんのでご注意ください。（コンテンツパーツメニューから追加したパーツをフルエディタ編集で編集した場合は、コンテンツパーツ機能は残ります。）
• フルエディタ編集でコンテンツパーツのソースをコピーして貼り付けする操作は行わないでください。コンテンツパーツには固有のID・class名が自動で挿入されることでコンテンツパーツの操作を行うことができるため、ソースのコピー＆貼り付けをすると固有のID・class名の重複や命名仕様が異なるIDになることで、不具合が生じます。

トピックス記事・イベント記事のフルエディタ編集

トピックス記事およびイベント記事のダイアログの【本文】タブからフルエディタ編集を行うことができます。

⇒ トピックス記事の編集についてはこちら
⇒ イベント記事の編集についてはこちら

ブログエントリーのフルエディタ編集

ブログエントリーのダイアログの【本文】タブ・【追記】タブからフルエディタ編集を行うことができます。

⇒ ブログエントリーの編集についてはこちら

• ダイアログからフルエディタ編集を行う際のスクロール操作により、エディタ内の右クリックによるメニューが正しく表示できない場合があります（Chrome）。

メインコンツやコンテンツパーツ、メニュー、フリーパーツなど、編集したい箇所にマウスを合わせると表示される編集ボタンをクリックすると、その部分のみが編集画面に変わります。これを『ダイレクト編集機能』といいます。
編集したい箇所でマウスをダブルクリックするときも、ダイレクト編集機能の編集画面に変わります。
ただし、マウスを合わせた時に実線の枠線が表示される箇所のみでこの機能を使用できます。

• 編集する箇所によってはツールバーが表示されないこともあります。

⇒ サーバーブラウザーに画像をアップロードする方法はこちら

• サーバーブラウザーにアップした元の画像の横幅と、コンテンツパーツで設定された画像の横幅が違いすぎると、画像がきれいに表示されない場合があります。元の画像を表示サイズに合わせておくことをおすすめします。

ダイレクト編集機能は、コンテンツパーツの見出しやテキスト、画像などにマウスを合わせると表示される枠線の箇所でダブルクリックすると、その箇所にあった編集を行うことができる機能です。このダイレクト編集ができる箇所には、ダイレクト編集用の固有のclassとid、および編集モードタグが設定されているため、ダイレクト編集時には編集モードタグによって異なる編集画面が表示されます。
主な編集モードタグは下記をご確認ください。

主な編集モードタグ

複数行テキスト

タイトル見出しなどのパーツに設定されている改行可能な編集モード（ツールバーなし）です。

編集モードタグ例

<div class="cms-content-parts-sin000000000000000000" id="cms-editor-textarea-sin000000000000000000">～</div>

ダイレクト編集時

1行テキスト

タイトル見出しなどに設定されている改行不可の編集モード（ツールバーなし）です。

編集モードタグ例

<div class="cms-content-parts-sin000000000000000000" id="cms-editor-textbox-sin000000000000000000">～</div>

ダイレクト編集時

ミニエディタ 

テキストなどに設定されているツールバーが表示される編集モードです。

編集モードタグ例

<div class="cms-content-parts-sin000000000000000000" id="cms-editor-minieditor-sin000000000000000000">～</div>

ダイレクト編集時

画像

画像のパーツに設定されている編集モードです。ダイレクト編集時にサーバーブラウザーが立ち上がります。

編集モードタグ例

<img alt="" class="cms-easy-edit" id="cms-editor-image-sin000000000000000000" src="https://～">

• フルエディタ編集でコンテンツパーツのHTMLソースをコピーして、別の箇所に貼り付けすると、ダイレクト編集を判断する固有のidおよびclassの重複や不備が生じるため、ダイレクト編集の操作に不具合が生じますのでご注意ください。（ブログエントリーの追記やショップトップページなど固有のidおよびclassが通常と異なる場合があります）

編集モードタグの設定

編集モードタグは、コンテンツパーツの登録、ダイアログのフルエディタ編集機能のツールバーのみ設定することができます。

⇒ コンテンツパーツの登録についてはこちら
⇒ ツールバーの機能一覧についてはこちら

メニューリストのメニューの並び替えを行います。