トップページ・「基本設定」-「任意設定」-「ヘッダーテキスト」・（h1タグ）

トップページ・「基本設定」-「基本設定」-「サイト名（必須）」

■↑上記の初期設定は、「サイト名（必須）」の項目に入力した情報
を表示させる独自タグ■

水平線１

水平線２

水平線３

水平線（点線）

水平線（太点線）

ユーザー定義
（※保留）

・「」
ボタン名：引用文

引用文

----------

・「1」
ボタン名：カスタマイズ装飾ボタン1
赤下線

何も入力しない場合は、表示されない

・「2」
ボタン名：カスタマイズ装飾ボタン2
青下線

何も入力しない場合は、表示されない

・「3」
ボタン名：カスタマイズ装飾ボタン3
文字サイズ　18px

何も入力しない場合は、表示されない

・「4」
ボタン名：カスタマイズ装飾ボタン4
文字サイズ特大　26px

何も入力しない場合は、表示されない

・「5」
ボタン名：カスタマイズ装飾ボタン5

水平線

何も入力しなくても、「カスタマイズ装飾ボタン5」をクリックし、貼り付けるだけで表示される。

・「6」
ボタン名：カスタマイズ装飾ボタン6
装飾なし

何も入力しない場合は、表示されない

----------

・「A_」
ボタン名：文字色
文字色

・「Abc」
ボタン名：蛍光ペン
蛍光ペン

何も入力しない場合は、「蛍光ペン」が使用出来ない。

----------

・「A指定なし」
ボタン名：文字サイズ
文字サイズ

指定なし

8px

10px

12px

14px

16px

18px

20px

24px

28px

32px

36px

40px

・「」
ボタン名：デザインモード？？？
（※保留）

・「」
ボタン名：指定なし？？？
（※保留）

----------　終了　----------

●記事中に画像を挿入する

１．「画像を挿入したい部分にカーソルを合わせ、
記事装飾メニューの画像挿入ボタンをクリックする」

２．「一覧の中から挿入したい画像を選択する（複数可）」

「一覧の中に表示させたい画像がない場合は、
上部メニューの※『新規追加』から画像を追加する事が出来ます」

３．「画像の設定を行い、「OK」ボタンをクリックする）」

「
altタグ(画像の説明)

画像のaltタグ(説明文)を設定します。
画像タグを挿入するページのMETAキーワードを表示させたい場合は、右側にあるボタンをクリックし、
独自タグを挿入してください。

サイズ指定方法

画像のサイズを指定します。
デフォルトでは、画像の大きさがそのまま反映されますが、
画像サイズを調整したい場合は、「固定」や「比率固定」を選択した上でサイズを指定してください。

画像サイズ

画像サイズを指定します。

回り込み

画像の回り込みを指定します。下図のように記事に画像を回り込ませたい場合は、
ここで指定を行って下さい。
」

４．「画像タグが挿入される」

----------------------------
※
以下は初期設定

「画像の設定」
altタグ(画像の説明)：
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：なし
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない

----------------------------
clear属性
属性：clear
※実際のタグは、半角英数で入力する。

値：all→文書の回り込みを解除、文書の下に改行

値：left→画像・表等が左側の時、文書の回り込みを解除

値：right→画像・表等が右側の時、文書の回り込みを解除

----------------------------

「画像の設定」
何もしない（未設定）の場合

「画像の設定」
altタグ(画像の説明)：「altタグ(画像の説明)」
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：なし
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：なし
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない

＜左回り込み＞------------------

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：左回り込み
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない

１番目の行、タグ「／ｐ」」の前の部分に文字入力したところ
２番目の行
３番目の行
４番目の行
５番目の行
６番目の行
７番目の行
８番目の行

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：左回り込み
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
８番目の行
７番目の行
６番目の行
５番目の行
４番目の行
３番目の行
２番目の行
１番目の行、タグの前の行

１番目の行、タグの次の行
２番目の行
３番目の行
４番目の行
５番目の行
６番目の行
７番目の行
８番目の行

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：左回り込み
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
（ 画像の下から文書を始める）

１番目の行、タグの次の行
２番目の行
３番目の行、ここで＜br clear=◆clear属性→「left」を選択◆>タグを入力すると→

４番目の行、（行頭を左端（left）から表示できるこの位置に改行される）
５番目の行
６番目の行
７番目の行
８番目の行

------------------＜右回り込み＞

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：右回り込み
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない

１番目の行、タグ「／ｐ」」の前の部分に文字入力したところ
２番目の行
３番目の行
４番目の行
５番目の行
６番目の行
７番目の行
８番目の行

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：右回り込み
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
８番目の行
７番目の行
６番目の行
５番目の行
４番目の行
３番目の行
２番目の行
１番目の行、タグの前の行

１番目の行、タグの次の行
２番目の行
３番目の行
４番目の行
５番目の行
６番目の行
７番目の行
８番目の行

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：右回り込み
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
（ 画像の下から文書を始める）

１番目の行、タグの次の行
２番目の行
３番目の行、ここで＜br clear=◆clear属性→「right」を選択◆>タグを入力すると→

４番目の行、（行頭を左端（left）から表示できるこの位置に改行される）
５番目の行
６番目の行
７番目の行
８番目の行

------------------＜中央揃え＞------------------

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：中央揃え
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
（文字入力無し）

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：中央揃え
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
（文字入力した場合）

１番目の行、タグ「／ｐ」」の前の部分に文字入力したところ
２番目の行
３番目の行
４番目の行
５番目の行
６番目の行
７番目の行
８番目の行

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：中央揃え
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
（文字入力した場合）
８番目の行
７番目の行
６番目の行
５番目の行
４番目の行
３番目の行
２番目の行
１番目の行、タグの前の行

１番目の行、タグの次の行
２番目の行
３番目の行
４番目の行
５番目の行
６番目の行
７番目の行
８番目の行

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：中央揃え
画像の横並べ：横並べにしない
画像ファイルへのリンク：リンクを挿入しない
（文字入力した場合）
（ 画像の下から文書を始める）

１番目の行、タグの次の行
２番目の行
３番目の行、ここで＜br clear=◆clear属性→「all」を選択◆>タグを入力すると→

４番目の行、
５番目の行
６番目の行
７番目の行
８番目の行

------------------＜画像ファイルへのリンク　→　画像ファイルへのリンクを挿入＞------------------

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：なし
画像の横並べ：横並べにしない
画像ファイルへのリンク：画像ファイルへのリンクを挿入（同じウインドウ）

「画像の設定」
altタグ(画像の説明)：（「画像タグを挿入するページのMETAキーワードを表示」）
サイズ指定方法：原寸
画像サイズ　横幅：100px　　縦幅100px
回り込み：なし
画像の横並べ：横並べにしない
画像ファイルへのリンク：画像ファイルへのリンクを挿入（別ウインドウ）

------------------------------------

■ランキング作成機能を利用する

●ランキング作成機能の概要・注意点

・この機能は、文字装飾のランキングとは異なり、
それぞれのテンプレートに合ったデザインでランキングを作成することが可能な機能

・テーブル作成機能で作成するランキングよりもデザイン性が高い

・更にスマートフォンにも最適化されるため、同じ種類の商品を紹介する場合の成約率を高める事ができます。
(iPhoneサイト用のテンプレートも、テンプレートに対応している必要がある)

・また、HTMLの編集を行うことなく
商品情報や、順位変更なども簡単に行うことが可能

対応テンプレートについて
・本機能は、2014年以降に新規提供するテンプレートでのみ対応

・デフォルトで付属しているテンプレートを含め、
2013年より前に提供された追加テンプレート等では利用不可。

11位以降のランキングについて
・カスタマイズ等を行わない限り、11位以降の商品はランキング部分は表示されない

●ランキング作成機能の使い方の流れ

１．文字装飾の「ランキング」ボタン→「ランキング作成」→「ランキングの新規作成」をクリック

ランキング作成機能に対応していないテンプレートの場合は、
本コマンドを選択することはできません。

２．新規追加ボタンをクリック

上部メニューにある「新規追加」ボタンをクリック

３．商品のデータを入力する

ランキングとして紹介したい商品のデータを入力

「
【基本情報】

タイトル

商品のタイトルを入力します。

リンク先のURL

商品のリンク先のURLを入力します。
アフィリエイトリンクのURL部分などを入力することで、
「タイトル」部分のテキスト等がアフィリエイトリンクになります。

詳細ページのURL

商品の詳細ページのURLを入力します。
商品の詳細なレビューページなどを作成している場合は、
ここでそのURLを入力してください。

※右側の「...」ボタンをクリックすると、
内部リンクの選択ページが表示されます)

価格

商品の価格を入力します。
デフォルトの状態では円という文字が挿入される形となっていますので、
1000円の商品の場合は、「1000」とだけ入力してください。

評価

商品の評価を選択してください。

備考

「送料無料」や「特典付き」など、
商品の備考がある場合に入力してください。

【説明文】

説明文1

商品の説明文を入力します。
商品の特徴や概要などをここで入力してください。

なお、右側にある「...」ボタンをクリックすると、
HTMLエディタが表示されるようになっています。
文字装飾などを行いたい場合などは、こちらで操作を行ってください。

説明文2

商品の総評などを入力します。
より詳しく商品の特徴を紹介したい場合などは、
こちらに説明文を入力してください。

なお、説明文1と同じ要領で文字装飾を行うことが可能です。

【商品画像】

商品画像1〜3

商品の画像などを表示させたい場合、画像タグを指定します。
右側にある「...」ボタンをクリックすると、画像管理画面が表示されますのでそちらから画像を指定することができます。

また、アフィリエイトリンクも指定することが出来ますので、
ASPから発行された画像形式のアフィリエイトリンクを
直接貼り付けることも可能です。

以上の操作が完了したら、画面下部にある「OK」ボタンをクリックします。
すると、ランキングの一覧画面に商品が追加されます。
」

４．２〜３の手順を繰り返し、ランキングとして表示する商品の一覧を作成する

手順２〜３の操作を繰り返し、ランキングとして表示させる商品を追加していく

５．プレビュータブを開き、ランキングの確認を行う

商品の追加ができたら、画面上部にある「プレビュー」タブを選択し、
実際にどのように表示されているかを確認

上部ツールバーの右側から、PCサイトとiPhoneサイトとを切り替える事が可能

６．「OK」ボタンをクリックし、ランキングの名前を決める

ランキングの編集が完了したら、画面下部にある「OK」ボタンをクリックする

すると、下図のようにランキングの名前を決める入力フォームが表示されますので、
管理しやすい名前を入力

重複するタイトルを指定することは不可

７．記事本文内にランキングの独自タグが作成される

以上の操作で、記事本文内にランキングの独自タグが挿入される

ランキングの独自タグは、

○○の部分にはご自分が指定したランキングのタイトルが挿入される

他のページにも同じランキングを表示させたい場合は、
この独自タグをコピー&ペーストするだけで、一元管理することが可能

ランキングを再編集したい場合は、この独自タグをダブルクリックすることで編集画面を呼び出すことが可能

「ロゴ画像／テキスト画像を作成する」

レーダーチャート