《操作マニュアル》!

（1）

フォームジェネレータ

3（2）

ブログモジュール

3（3）

デザインユニット

4-24

v1.6 操作マニュアル

モジュール・ユニット解説 編（4）

1

タイトル（見出し）4

サブタイトル（小見出し）

5

画像タイトル6

バックグラウンド付きタイトル

7

テキスト

8

画像のみ

9

画像のみ（オリジナル表示）

10

画像ボタン

11

画像（左テキスト）＋テキスト（右）12

テキスト（左）＋画像（右）13

画像（上段）＋テキスト（下段）14

画像＋タイトル＋テキスト

15

画像（上段）＋タイトル・テキスト

16

画像（上段） 2＋タイトル・テキスト

17

画像＋タイトル＋テキスト 2

18

上段画像＋下段テキスト 横2列

19

画像（上段） 3＋テキスト（下段） 320

表（2列 n列）

21

箇条書き

22

罫線

23

ファイルダウンロード

24

機能ユニット25-35
ページトップへ戻るボタン

25

アンカーメニュー（縦）26

アンカーメニュー（横)27

《操作マニュアル》!

（4）

機能ユニットJavaScript専用

28

FLASHアニメーション

29

FLASHプラグインダウンロード案内

30

マップ

31

RSSリーダー

32

お問い合わせフォーム

33・34

サイトマップ35（5）

クリップボード

36（6）

連載記事一覧ユニット

37-42

（7）

連載記事リスト37

連載記事リスト（画像タイトルテキスト）

38

連載記事リスト縦（画像タイトルテキスト）

39

連載記事リスト（画像タイトルテキスト 2）

40

連載記事リスト縦（画像タイトルテキスト 2）

41

連載記事リスト縦（タブ表示）

42

高機能ユニット

43-53
カスタムユニット

43-47

スライドショー

48・49

フォトギャラリー

50・51

表（n行 n列）

52・53

（8）

ユニット一覧

54（9）

モバイルコンテンツ生成アプリ

55-61

2

マーキー

55

タイトル

56

最新記事表示

57

画像

58

テキスト

59

罫線

60

メニューリンク61

《操作マニュアル》（1）フォームジェネレータ

（2）ブログモジュール

フォームジェネレータ管理画面※フォームジェネレータ画面への行き方
モジュール（管理メニュー）

フォームジェネレータ（ポップアップ）

フォームジェネレータは、必要なフォームを自由に簡単に作るためのモジュールです。
「お問い合わせフォーム」ユニットでは、項目の順番や個数が制限されていますが、フォームジェネレータではより自由にフォームを作ることができます。詳しくはフォーム
ジェネレータ画面内のマニュアルPDFをご覧ください。
フォームジェネレータを使用する際はメニュー操作にて[システムモジュール付きメニューを追加する]を選択し、メニューを追加してください。 詳しくは『（7）メニュー&
ページ管理 』14ページから17ページをご覧ください。

ブログ管理画面

ブログの運用について

ブログページ作成について!
[テンプレート設定・編集]!

※ブログ画面への行き方

ブログ用テンプレートの設定については、『（2）テンプレート管理画面』3ページから『（5）テンプレート設定情報編集』5ページをご覧ください。
ブログ用テンプレート編集については、『（6）テンプレート編集画面』6ページ、11
ページ、12ページをご覧ください。
（ブログ用テンプレートで編集できる項目は[ベース][フッター][ユニット]のみとなります）!

スマートフォンサイトのテンプレート設定については、『（9）テンプレート管理画面』25ページから『（11）テンプレート設定情報編集』27ページをご覧ください。
スマートフォンサイトのテンプレート編集については、『（12）テンプレート編集画面』28ページから34ページをご覧ください。
スマートフォンサイトではPCサイトと違い「通常用」「ブログ用」の区別はありません。

!
!
[ブログメニュー設定・編集]!

ブログモジュール（ポップアップ）[ブログ管理画面]!
![記事作成]!
![記事一覧]!
![コメント管理]!
![リンク集管理]!
![ブログ設定]!

ブログ管理画面についての詳しい説明はブログモジュールHP・ブログ管理画面をご覧ください。（http://v1.bingo-cms.com/extMdlBlog/2.html）

記事作成についての詳しい説明はブログモジュールHP・記事の作成をご覧ください。
（http://v1.bingo-cms.com/extMdlBlog/3.html）

ブログメニューを使用する際はメニュー操作にて[システムモジュール付きメニューを追加する]を選択し、メニューを追加してください。詳しくは『（7）メニュー&ページ
管理 』14ページから18ページをご覧ください。

!
!
[ブログページの編集 ブログモジュール専用ユニット]!
ブログページの編集ではブログ専用のユニットを使用します。

ブログモジュール専用ユニットについての詳しい説明はブログモジュールHP・ブログ
マニュアルPDF

モジュール（管理メニュー）

モジュール専用ユニットページをご覧ください。（http://v1.bingo-cms.com/

記事一覧についての詳しい説明はブログモジュールHP・記事の編集・削除をご覧ください。（http://v1.bingo-cms.com/extMdlBlog/4.html）

コメント管理についてのの詳しい説明は次のURLをご覧ください。（http://v1.bingocms.com/extMdlBlog/5.html）

リンク集管理についての詳しい説明はブログモジュールHP・リンク集の作成をご覧くだ

extMdlBlog/units/）

さい。（http://v1.bingo-cms.com/extMdlBlog/6.html）[コメント]

コメント機能を使用するか選択します。
デフォルト値：使用する3

《操作マニュアル》
タイトル（見出し）（3）デザインユニット

記事のタイトルを記述する際に利用できるユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!
!

[タイトル（見出し）]（必須）タイトルとして表示する文字列を入力します。
[見出しレベル]（必須）
見出しのレベルを変更します。
デフォルト：h3!

[フォントサイズ]
フォントのサイズを入力します。

[デザインオプション]!!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!!

[フォントサイズ]
スマートフォンサイトでのフォントサイズを入力します。
[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準4

《操作マニュアル》
サブタイトル（小見出し）（3）デザインユニット

記事中のサブタイトルを記述する際に利用できるユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!
!

[タイトル（小見出し）]（必須）タイトルとして表示する文字列を入力します。
[見出しレベル]（必須）
見出しのレベルを変更します。
デフォルト：h4!

[フォントサイズ]
フォントのサイズを入力します。

[デザインオプション]!!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!!

[フォントサイズ]
スマートフォンサイトでのフォントサイズを入力します。

!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準5

《操作マニュアル》!

（3）デザインユニット

画像タイトルSEO対策としてのタイトル画像などを作成する際に利用できるユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）表示する画像を設定します。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[画像表示エリアサイズ]（必須）
登録した画像の幅と高さを入力します。
※画像は指定したサイズで表示されます。画像のサイズが表示エリアより大きい場合、表示エリアからはみ出た部分は表示されません。（縮小表示はしません）!

[デザインオプション][画像置換テキスト（非表示）]（必須）
画像に置き換わる文章を入力します。ここに入力した内
容は画面上には表示されませんが、HTMLソース上は出力されます。

!!

[下方スペース]
ユニット下方スペースの高さを設定します。

!

デフォルト：標準[見出しレベル]（必須）
見出しのレベルを変更します。
デフォルト：h3[スマートフォン設定]!!

[ファイル選択]スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル選択]、「スマートフォン用画像も更新する」のチェッ
クを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準6

《操作マニュアル》!

（3）デザインユニット

バックグラウンド付きタイトル
記事のタイトル（バックグラウンドカラー付き）を記述する際に利用できるユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!
!

[タイトル]（必須）タイトルとして表示する文字列を入力します。
[見出しレベル]（必須）
見出しのレベルを変更します。
デフォルト：h3!

[フォントサイズ]
フォントサイズを入力します。

[デザインオプション]!!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!!
!

[フォントサイズ]
スマートフォンサイトでのフォントサイズを入力します。
[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準

7

《操作マニュアル》!

（3）デザインユニット

テキスト
文章を入力するユニットです。テキストエディターを利用することによって文字の整形やリンク設定が簡単になります。
※テキストエディターを利用する・しないの切り替えは「サイト設定」、もしくは「ユーザー設定」から行います。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[テキスト]（必須）表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力できます。

[デザインオプション]

!!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。

[スマートフォン設定]

!!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有
無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準8

《操作マニュアル》

!

画像のみ

（3）デザインユニット

画像のみを表示させるユニットです。クリック時のアクションとしてリンク先URLへジャンプさせる、または拡大して表示させる、といったことも設定できます。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]ボタンをクリックします。

!

[alt（代替テキスト）]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

!
!
!

[キャプション]画像下に表示される画像の説明を入力します。
[クリック時の動作]
画像クリック時の動作を選択します。

[デザインオプション][リンク先URL]
画像クリック時のジャンプ先を入力します。「クリック時の動作」で「リンク」を選択した場合は入力が必要です。

!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!!

[ファイル選択]（必須）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル 選 択 ] 、 「 ス マー トフ ォン 用 画 像 も 更 新 す る 」 のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準

9

《操作マニュアル》!

（3）デザインユニット

画像のみ（オリジナルサイズ表示）
画像のみをオリジナルサイズで表示させるユニットです。オリジナルサイズで表示されるため、レイアウトコンテナの幅より大きな画像を登録するとレイアウトが崩れる場合があります。
クリック時のアクションとして、リンク先URLへジャンプさせる、または別ウィンドウで表示させる、といったことも設定できます。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[alt（代替テキスト）]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

!
!
!

[キャプション]画像下に表示される画像の説明を入力します。
[クリック時の動作]
画像クリック時の動作を選択します。
[リンク先URL]
画像クリック時のジャンプ先を入力します。「クリック時の動作」で「リンク」を選択した場合は入力が必要です。

!

[デザインオプション]!!

[画像表示位置]
レイアウトコンテナの幅の中での画像表示位置をラジオ
ボタンで選びます。

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!

[上部スペース／ 下部スペース]（必須）
上部スペース、下部スペースの幅を入力します。

[スマートフォン設定]!!

[ファイル選択]スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル選択]、「スマートフォン
用画像も更新する」のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[上部スペース／下部スペース]スマートフォンサイトでの画像上部（下部）スペースの幅を入力します。

!

[下方スペース]
スマートフォンサイト でのユニット下方ス
ペースの高さを設定します。
デフォルト：標準10

《操作マニュアル》

!

画像ボタン

（3）デザインユニット

画像リンクボタンを作成するユニットです。マウスオーバー時に画像表示を変化させるために、２種類（通常時とマウスオーバー時）の画像が設定できます。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

◆ボタン画像（通常時）[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!
!!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]ボタンをクリックします。

!

[alt（代替テキスト）]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[リンク先URL]（必須）
画像クリック時のリンク先を入力します。新しいウイン
ドウで表示するか(target=“̲self”)か、同じウインドウで表示するか(target=“̲blank”)選択します。

!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準!

◆ボタン画像（マウスオーバー時）[ファイル選択]
マウスオーバー時に異なる画像にする場合は、ここでマウスオーバー時の画像を登録します。

[スマートフォン設定]!!

[ファイル選択]スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[背景色]
スマートフォンサイトでのユニット背景
色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方
スペースの高さを設定します。
デフォルト：標準11

《操作マニュアル》!

画像（左）＋テキスト（右）（3）デザインユニット

画像（左）と文章（右）がセットになっているユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!

!!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]ボタンをクリックします。

!

[alt（代替テキスト）]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

[デザインオプション][背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし

!
!
!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[キャプション]画像下に表示される画像の説明を入力します。

!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[クリック時の動作]
画像クリック時の動作を選択します。
なし・・・何もしません。（リンクしません）
拡大表示・・・アップロードされた画像を別ウィンドウで表示します。
拡大表示（同ウィンドウ内）・・・アップロードされた画像を同ウィンドウ内に表示します。
リンク・・・指定したURLへリンクさせます。URLは「リンク先URL」に入力します。

[スマートフォン設定]!!

!

[ファイル選択]（必須）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
登録できる画像はjpg、gif、pngです。

[リンク先URL]
画像クリック時のジャンプ先を入力します。「クリック時の動作」で「リンク」を選択した場合は入力が必要です。

!

[テキスト]（必須）表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力で
きます。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む
枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方ス
ペースの高さを設定します。
デフォルト：標準12

《操作マニュアル》!

テキスト（左）＋画像（右）（3）デザインユニット

文章（左）と画像（右）がセットになっているユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!

[デザインオプション]!!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]ボタンをクリックします。

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[alt（代替テキスト）]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!
!

!

[キャプション]画像下に表示される画像の説明を入力します。

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[クリック時の動作]
画像クリック時の動作を選択します。
なし・・・何もしません。（リンクしません）
拡大表示・・・アップロードされた画像を別ウィンドウで表示します。
拡大表示（同ウィンドウ内）・・・アップロードされた画像を同ウィンドウ内に表示します。
リンク・・・指定したURLへリンクさせます。URLは「リンク先URL」に入力します。

[スマートフォン設定]!!

[ファイル選択]（必須）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
登録できる画像はjpg、gif、pngです。

!

[リンク先URL]
画像クリック時のジャンプ先を入力します。「クリック時の動作」で「リンク」を選択した場合は入力が必要です。

!
!

!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。

[テキスト]（必須）表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力で
きます。

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む
枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方ス
ペースの高さを設定します。
デフォルト：標準13

《操作マニュアル》!

画像（上段）＋テキスト（下段）（3）デザインユニット

画像（上段）とテキスト（下段）がセットになっているユニットです。

[ユニット設定]!!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!

!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]ボタンをクリックします。

!

[alt（代替テキスト）]
画像の代わりに表示される文字列を入力します。
画像を表示しないブラウザに考慮し、入力しておくことをおすすめします。

[デザインオプション][背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし

!
!
!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[キャプション]画像下に表示される画像の説明を入力します。

!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[クリック時の動作]
画像クリック時の動作を選択します。
なし・・・何もしません。（リンクしません）
拡大表示・・・アップロードされた画像を別ウィンドウで表示します。
拡大表示（同ウィンドウ内）・・・アップロードされた画像を同ウィンドウ内に表示します。
リンク・・・指定したURLへリンクさせます。URLは「リンク先URL」に入力します。

[スマートフォン設定]!

[ファイル選択]（必須）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
登録できる画像はjpg、gif、pngです。

!

[リンク先URL]
画像クリック時のジャンプ先を入力します。「クリック時の動作」で「リンク」を選択した場合は入力が必要です。

!
!

!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます[テキスト]（必須）表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力で
きます。

[背景色]
スマートフォンサイトでのユニット背景
色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方
スペースの高さを設定します。
デフォルト：標準14

《操作マニュアル》!

画像＋タイトル＋テキスト（3）デザインユニット

画像（左）とタイトル・文章・リンク（右）がセットになっているユニットです。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

[ファイル選択（必須）]〜[クリック時の動作]までの画像に関する各項目の説明は、「画像のみ」ユニットの説
明をご参照ください。

!
!

[デザインオプション][タイトル]（必須）タイトルとして表示する文字列を入力します。

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[テキスト]（必須）表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力できます。

!

[リンク先URL]
画像及びリンクテキストクリック時のリンク先を入力し
ます。

!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[リンクテキスト]
リンク設定をする文章を入力します。
未設定の時は「詳細はこちら」と表示されます。

[スマートフォン設定]!

[ファイル選択]（必須）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます[背景色]
スマートフォンサイトでのユニット背景
色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方
スペースの高さを設定します。
デフォルト：標準15

《操作マニュアル》!

画像（上段）＋タイトル・テキスト（3）デザインユニット

画像（上段）とタイトル・テキスト・リンク（下段）がセットになっているユニットです。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示[デザインオプション]!

するか、両方で表示するかを選択します。
[ファイル選択（必須）]〜[クリック時の動作]までの画像に関する各項目の説明は、「画像のみ」ユニットの説
明をご参照ください。

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!
!

!

[タイトル]（必須）タイトルとして表示する文字列を入力します。

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[テキスト]（必須）表示する文章を入力します。
テキストエディター未使用時は直接HTMLタグを入力できます。

!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!

[リンク先URL]
画像及びリンクテキストクリック時のリンク先を入力します。

!

[リンクテキスト]
リンク設定をする文章を入力します。
未設定の時は「詳細はこちら」と表示されます。

[スマートフォン設定]!

[ファイル選択]スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]
での[ファイル選択]、「スマートフォン用
画像も更新する」のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。
登録できる画像はjpg、gif、pngです。

!
!

[ファイル選択]ボタン（必須）
素材管理画面が別ウィンドウで開きます。
[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む
枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方ス
ペースの高さを設定します。
デフォルト：標準

16

《操作マニュアル》!

画像（上段） ２＋タイトル・テキスト（3）デザインユニット

画像（上段）とタイトル・テキスト・リンク（下段）のセットが横に２列並んで表示されるユニットです。

[スマートフォン設定][ユニット設定]!

［ユニット設定（１）］/［ユニット設定（２）］「ユニット設定（１）」が左、「同（２）」が右の設定画面です。設定項目については「画像+タイトル+テ
キスト」ユニットの説明をご参照ください。

[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリッ
ク表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合、2列の「画像（上段） 2＋タイトル・テキスト」は縦に並んで表示されます。デフォルト：対応しない!

[デザインオプション][ファイル選択] （画像 左・右）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル選択]、「スマートフォン用画像も更新する」のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。画像（左）が「ユニット設定（1）」、画像（右）が「ユニット設定（2）」で表示される画像です。
登録できる画像はjpg、gif、pngです。

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有
無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準

17

《操作マニュアル》!

画像＋タイトル＋テキスト 2（3）デザインユニット

画像（左）とタイトル・文章・リンク（右）のセットが横に２列並んで表示されるユニットです。

[ユニット設定]!

［ユニット設定（１）］／［ユニット設定（２）］「ユニット設定（１）」が左、「同（２）」が右の設定画面です。
設定項目については「画像+タイトル+テキスト」ユニッ
トの説明をご参照ください。

[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリッ
ク表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合、2列の「画像（上段） 2＋タイトル・テキスト」は縦に並んで表示されます。
デフォルト：対応しない!

[ファイル選択] （画像 左・右）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル選択]、「スマートフォン用画像も更新する」のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。画像（左）が「ユニット設定（1）」、画像（右）が「ユニット設定（2）」で表示
される画像です。
登録できる画像はjpg、gif、pngです。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!
!

!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有
無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準18

《操作マニュアル》!

上段画像＋下段テキスト 横2列（3）デザインユニット

画像（上段）とテキスト（下段）セットが２列に並んでいるユニットです。

[ユニット設定]!

［ユニット設定（１）］／［ユニット設定（２）］「ユニット設定（１）」が左、「同（２）」が右の設定画面です。
設定項目については「画像（上段）＋テキスト（下段）」ユニットの説明をご参照ください。

[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリック表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合、2列の「画像（上段） 2＋タイトル・テキスト」は縦に並んで表示されます。デフォルト：対応しない!

[ファイル選択] （画像 左・右）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル選択]、「スマートフォン用画像も更新する」のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。画像（左）が「ユニット設定（1）」、画像（右）が「ユニット設定（2）」で表示される画像です。
登録できる画像はjpg、gif、pngです。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[背景色]
スマートフォンサイトでのユニット背景色の表示有無
を選択します。※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準19

《操作マニュアル》!

画像（上段） ３＋テキスト（下段） ３（3）デザインユニット

画像（上段）とテキスト（下段）セットが３列に並んでいるユニットです。

[ユニット設定]!

［ ユニット設定（１）］／［ユニット設定（２）］／［ユニット設定（３）］「ユニット設定（１）」が左、「同（２）」が中央、「同（3）」が右の設定画面です。
設定項目については「 画像（上段）＋テキスト（下段）」ユニットの説明をご参照ください。

[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリッ
ク表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合、2列の「画像（上段） 2＋タイトル・テキスト」は縦に並んで表示されます。デフォルト：対応しない!

[デザインオプション]!

[ファイル選択] （画像 左・中央・右）スマートフォンサイトで表示する（PCサイトとは別の画像を表示する場合）画像を設定します。
ここで画像を選択する場合は[ユニット設定]での[ファイル選択]、「スマートフォン用画像も更新する」のチェックを外してください。ファイル選択なし、または「スマートフォン用画像も更新する」のチェックを外さない場合、[ユニット設定]で選択した（PCサイトと同じ）画像が表示されます。画像（左）が「ユニット設定（1）」、画像（中央）が「ユニット設定（2）」、 画像（右）が「ユニット設定（3）」 で表示される画像です。
登録できる画像はjpg、gif、pngです。

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!
!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有
無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準20

《操作マニュアル》!

表（２列 n列）（3）デザインユニット

２列の表（テーブル）を作成できるユニットです。行数に制限はありません。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!
!

[タイトル]
表のタイトルとして表示する文字列を入力します。
[見出し位置]（必須）
表の見出し（th）の位置を「なし／一列目／一行目」から選択します。
「一列目」を選択すると左の列が、「一行目」を選択す
ると一番上の行がそれぞれ見出し扱いとなり色がつきます。デフォルト：なし!
!

[左列の列幅]（必須）
表の左列の幅を入力します。デフォルト：40%[表の内容]
表の内容を入力します。【行追加】【行削除】ボタンで行の追加と削除ができます。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有
無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準21

《操作マニュアル》

!

箇条書き

（3）デザインユニット

連番付きの箇条書きを記述する際に利用できるユニットです。番号付き（ol）の文章が表示されます。行数に制限はありません。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[内容]
一つの入力エリア（行）に一項目ずつ入力します。
項目を追加する場合は【行追加】ボタンをクリックします。【行削除】ボタンで項目を削除できます。（１行目は削除できません）[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有
無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準22

《操作マニュアル》!

罫線（3）デザインユニット

罫線（hr）を挿入するユニットです。

[デザインオプション]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準23

《操作マニュアル》!

ファイルダウンロード（3） デザインユニット

ファイルをダウンロードさせる際に利用できるユニットです。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[ファイル選択]（必須）
ダウンロードさせるファイルを設定します。
ダウンロード可能なファイル：PDF、エクセル、ワー
ド、パワーポイント、Zip形式・Lzh形式の圧縮ファイル!

[リンクテキスト]（必須）
ファイルのダウンロードリンクに表示する文章を入力します。

!

[ダウンロードファイルURL]
ダウンロードするファイルのリンク（URL）を入力します。

!

[プラグインダウンロード案内]
Adobe® Reader®のダウンロード案内を表示する場合はチェックを入れます。

[デザインオプション]!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準24

《操作マニュアル》!

ページトップへ戻るボタン（4）機能ユニット

ページトップへジャンプさせるボタンです。常にページの右側に表示されます。
各ページの右下にはテンプレートであらかじめ設定されている「ページトップ」ボタンが表示されますが、このユニットは、それ以外にページの途中途中に「ページトップ」を配置したい場合に使用します。

[デザインオプション]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示
するか、両方で表示するかを選択します。

!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準25

《操作マニュアル》!

（4）機能ユニット

アンカーメニュー（縦）ページ内リンクメニューを 縦並びに表示するユニットです。
ページ内に配置されたタイトルユニット（ タイトル（見出し）・タイトル（小見出し）・画像タイトル・バックグラウンド付きタイトル） からリンクメニューを自動的に作成します。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

※アンカーメニューについて!

[イージング]
目的のタイトルに到達する際の、動き（アニメーション）と、移動スピードを設

ページ内に配置されたタイトルユニット（４種）を全てリスト表示しています。
※タイトルユニットで登録されていない
場合はアンカーメニューを作成することはできません。

定します。
各動きについては「bingo!CMSオフィシャルサイト Technical Information」（
http://www.bingo-cms.jp/technical̲info/ )をご参照ください。「ms」は1000!

分の1秒を表しています。1000ms=1秒です。

!
!

[タイトル]（必須）アンカーメニューを入力します。

1.アンカーメニューを作成するタイトル
を選択します。
2.選択したタイトルに対してリンク名を入力します。

[画像用途]（必須）設定する画像の用途を設定します。「メニューの頭に付くアイコンとして利用する」、「背景画像として利用する」、「画像自体をボタンとして利用する」の3タ※［１］ページレイアウト設定画面・［２］ユニットレイアウト設定画面で、ページ内のタイトルユニットを削除した場合や、ユニットの配置を変更した場合、アンカー設定が正常に動作しなくなる場合があります。この場合は再度このユニットでアンカー設定を行っ

イプから選択します。

!

[ファイル選択]（必須）
上記の用途に合わせて、デフォルト時と、ホバー時の2種類を選択します。

[スマートフォン設定]!

[イージング]スマートフォンサイトでの、動き（アニメーション）と、移動スピードを設定しま す。 各 動 き に つ いて は 「 b i n g o ! C M S オ フィ シ ャルサイ ト Te c h n i c a l
Information」（ http://www.bingo-cms.jp/technical̲info/ )をご参照ください。「ms」は1000分の1秒を表しています。1000ms=1秒です。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!
!

[タイトル]（必須）スマートフォンサイトでのアンカーメニューを入力します。

!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[画像用途]（必須）「メニューの頭のアイコンとして利用する」、「背景画像として利用する」、「画像自体をボタンとして利用する」の3タイプから、スマートフォンサイトのアンカー!

メニューで利用する画像用途を選択します。

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!

[ファイル選択]（必須）スマートフォンサイトでの利用するアンカーメニューのファイルを選択します。（デフォルト時）!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト値：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト値：標準26

《操作マニュアル》!

（4）機能ユニット!

アンカーメニュー（横）ページ内リンクメニューを 横並びに表示するユニットです。
ページ内に配置されたタイトルユニット（ タイトル（見出し）・タイトル（小見出し）・画像タイトル・バックグラウンド付きタイトル） からリンクメニューを自動的に作成します。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示する※アンカーメニューについてかを選択します。

ページ内に配置されたタイトルユニット（４種）を全てリスト表示しています。

[イージング]
目的のタイトルに到達する際の、動き（アニメーション）と、移動スピードを設※タイトルユニットで登録されていない場

定します。

合はアンカーメニューを作成することはで各動きについては「bingo!CMSオフィシャルサイト Technical Information」（

きません。

http://www.bingo-cms.jp/technical̲info/ )をご参照ください。「ms」は1000!

!

分の1秒を表しています。1000ms=1秒です。

!
!

1.アンカーメニューを作成するタイトルを[タイトル]（必須）アンカーメニューを入力します。

選択します。
2.選択したタイトルに対してリンク名を入[画像用途]（必須）設定する画像の用途を設定します。「メニューの頭に付くアイコンとして利用す力します。

る」、「背景画像として利用する」、「画像自体をボタンとして利用する」の3※［１］ページレイアウト設定画面・［２］ユニットレイアウト設定画面で、ページ内のタイトルユニットを削除した場合や、ユニットの配置を変更した場合、アンカー設定が正常に動作しなくなる場合があります。この場合は再度このユニットでアンカー設定を行ってください。

タイプから選択します。

!

[ファイル選択]（必須）
上記の用途に合わせて、デフォルト時と、ホバー時の2種類を選択します。

[スマートフォン設定]!

[イージング]スマートフォンサイトでの、動き（アニメーション）と、移動スピードを設定しま す。 各 動 き に つ いて は 「 b i n g o ! C M S オ フィ シ ャルサイ ト Te c h n i c a l
Information」（ http://www.bingo-cms.jp/technical̲info/ )をご参照ください。「ms」は1000分の1秒を表しています。1000ms=1秒です。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!
!

[タイトル]（必須）スマートフォンサイトでのアンカーメニューを入力します。

!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[画像用途]（必須）「メニューの頭のアイコンとして利用する」、「背景画像として利用する」、「画!

像自体をボタンとして利用する」の3タイプから、スマートフォンサイトのアンカー[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準

メニューで利用する画像用途を選択します。

!

[ファイル選択]（必須）スマートフォンサイトでの利用するアンカーメニューのファイルを選択します。
※デフォルト時のみの表示となります。

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準27

《操作マニュアル》!

JavaScript専用（4）機能ユニット

ブログパーツやAjax関連のプログラム等、JavaScriptのプログラムを記述できるユニットです[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

[JavaScript]（必須）JavaScriptを入力します。
※必ずプログラム単体での動作確認を行ってから登録してください。
エラーがあるプログラムを登録した場合、管理画面上での編集ができなくなる場
合があります!

[表示エリア（高さ）]（必須）表示エリアの高さを指定します。単位はpixelです。
デフォルト：300px[デザインオプション]!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]!

[JavaScript]
スマートフォンサイトで動作させる（PCサイトとは別のJavaScriptを動作させたい場合）JavaScriptを入力します。
スマートフォンサイトでのみ別のJavaScriptを動作させたい場合は入力してください。
入力なしの場合、[ユニット設定]で選択した（PCサイトと同じ）JavaScriptが動作します。
※必ずプログラム単体での動作確認を行ってから登録してください。
エラーがあるプログラムを登録した場合、管理画面上での編集ができなくなる場
合があります。

!

[表示エリア]
表示エリアの高さを指定します。単位はpixelです。
デフォルト：150px!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準28

《操作マニュアル》!

FLASHアニメーション（4） 機能ユニット

Flashアニメーション swfファイルを表示させるユニットです。
※このユニットはスマートフォンで閲覧時には表示されません。

[ユニット設定]※このユニットはスマートフォン閲覧時には表示されません。

!

[タイトル]
Flashムービーのタイトルを入力します。
ここに入力した内容はムービー左上に表示されます。

!
!

[SWFファイル]（必須）表示するswfファイルを選択します。
[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]
ボタンをクリックします。

!
!

[表示サイズ（幅）]（必須）
表示幅を入力します。単位はpixelです。
[表示サイズ（高さ）]（必須）
表示の高さを入力します。単位はpixelです。

[デザインオプション]!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準29

《操作マニュアル》
FLASHプラグインダウンロード案内（4）機能ユニット

プラグインをインストールしていない方のために、プラグインダウンロードページへの案内を表示する場合に使用します。
※このユニットはスマートフォンで閲覧時には表示されません。

↑ このユニットを配置すると、サイト上ではこのように表示されます。

[デザインオプション]※このユニットはスマートフォンで閲覧時には表示されません。

!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準30

《操作マニュアル》

マップ
Yahoo地図（4）機能ユニット

Javascript版地図APIを用いたマップ表示ユニットです。世界表示が可能です。利用するにはYahoo! JAPANの「アプリケーションID」が必要となります。

詳しくはhttp://developer.yahoo.co.jp/map/をご覧ください。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

[画像]
スポットマウスオーバー時に表示される吹き出し内の画像を設定します。
登録できる画像はjpg、gif、pngです。

!
!
!
!

[スポットタイトル]（必須）
スポットに表示される施設名を入力します。
[住所]（必須）
吹き出し内に表示される住所を入力します。
[スポット説明]
吹き出し内に表示される説明文を入力します。
[Yahoo!地図 JavaScript版地図APIアプリケーションID]（必須）Yahoo!JAPAN Webサービスを利用する際に必要となるアプリケーションIDを登録します。
※一度登録されたアプリケーションIDは保存されます。

!

[表示位置（経度・経度）]（必須）
表示位置の経度、緯度を入力します。経度、緯度が分からない場合は「経度、緯度を調べる」をクリックして表示されるマップを利用して入力することも可能です。

!

[表示エリア（高さ）]（必須）表示されるマップの高さを入力します。単位はpixelです。
※マップの表示幅は配置した場所に応じて自動的に設定されます。

[デザインオプション]!

[スマートフォン設定]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし[表示エリア（高さ）]表示されるマップの高さを入力します。単位はpixelです。
※マップの表示幅は配置した場所に応じて自動的に設定されます。

!

!

!

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準31

《操作マニュアル》
RSSリーダー（4）機能ユニット

RSS情報を読み込み、表示させるユニットです。ブログなどの見出しを他ページに表示焦るときなどに使用されています。

[ユニット設定]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

[ＵＲＬ]（必須）
RSSを取得するURLを入力します。
※対応フィードは「RSS1.0」「RSS2.0」です。

!
!

[表示件数]（必須）RSSを表示する件数を選択します。デフォルト：20件[見出し表示]RSSの表示を見出しのみの表示にするか、ページ概要文章も一緒に表示するか設定します。デフォルト：見出し・ページ概要文書表示[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト値：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]!

[見出し表示]RSSの表示を見出しのみの表示にするか、ページ概要文章も一緒に表示するか設定します。デフォルト：見出し・ページ概要文書表示

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準32

《操作マニュアル》

お問い合わせフォーム 1/2
サイトに設置するお問い合わせフォーム用のユニットです。項目は通常のフォームで使用が想定されるものを揃えていますので、その中から必要なものを選んで表示できます。

（4）機能ユニット

問い合わせの受付時には、送信内容を自動的に送信者・管理者にメール送信します。そのためのメール受信者アドレスの設定が必要な他、送信メールのヘッダ、フッタの設定が必要です。
bingo!CMS Ver1.6をご利用のユーザー様は、「フォームジェネレータ（2ページ）」のご利用をおすすめします。

送信メールテキスト関連設定[ユニット設定]

!
!
!
!
!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

[送信メールテキスト関連設定】
ここではフォーム送信後、送信者とサイト管理者に送信されるメールについての設定を行います。
[件名]（必須）
送信されるメールの件名を入力します。
[受付先メールアドレス]（必須）
フォームで送信されるメールの受信アドレスを入力します。
複数の受信アドレスを設定する場合は、半角カンマで区切って入力します。

!
!
!

[メールヘッダー文章]（必須）
メールのヘッダー文章を入力します。
[メールフッター文章]（必須）
メールのフッター文章を入力します。

!
!

[メール送信完了の文書]（必須）
メール送信完了時に画面に表示されるメッセージを入力します。
送信完了後、フォーム部分がここで設定した文章に置き換わって表示されます。
送信メールについて［投稿者へのメール］
フォームからお問い合わせを受付すると、「メールアドレス」に入力されたアドレス宛に確認メールを送信します。
その際の差出人は、サイト設定で「管理者メールアドレス」に設定されているアドレスになります。
［管理者へのメール］
同じ内容の確認メールが「受付先メールアドレス」で設定したアドレスへも送信されます。
その際の差出人は、フォームの「メールアドレス」に入力されたアドレス（投稿者のアドレス）になります。

※お問合わせ表示項目設定につきましては次のページをご覧ください。

33

《操作マニュアル》

お問い合わせフォーム 2/2
サイトに設置するお問い合わせフォーム用のユニットです。項目は通常のフォームで使用が想定されるものを揃えていますので、その中から必要なものを選んで表示できます。

（4）機能ユニット

問い合わせの受付時には、送信内容を自動的に送信者・管理者にメール送信します。そのためのメール受信者アドレスの設定が必要な他、送信メールのヘッダー、フッターの設定が必要です。
bingo!CMS Ver1.6をご利用のユーザー様は、「フォームジェネレータ（2ページ）」のご利用をおすすめします。

お問合わせ表示項目設定[ユニット設定]!

フォームにはあらかじめ想定される項目名が入っています。
項目名を変更することも可能です。ただし、一部の項目は書式が異なっている（下表参照）とフォーム送信
時にエラーになりますのでご注意ください。

!

各項目「非表示・表示・表示（必須）」いずれかを設定できます。
実際のフォームには、「表示」「表示（必須）」に設定した項目だけが表示されます。

!

「表示（必須）」に設定した場合、項目名の左部分が赤色になります（必須でなければグレー）。
また、フォーム送信時に必須項目が未入力（未選択）の場合はエラーメッセージを表示します。
※フォームをサイトに設置したら、必ずメールが送受信できるかテストを行ってください。

名前

制限なし

フリガナ

カタカナ以外入力不可

会社名・団体名

制限なし

部署

制限なし

役職

制限なし

郵便番号

制限なし

都道府県

プルダウン

市・区・群

制限なし

町名・番地

制限なし

ビル名

制限なし

電話番号

制限なし

ファックス番号

制限なし

メールアドレス!
!
!
!
!

この項目は必須です。メールアドレスと見なされない入力は不可。
確認のため、2つのテキストフィールドが表記されます。

選択項目（1）/（2）

プルダウン・チェックボックス・ラジオボタンのいずれかを選べます。
選択肢は改行区切りで入力します。選択肢はいくつでも設定できます。

日付（1）/（2）デフォルトに当日日付を表示する設定が可能です。
表示は入力補助用にカレンダーが付きます。
日付と見なされない入力は不可。

時間（1）/（2）時・分をそれぞれプルダウン表示します。
分選択は10分、15分、30分区切りいずれかを選択できます。

お問い合せ内容

テキストフィールド・テキストエリアいずれかを選択できます。

画像認証

スパム防止のための画像認証を表示するかしないかを選択できます。（選択した場合は必須入力になります）

上記に特に記述のない場合は、フォームはテキストフィールドで表示されます。

34

《操作マニュアル》（4）機能ユニット

サイトマップ
サイトマップを作成するユニットです。グローバルメニュー・ローカルメニューの設定が自動的に反映するので、このユニットを配置するだけでサイトマップが表示されます。
サイトマップに反映するのは、公開中のメニューでサイトマップに「表示する」で設定されているメニューです。表示順は、「メニュー管理」画面で設定した表示順が反映します。

[デザインオプション]!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準35

《操作マニュアル》（5）クリップボード

クリップボード
情報が登録してあるユニットを、登録した内容ごとに任意の名前をつけてコピーできます。コピーした内容は「クリップボード」として表示され、通常のユニットと同じように使用できます。同じようなページを複数作る場合や、設定したページの内容をほかのページに移動するときなどに便利です。

❶クリップボードにコピーを作る

１）ユニットレイアウト設定画面でコピーするユニッ
トの左側[このユニットをコピーする]アイコンをクリックします。

❷クリップボードを使用する

クリップボードを使用するページの[２]ユニットレイアウト設定画面に行き、クリップボードからコピーしたユニットをドラッグ＆ドロップで配置します。
クリップボードにあるユニットのアイコンは、元のユニットのアイコンと同じです。カーソルを乗せると、コピーするときにつけた名前がわかります。

❸クリップボードを管理する（名前の変更・削除）

１）ユニットレイアウト設定画面で画面右上[クリップボード]ボタンをクリックします。

２）[クリップボード]ボタンをクリックすると、左図のクリップボード管理画面（クリップボード（ユニット））が開き、「登録済みのユニットの一覧が登録順に表示されます。

２）任意の名前をつけて、「OK」をクリック、確認ウ
インドウの「OK」をクリックするとクリップボードにコピーされます。

!表示順を変更する場合は「表示順」に３桁以内の数字を半角で入力、名前を変更する場合は「名称」に新しい名前を入力、削除する場合は、「削除」にチェックを入れて[保存]ボタンをクリックします。

36

《操作マニュアル》

連載記事リスト
お知らせ情報や日記等、一つのメニュー内に複数のページが作成される場合日々新規作成されるページを時系列にリスト表示するユニットです。 リスト表示できるページは、メニュー＆ページ管理（6）連載記事一覧用ユニット

で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューのみです。「連載記事ページ」を作成していないメニューをリスト表示することはできません。

[ユニット設定]※連載記事ページに関しては、別冊『v1.6マニュアル サイト制作編、メニュー＆ページ管理（連載記事ペー
ジ管理画面）』もあわせてご覧ください。

!

[基本設定]（必須）
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。
連載記事ページを作成したメニューを選択!

[メニュー]
どのメニューのページをリスト表示するか選択します。ここではメニュー＆ページ管理の「連載記事ページ管理」で連載記事ページを作成したメニューを選択してください。ローカルメニューに連載記事を作成した場合はグローバルメニューを選択後、ローカルメニューが表示されるので、リスト表示するローカルメニューを選択します。複数のローカルメニューがある場合、選択はいくつでも可能です。この場合それぞれのローカルメニューに登録された記事をまとめて時系列に表示します。（左図1参照）

!
!
!
!

[連載記事ラベル]
ラベルが適用された連載記事ページを選択します。
[表示開始件数]
何番目の記事からリスト表示するかを設定します。デフォルト：１[表示情報件数設定]
表示する記事の件数を設定します。デフォルト：20件[NEWアイコン][NEWアイコン表示期間]
リストにNEWアイコンを表示する場合は「表示」を選択し、公開日からいつまでアイコンを表示するか期間を入力します。表示期間デフォルト：７日!

[ページング]「表示情報件数設定」で設定した件数を超える記事がある場合に、ページングナビゲーションを表示する場合は「表示」を選択します。

!

[一覧用テキスト]
リストに記事タイトルの他、記事の説明を表示する場合は「表示」を選択します。ここに表示される説明は、「連載記事ページ管理」で作成したページの「RSS情報設定」で設定した「ページ概要文章」です。

[デザインオプション]

!

!

[背景色]

[公開日]
記事（ページ）の公開日を表示する場合は「表示」を選択します。公開日は「ページ設定」画
面で設定した「公開期間」の日付です。表示形式は7タイプから選択できます。

ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なりま!
!

す。デフォルト：なし!

[RSSアイコン]
RSSページへのリンクを表示する場合は「表示」を選択します。

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし[表示順]（必須）
表示順を設定します。デフォルト：降順!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準37

《操作マニュアル》

連載記事リスト（画像タイトルテキスト）
メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューを、画像（左）とタイトル・テキスト（右）をセットにして表示するユニットです。

（6）連載記事一覧用ユニット表示される画像は「連載記事ページ管理」で作成したページの「RSS情報設定」で選択した画像が表示されます。

[ユニット設定]※連載記事ページに関しては、別冊『v1.6マニュアル サイト制作編、メニュー＆ページ管理（連載記事ペー
ジ管理画面）』もあわせてご覧くだ
さい。

!
!

[基本設定]（必須）
このユニットをPCで表示するか、スマートフォンで表示するか、両方表示するかを選択します[メニュー]
連載記事ページを作成したメニューを選択

どのメニューのページをリスト表示するか選択します。ここではメニュー＆ページ管理の「連載記事ページ管理」で連載記事ページを作成したメニューを選択してください。ローカルメニューに連載記事を作成した場合はグローバルメニューを選択後、ローカルメニューが表示されるので、リスト表示するローカルメニューを選択します。複数のローカルメニューがある場合、選択はいくつでも可能です。この場合それぞれのローカルメニューに登録された記事をまとめて時系列に表示します。

!
!
!
!

[連載記事ラベル]
ラベルが適用された連載記事ページを選択します。
[表示開始件数]
何番目の記事からリスト表示するかを設定します。デフォルト：１[表示情報件数設定]
表示する記事の件数を設定します。デフォルト：20件[NEWアイコン][NEWアイコン表示期間]
リストにNEWアイコンを表示する場合は「表示」を選択し、公開日からいつまでアイコンを表示するか期間を入力します。表示期間デフォルト：７日!

[ページング]「表示情報件数設定」で設定した件数を超える記事がある場合に、ページングナビゲーションを表示する場合は「表示」を選択します。

[デザインオプション]!

!

[一覧用テキスト]
リストに記事タイトルの他、記事の説明を表示する場合は「表示」を選択します。ここに表示される説明は、「連載記事ページ管理」で作成したページの「RSS情報設定」で設定した「ページ概要文章」です。

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし

!

!

[公開日]
記事（ページ）の公開日を表示する場合は「表示」を選択します。公開日は「ページ設定」画
面で設定した「公開期間」の日付です。 表示形式を7タイプから選択します。

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!
!

[RSSアイコン]
RSSページへのリンクを表示する場合は「表示」を選択します。

!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[表示順]（必須）
表示順を設定します。デフォルト：降順[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリック表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合は縦にセットが並んで表示されます。
※フリックボックス表示とは、画面を指でスライドさせて画面内の次の項目を表示させる表示方法です。デフォルト：対応しない

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準38

《操作マニュアル》

連載記事リスト縦（画像タイトルテキスト）
メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューを、画像（上段）とタイトル・テキスト（下段）をセットにして表示するユニットです。

（6）連載記事一覧用ユニット表示される画像は「連載記事ページ管理」で作成したページの「RSS情報設定」で選択した画像が表示されます。

[ユニット設定]※連載記事ページに関しては、別冊『v1.6マニュアル サイト制作編、メニュー＆ページ管理（連載記事ペー
ジ管理画面）』もあわせてご覧ください。

!

[基本設定]（必須）
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するを選択します

連載記事ページを作成したメニューを選択[メニュー]
どのメニューのページをリスト表示するか選択します。ここではメニュー＆ページ管理の「連載記事ページ管理」で連載記事ページを作成したメニューを選択してください。ローカルメ
ニューに連載記事を作成した場合はグローバルメニューを選択後、ローカルメニューが表示されるので、リスト表示するローカルメニューを選択します。複数のローカルメニューがある場
合、選択はいくつでも可能です。この場合それぞれのローカルメニューに登録された記事をまとめて時系列に表示します。

!
!
!
!

[連載記事ラベル]
ラベルが適用された連載記事ページを選択します。
[表示開始件数]
何番目の記事からリスト表示するかを設定します。デフォルト：１[表示情報件数設定]
表示する記事の件数を設定します。デフォルト：20件[NEWアイコン][NEWアイコン表示期間]
リストにNEWアイコンを表示する場合は「表示」を選択し、公開日からいつまでアイコンを表示するか期間を入力します。表示期間デフォルト：７日!

[ページング]「表示情報件数設定」で設定した件数を超える記事がある場合に、ページングナビゲーションを表示する場合は「表示」を選択します。

!

[一覧用テキスト]
リストに記事タイトルの他、記事の説明を表示する場合は「表示」を選択します。ここに表示される説明は、「連載記事ページ管理」で作成したページの「RSS情報設定」で設定した「ページ概要文章」です。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし

!

[公開日]
記事（ページ）の公開日を表示する場合は「表示」を選択します。公開日は「ページ設定」画
面で設定した「公開期間」の日付です。 表示形式を7タイプから選択します。

!

!
!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[RSSアイコン]
RSSページへのリンクを表示する場合は「表示」を選択します。

!

[表示順]（必須）
表示順を設定します。デフォルト：降順[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリック表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合は縦にセットが並んで表示されます。
※フリックボックス表示とは、画面を指でスライドさせて画面内の次の項目を表示させる表示方法です。デフォルト：対応しない

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準39

《操作マニュアル》

連載記事リスト（画像タイトルテキスト ２）
メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューを表示するユニットです。画像（左）とタイトル・テキスト（右）のセットを横に2列並べて表示します。

（6）連載記事一覧用ユニット表示される画像は「連載記事ページ管理」で作成したページの「RSS情報設定」で選択した画像が表示されます。

[ユニット設定]※連載記事ページに関しては、別冊『v1.6マニュアル サイト制作編、メニュー＆ページ管理（連載記事ペー
ジ管理画面）』もあわせてご覧くだ
さい。

!
!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するか選択します
連載記事ページを作成したメニューを選択[メニュー](必須)
どのメニューのページをリスト表示するか選択します。ここではメニュー＆ページ管理の「連載記事ページ管理」で連載記事ページを作成したメニューを選択してください。ローカルメニューに連載記事を作成した場合はグローバルメニューを選択後、ローカルメニューが表示されるので、リスト表示するローカルメニューを選択します。複数のローカルメニューがある場合、選択はいくつでも可能です。この場合それぞれのローカルメニューに登録された記事をまとめて時系列に表示します。

!
!
!
!

[連載記事ラベル]
ラベルが適用された連載記事ページを選択します。
[表示開始件数]
何番目の記事からリスト表示するかを設定します。デフォルト：１[表示情報件数設定]
表示する記事の件数を設定します。デフォルト：20件[NEWアイコン][NEWアイコン表示期間]
リストにNEWアイコンを表示する場合は「表示」を選択し、公開日からいつまでアイコンを表示するか期間を入力します。表示期間デフォルト：７日[デザインオプション]!

!

[ページング]「表示情報件数設定」で設定した件数を超える記事がある場合に、ページングナビゲーションを表示する場合は「表示」を選択します。

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[一覧用テキスト]
リストに記事タイトルの他、記事の説明を表示する場合は「表示」を選択します。ここに表示される説明は、「連載記事ページ管理」で作成したページの「RSS情報設定」で設定した「ページ概要文章」です。

!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし

!

!

[公開日]
記事（ページ）の公開日を表示する場合は「表示」を選択します。公開日は「ページ設定」画面で設定した「公開期間」の日付です。 表示形式を7タイプから選択します。

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準!
!

[RSSアイコン]
RSSページへのリンクを表示する場合は「表示」を選択します。
[表示順]（必須）
表示順を設定します。デフォルト：降順[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリック表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合は縦にセットが並んで表示されます。
※フリックボックス表示とは、画面を指でスライドさせて画面内の次の項目を表示させる表示方法です。デフォルト：対応しない

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。 デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準40

《操作マニュアル》

連載記事リスト縦（画像タイトルテキスト ２）
メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューを表示するユニットです。画像（上段）とタイトル・テキスト（下段）のセットを横に2列並べて表示します。

（6）連載記事一覧用ユニット表示される画像は「連載記事ページ管理」で作成したページの「RSS情報設定」で選択した画像が表示されます。

[ユニット設定]!
!

[基本設定]※連載記事ページに関しては、別冊『v1.6マニュアル サイト制作編、メニュー＆ページ管理（連載記事ペー
ジ管理画面）』もあわせてご覧ください。

このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するを選択します
連載記事ページを作成したメニューを選択[メニュー](必須)
どのメニューのページをリスト表示するか選択します。ここではメニュー＆ページ管理の「連載記事ページ管理」で連載記事ページを作成したメニューを選択してください。ローカルメニューに連載記事を作成した場合はグローバルメニューを選択後、ローカルメニューが表示されるので、リスト表示するローカルメニューを選択します。複数のローカルメニューがある場合、選択はいくつでも可能です。この場合それぞれのローカルメニューに登録された記事をまとめて時系列に表示します。

!
!
!
!

[連載記事ラベル]
ラベルが適用された連載記事ページを選択します。
[表示開始件数]
何番目の記事からリスト表示するかを設定します。デフォルト：１[表示情報件数設定]
表示する記事の件数を設定します。デフォルト：20件[NEWアイコン][NEWアイコン表示期間]
リストにNEWアイコンを表示する場合は「表示」を選択し、公開日からいつまでアイコンを表示するか期間を入力します。表示期間デフォルト：７日!

[ページング]「表示情報件数設定」で設定した件数を超える記事がある場合に、ページングナビゲーションを表示する場合は「表示」を選択します。

[デザインオプション]

!

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし[一覧用テキスト]
リストに記事タイトルの他、記事の説明を表示する場合は「表示」を選択します。ここに表示される説明は、「連載記事ページ管理」で作成したページの「RSS情報設定」で設定した「ページ概要文章」です。

!

!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[公開日]
記事（ページ）の公開日を表示する場合は「表示」を選択します。公開日は「ページ設定」画面!

で設定した「公開期間」の日付です。 表示形式を7タイプから選択します。

!
!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[RSSアイコン]
RSSページへのリンクを表示する場合は「表示」を選択します。
[表示順]（必須）
表示順を設定します。デフォルト：降順[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリック表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合は縦にセットが並んで表示されます。
※フリックボックス表示とは、画面を指でスライドさせて画面内の次の項目を表示させる表示方法です。デフォルト：対応しない

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準41

《操作マニュアル》!

（6）連載記事一覧用ユニット

連載記事ページリスト（タブ表示）
メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューを、タブで表示するユニットです。
表示される画像は「連載記事ページ管理」で作成したページの「RSS情報設定」で選択した画像が表示されます。

[ユニット設定]!

[メニュー](必須)
各タブで、どのメニューのページをリスト表示するか選択します。タブは最大5個まで表示できます。
ここではメニュー＆ページ管理の「連載記事ページ管理」で連載記事ページを作成したメニュー※連載記事ページに関しては、別冊『v1.6マニュアル サイト制作編、メニュー＆ページ管理（連載記事ペー
ジ管理画面）』もあわせてご覧ください。

を選択してください。（左図1参照）
タブ名を入力できます。「タブ名」が未入力の場合、「グローバルメニュー名」がタブに表示されます。
グローバルメニューを選択するとページカテゴリ（ローカルメニュー）の選択肢がセットされるので、リスト表示するローカルメニューを選択します。
ラベルが適用された連載記事ページがある場合、選択できます。

[表示情報件数設定]以下の設定項目は、「連載記事リスト」と同様です。
「連載記事リスト」をご参照ください。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。※背景色はテンプレートにより異なります。デフォル
ト：なし

!
!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。デフォルト：なし[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]!

[フリックボックス表示]
スマートフォンサイトにて表示時にこのユニットをフリック表示にするかを設定します。
フリックボックス表示のチェックが入っていない場合は縦にセットが並んで表示されます。
※フリックボックス表示とは、画面を指でスライドさせて画面内の次の項目を表示させる表示方法です。デフォルト：対応しない

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準42

《操作マニュアル》
カスタムユニット 1/5（7）高機能ユニット!

bingo!CMS Version1.6の特徴、画面幅100％での表示を最大限活かす為に開発されたユニットです。
レイアウトを選択し、コンテンツをドラッグアンドドロップで配置することで、多様な表現を可能にします。

※カスタムユニットによる制作の流れ[基本設定]
このユニットをPCで表示するか、スマート❶左上部のウインドウ「ユニット❷ 左下部のウインドウ「ユニッ❸ 右側のウインドウ「コンテン❹ このユニット全体に対する、フォンで表示するか、両方で表示するかを

レイアウト」で、レイアウトを選

トプロパティ」で、このユニットツ」で、始めに配置した各ユニッ

アニメーション設定、トランス

択し、ドラッグ＆ドロップでユニッ

全体に対する、背景色や枠線、余トごとに、コンテンツ設定を行いフォーム設定を行います。

トを配置します。

白等の設定を行います。

ます。余白の設定も行います。

（45ページ参照）

選択します。デフォルト：PC表示・スマー
トフォン表示(42ページ以降参照)[アンカーメニュー専用テキスト]
アンカーメニューに表示するテキス
トを設定します。

❹❶❶[ユニットレイアウト]!

このユニットのレイアウトを3タイプから選択し、ユニットを配置します。

❸❷
黒い部分を左右にドラッグして、レイアウト幅の比率を設定します。（10〜90%）

配置可能なユニットは下の5種類です。

❷（左から）タイトルユニット、
テキストユニット、リンクユニット、
画像ユニット 2、動画ユニット[ユニットプロパティ]

!
!

[背景]
このユニット全体の背景色を設定します。デフォルト：なし[枠線]
このユニット全体の枠線の色・サイズ(px)・スタイル(solid=実線、dot=ドット)・ラウンド(px)を設定します。デフォルト：なし!

[余白]
このユニット全体のmarginとpaddingを、 PC表示用とスマートフォン表示用と各々設定します。 (px、%) デフォルト：なし

43

《操作マニュアル》
カスタムユニット 2/5（7）高機能ユニット

bingo!CMS Version1.6の特徴、画面幅100％での表示を最大限活かす為に開発されたユニットです。
レイアウトを選択し、コンテンツをドラッグアンドドロップで配置することで、多様な表現を可能にします。

[タイトル設定]!

[タイトル]（必須）タイトルとして表示する文字列を入力します。（HTML入力可）[見出しレベル]（必須）
見出しのレベルを変更します。デフォルト：h1[位置]
タイトルの表示位置を設定します。デフォルト：左寄せ[フォント]
文字色・フォント(12種類のWebフォントから選択可能)・サイズを設定します[背景]
背景色・ラウンド(px、%)を設定します。
[画像]
タイトルの頭にアイコンとして利用する（アイコン）、背景画像として利用する（背景画像）、画像自体をタイトルとして利用する（タイトル）の3タイプから選択し、ファイルを選択します。
※「ファイル選択」しない場合は、画像は表示しません。デフォルト：なし[余白]
タイトルユニットのmarginとpaddingを、PC表示用とスマートフォン表示用と各々設定します。 (px、%)

デフォルト：なし[テキスト設定]!

[テキスト]（必須）
テキストとして表示する文字列を入力します。（HTML入力可）[位置]
テキストの表示位置を設定します。デフォルト：左寄せ[フォント]
文字色・フォント(12種類のWebフォント(英字のみ)から選択)・サイズを設定します。デフォルト：スキンのフォントを使用[背景]
背景色・ラウンド(px、%)を設定します。
[余白]
テキストユニットのmarginとpaddingを、PC表示用とスマートフォン表示用と各々設定します。 (px、%)

44

デフォルト：なし

《操作マニュアル》

カスタムユニット 3/5
bingo!CMS Version1.6の特徴、画面幅100％での表示を最大限活かす為に開発されたユニットです。

（7）高機能ユニット

レイアウトを選択し、コンテンツをドラッグアンドドロップで配置することで、多様な表現を可能にします。

[リンク設定]!
!
!
!
!

[リンクテキスト]
リンクテキストとして表示する文字列を入力します。（HTML入力可）[URL]（必須）
リンク先を設定し、リンク先の開き方を設定します。
[位置]リンクテキストの位置を設定します。（左寄せ/中央/右寄せ）[アローアイコン]
オリジナルのアローアイコンを設定します。
[余白]
リンクユニットのmarginとpaddingを、PC表示用とスマートフォン表示用と各々設定します。 (px、%)デフォルト：なし[画像設定]!
!
!
!

[デフォルト時]（必須）
デフォルト時の画像を設定します。
[ホバー時]
ホバー時の画像を設定します。
[位置]
画像の位置を設定します（左寄せ/中央/右寄せ）デフォルト: 左寄せ[サイズ]
画像のサイズをオリジナルサイズで表示するか、指定のサイズを設定するか選択します。

!

[ラウンド]
画像をラウンドにする場合に、角丸の半径を設定します。
デフォルト：なし

!
!

[背景色]
画像の背景色を設定します。デフォルト：なし[画像設定／続き]

ライトボックスで表示・・・アップロードされた画像を同ウィンドウ

!
!
!

内に表示

キャプションの位置を設定します。（左寄せ/中央/右寄せ） 画像の上から（又は下から）ど

リンク・・・指定したURLへリンクさせます。URLは「リンク先の位置(%)に表示するか設定します。デフォルト：左寄せ

URL」に入力します。

!

[フォント]

デフォルト：なし!

文字色・フォント(12種類のWebフォント(英字のみ)から選択)・サイズ(px、%、em)を設定[URL]します。デフォルト：スキンのフォントを使用「クリック時の動作」にて、「リンク」を設定した場合に、リンク先[背景][クリック時の動作]
画像クリック時の動作を選択します。

[キャプション]なし・・・何もしません。（リンクしません）[テキスト]

ポップアップで表示・・・アップロードされた画像を別ウィンドウで画像共に表示する画像の説明を入力します。

表示。

[位置]

!
!

URLを設定します。

キャプションの背景色と透過度を設定します。デフォルト：なし!

[代替テキスト][余白]

画像の代わりに表示される文字列を入力します。画像を表示しないブ

リンクユニットのmarginとpaddingを、PC表示用とスマートフォン表示用と各々設定しま

ラウザに考慮し、入力しておくことをおすすめします。

す。 (px、%)デフォルト：なし

45

《操作マニュアル》

カスタムユニット 4/5
bingo!CMS Version1.6の特徴、画面幅100％での表示を最大限活かす為に開発されたユニットです。

（7）高機能ユニット

レイアウトを選択し、コンテンツをドラッグアンドドロップで配置することで、多様な表現を可能にします。

[動画設定]!

[動画URL]（必須）youtube又はvimeoの埋め込みたい動画の共有URLを貼り
付けます。

!

[オプション]ポップアップで表示するか、自動再生させるか(PCのみ)を設定します。デフォルト：なし!

[余白]
動画ユニットのmarginとpaddingを、PC表示用とスマー
トフォン表示用と各々設定します。 (px、%)
デフォルト：なし

46

《操作マニュアル》

カスタムユニット 5/5
bingo!CMS Version1.6の特徴、画面幅100％での表示を最大限活かす為に開発されたユニットです。

（7）高機能ユニット

レイアウトを選択し、コンテンツをドラッグアンドドロップで配置することで、多様な表現を可能にします。

[アニメーション設定]!

[アニメーショントリガー]
ユニットのアニメーションが動作するきっかけを設定します。（スクロール／クリック／マウスホバー）デフォルト：スクロール!

[動作開始位置]
アニメーションが動作し始める位置を設定します。(px)
ユニットが表示される前に動作させる場合には、0以上を設定します。
ユニットが表示されてから動作させる場合には、マイナスで設定します。
デフォルト：200px!

[動作開始遅延間隔]
アニメーション動作の開始の前の静止時間を設定します。「s」は1秒を表しています。デフォルト：0s!

[動作時間]
アニメーション動作の速度を設定します。「s」は1秒を表しています。
デフォルト：1s!

[イージング設定]
動き（アニメーション）を設定します。
各動きについては「bingo!CMSオフィシャルサイト Technical
Information」（ http://www.bingo-cms.jp/technical̲info/ )をご参照く
ださい。
デフォルト：ease!

[繰り返し設定]
初回トリガーのみアニメーションを動作させるか、繰り返し動作させるか設定します。デフォルト：初回のみ動作させる!

[3D変形の奥行き]
3D変形の遠近効果を調節する際に、奥行きの深さを設定します。
デフォルト：0px[トランスフォーム設定（位置・変形・カラー）]
ユニット表示時の位置・変形・カラーの変更を設定をします。
詳しい動きは「bingo!CMSオフィシャルサイト Technical Information」（ http://www.bingo-cms.jp/technical̲info/ )をご参照ください。
X：水平方向、Y：垂直方向、Z：奥行方向[リセットボタン][移動]

ユニットが移動します。(px)[スケール]

ユニットのサイズが変わります。（%）

!
!
!
!
!
!
!

設定をデフォルトの状態に戻します。

[回転][傾斜変形]
[透過度]
[背景]
[枠線]

!
!
!
!
!
!

デフォルト：X:100% Y:100% Z:100%
ユニットが回転します。（deg=角度）
ユニットが傾斜に変形します。(deg=角度)
ユニットの透過度を設定します。(%)

デフォルト：100%

ユニットの背景色を設定します。
ユニット周りの枠線の色を設定します。

※[スケール]・[透過度]以外のデフォルト値は、全て0(px/deg/%)です。

47

《操作マニュアル》

スライドショー 1/2
画面幅100%表示に対応したリンク対応のスライドショーです。

（7）高機能ユニット

画像のほか、動画をスライドに加えることができ、自動再生、ポップアップ再生が設定できます。

[ユニット設定]※47ページの設定例をご参照ください。

!!
[基本設定]!
[基本設定]

このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。デフォルト：PC表示・スマートフォン表示!
!

[アンカーメニュー専用テキスト]
アンカーメニューに表示するテキストを設定します。
[コントロール]
ナビゲーションや、ページャーの表示／非表示を設定します。
画像ファイルをデフォルト：ナビゲーションを表示・ページャーを表示

選択します[ページャータイプ]!

「ページャーを表示」を選択した場合、パレット（ドット）、もしくはサムネイ
ル画像を選択します。デフォルト：パレット

位置を移動

!

します

ページャータイプを「パレット」に選択した場合、ドットナビゲーションの色をスライドの[ドットナビゲーション]
ノーマル時・アクティブ時で設定できます。
[左右矢印ナビゲーション]「ナビゲーションを表示」に設定した場合、左右の矢印ナビゲーションをオリジ

スライドをナルの画像に設定できます。

追加します[クリック時動作][スライドショー画像・動画設定]

!
!
!
!

[アニメーション設定]!

[トランジション][画像・動画設定][代替テキスト]
各スライドの代替テキスト（ALT）を設定します。
[クリック時動作]
ポップアップで表示／ライトボックスで表示／リンクの選択ができます。

スライドの切替りの効果を設定します。
horizontal＝右から左へのスライド[キャプション]!
!

vertical＝上から下へのスライド[テキスト]
表示したいテキストを入力します。HTML入力可能です。

左寄せ／中央寄せ／右寄せを選択します。スライドのどの位置にキャプションを表示させる

クリック時の動作で「リンク」を選択した場合、リンク先URLを設定します。

か設定します。デフォルト：左寄せ

スライド動作の速度を設定します。「ms」は1000分の1秒を表しています。
1000ms=1秒です。

!

（画像のみ）!

[動画URL]

文字色、フォント(12種類のWebフォント(英字のみ)から選択)、サイズを設定します。

スライドに動画を入れる場合、動画URLを入力し、ポップアップで再生させデフォルト：スキンのフォントを使用[動作開始遅延間隔][フォント]

1つのスライドに対しての静止時間を設定します。「ms」は1000分の1秒を表しています。1000ms=1秒です。

!

るか設定します。

!

[公開期間]

キャプションの背景色と透過度を設定します。

!

!

[動作時間][位置][リンクURL]!

fade＝次の画像のフェードイン

[イージング設定][背景色]

スライドの公開期間を設定します。

スライドが切り替わる際の、動き（アニメーション）を設定します。
各動きについては「bingo!CMSオフィシャルサイト Technical Information」（
http://www.bingo-cms.jp/technical̲info/ )をご参照ください。

48

《操作マニュアル》

スライドショー 2/2
画面幅100%表示に対応したリンク対応のスライドショーです。

（7）高機能ユニット

画像のほか、動画をスライドに加えることができ、自動再生、ポップアップ再生が設定できます。

!

!

[デザインオプション]!

[下方スペース]
ユニット下方スペースの高さを設定します。デフォルト：標準[スマートフォン設定]!

[ページャータイプ]
スマートフォンサイトにて表示時にこのユニットをパレット（ドット）、もしくはサムネイル画像のいづれかの表示を選択します。デフォルト：パレット!
!

[左右矢印ナビゲーション]
スマートフォンサイトでの 左右の矢印ナビゲーションをオリジナルの画像に設定できます。デフォルト：なし[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。デフォルト：標準

スライドショー例（表示）スライドショー例（設定）49

《操作マニュアル》

フォトギャラリー 1/2
素材管理と連動したレスポンシブレイアウトに対応したタイル形式のフォトギャラリーユニットです。

（7）高機能ユニット[ユニット設定]※49ページの設定例をご参照ください。

!

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。デフォルト値：PC表示・スマートフォン表示

!
!
!
!
!
!
!
!

[アンカーメニュー専用テキスト]
アンカーメニューに表示するテキストを設定します。
[ラベル選択]（必須）
素材管理で設定している「ラベル」を選択します。
[画像サイズ（幅）]（必須）表示する画像の幅を設定します。10px〜1000pxまで可能です。デフォルト：80px[表示数]（必須）
始めに表示する画像の数を設定します。デフォルト：10枚[最大表示数]（必須）ページングで表示していく画像の最大表示数を設定します。デフォルト：50枚[余白]（必須）
画像間の余白を設定します。0px〜100pxまで設定可能です。デフォルト：10px[背景色]（必須）
ギャラリーの背景色を設定します。 透過／非透過を設定します。
[ページングタイプ]
ページングの方法を、ボタンによる操作とスクロールによる自動読み込みを選択します。
デフォルト：ボタン!

[ページング任意テキスト]
ページングタイプを「ボタン」に設定した場合に、任意のテキストを設定できます。
デフォルト：もっと見る!
!

[ページング画像]
ページングタイプを「ボタン」に設定した場合に、任意の画像を設定できます。
[ページング画像（ホバー時）]
ページングタイプを「ボタン」に設定した場合に、任意のホバー時の画像を設定できます。

[画像設定]!
!
!
!

[サムネイル表示方法] サイズに合わせて表示（画像サイズに合わせて上下に余白を空ける）か、領域を埋めるように表示（縦横の画像間に隙間なく画像を並べる）を設定します。 デフォルト：サイズに合わせて表示[表示順][ファイル名]!
!

画像の表示順を、昇順か降順の選択ができます。 デフォルト：昇順[画像拡大時]

画像拡大時に表示する文字のサイズ、表示位置、頭の0の非表示、拡張子の非表示設定を行います。

[枠線]

画像の回りの枠線の非表示／表示、太さ、色の設定します。デフォルト：非表示

!
!

!
!

[透かし画像(拡大時)] 画像コピー防止のためにオーバーレイ表示（例えば「Don't Copy」などの文字が入った透かし画像）を設定します。デフォルト：非表示

ホバー時にファイル名の表示／非表示を選択できます。デフォルト：非表示

50

《操作マニュアル》

フォトギャラリー 2/2
素材管理と連動したレスポンシブレイアウトに対応したタイル形式のフォトギャラリーユニットです。

（7）高機能ユニット[デザインオプション]!

[下方スペース]
PCサイトでのユニット下方スペースの高さを設定します。

デフォルト：標準!
[スマートフォン設定]!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。

フォトギャラリー例（表示）フォトギャラリー例（設定）51

デフォルト：標準

《操作マニュアル》

表（n行 n列）1/2
列数・行数に制限のない表（テーブル）を作成できるユニットです。

（7）高機能ユニット[ユニット設定]!

※51ページの設定例も合わせてご参照ください。

[基本設定]
このユニットをPCで表示するか、スマートフォンで表示するか、両方で表示するかを選択します。デフォルト：PC表示・スマートフォン表示!

[見出し位置]
表の見出し（th）の位置を設定します。
・列名を表示する＝一番上の横の列を見出し(th)扱いとし、色がつきます。
・１列名を見出しにする＝一番左の縦の列を見出し(th)扱いとし、色がつきます。
デフォルト：なし!

[列の設定]（必須）列の項目名：横に並ぶ1列目の項目名を設定します。
列幅：列の幅を設定します。 デフォルト：自動追加ボタン：列を追加します。

!

[行の設定]（必須）<tr>の設定です。
追加ボタン：列を追加します。

!!
!!

<td>の設定です。

[削除ボタン]
列や行を削除します。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
ユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準[スマートフォン設定]

!

[背景色]
スマートフォンサイトでのユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[枠線]
スマートフォンサイトでのユニットを囲む枠線の表示有無と表示形式を選択します。
デフォルト：なし!

[下方スペース]
スマートフォンサイトでのユニット下方スペースの高さを設定します。
デフォルト：標準52

《操作マニュアル》

表（n行 n列）2/2
列数・行数に制限のない表（テーブル）を作成できるユニットです。

（7）高機能ユニット

表（n行 n列）例（表示）表（n行 n列）例（設定）53

《操作マニュアル》（8）ユニット一覧

デザインユニット

機能ユニットクリップボード

連載記事一覧用ユニット!

連載記事とは、ニュースシステムのようなものを実装するためのユニットです。時系列で記事が増えていく「ニュース」、「新着情報」のようなものをイメージしてください。
お知らせ情報や日記の他、レストランなどでは季節ごとのメニューなどにも工夫次第で利用可能です。一つのメニュー内に複数のページが作成する場合、このユニットを使用すると 日々
新規作成されるページ（記事）を「記事一覧」として時系列でリスト表示することができます。
一覧表示する記事はメニュー単位で選択できます。また、同じメインメニューであれば、サブメニュー内のページを全てひっくるめて一覧表示することもできます。
一覧表示する記事の内容は必ずしも時系列にこだわった記事である必要はありません。使い方によりいろいろな用途で使用できます。
※）リスト表示できるページは、メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューのみです。
「連載記事ページ」を作成していないメニューをリスト表示することはできません。

高機能ユニット54

《操作マニュアル》!

（9）モバイルコンテンツ生成アプリ

マーキー
画面上を右から左へ流れるテキストを設定できるユニットです。

[ユニット設定]!

[タイトル]（必須）
入力したテキストが画面上を右から左へ流れます。

[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準55

《操作マニュアル》!

（9）モバイルコンテンツ生成アプリ

タイトル
記事のタイトルを記述する際に利用できるユニットです。

[ユニット設定]!

[タイトル]（必須）タイトルとして表示する文字列を入力します。

!

[表示位置]
タイトルの表示位置を設定します。
デフォルト：左寄せ[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準56

《操作マニュアル》!

（9）モバイルコンテンツ生成アプリ

最新記事表示
お知らせ情報や日記等、一つのメニュー内に複数のページが作成される場合日々新規作成されるページを時系列にリスト表示するユニットです。 リスト表示できるページは、メニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニューのみです。「連載記事ページ」を作成していないメニューをリスト表示することはできません。

[ユニット設定][メニュー]（必須）
どのメニューのページをリスト表示するか選択します。ここではメニュー＆ページ管理で「連載記事ページ管理」タブを選択し連載記事ページを作成したメニュー
意外も選択できますが、連載記事リスト内には表示されません。 グローバルメニューを選択するとローカルメニューが表示されるので、リスト表示するローカル
メニューを選択します。複数のローカルメニューがある場合、選択はいくつでも可能です。この場合それぞれのローカルメニューに登録された記事をまとめて時系列に表示します。

!

[連載記事ラベル]
ラベルが適用された連載記事ページを選択します。
[表示開始件数]
何番目の記事からリスト表示するかを設定します。

デフォルト：１[表示情報件数設定]
表示する記事の件数を設定します。
[NEWアイコン]

デフォルト：20件[NEWアイコン表示期間]

リストにNEWアイコンを表示する場合は「表示」を選択し、公開日からいつまでアイコンを表示するか期間を入力します。

表示期間デフォルト値：７日[ページング]「表示情報件数設定」で設定した件数を超える記事がある場合に、ページングナビゲーションを表示する場合は「表示」を選択します。
[一覧用テキスト]
リストに記事タイトルの他、記事の説明を表示する場合は「表示」を選択します。ここに表示される説明は、「ページ設定」画面で設定した「ページ概要文章」です。
[公開日]
記事（ページ）の公開日を表示する場合は「表示」を選択します。公開日は「ページ設定」画面で設定した「公開期間」の日付です。

!

[表示順]（必須）
表示順を設定します。

「公開日の昇順」・・・公開日が古い記事から表示「公開日の降順」・・・公開日の新しい記事から表示[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。※背景色はテンプレートにより異なります。

!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準

57

デフォルト：なし

《操作マニュアル》!

（9）モバイルコンテンツ生成アプリ

画像
画像のみを表示させるユニットです。
クリック時のアクションとしてリンク先URLへジャンプさせることもできます。

[ユニット設定]!

[ファイル選択]（必須）表示する画像を設定します。登録できる画像はjpg、gif、pngです。

!

[ファイル選択]ボタン
素材管理画面が別ウィンドウで開きます。
新規ファイルを追加、もしくは既存のファイルを選んで、[ファイルを取り込む]ボ
タンをクリックします。

!

[表示位置]
画像の表示位置を設定します。
デフォルト：左寄せ!

[表示サイズ]
画像の表示サイズを設定します
デフォルト：１００％※未入力の場合は幅１００％にて表示されます。

!

[リンク先URL]
画像クリック時のジャンプ先を入力します。

[デザインオプション]!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準58

《操作マニュアル》（9）モバイルコンテンツ生成アプリ

テキスト
文章を入力するユニットです。

[ユニット設定]!

[テキスト]（必須）表示する文章を入力します。
※htmlタグを入力する場合は、閲覧する携帯端末のhtmlの使用を十分把握した上で入力するようにしてください[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準59

《操作マニュアル》（9）モバイルコンテンツ生成アプリ

罫線罫線を挿入するユニットです。

[ユニット設定]!

[ボーダー太さ]（必須）
ボーダーの太さを設定します
デフォルト：3px!

[ボーダー色]（必須）
ボーダー色を設定します。

[デザインオプション]!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準60

《操作マニュアル》（9）モバイルコンテンツ生成アプリ

メニューリンク
クリックすることでリンク先へジャンプするメニューを作成するユニットです。

[ユニット設定]!

[表示位置]
表示位置を設定します。

!

[表示テキスト]（必須）表示テキストを入力します。

!

[リンク先URL]（必須）メニュークリック、あるいはアクセスキークリック時のジャンプ先を設定します。

!

[アクセスキー]（必須）クリックすることでリンク先URLへジャンプするキーを設定します。
デフォルト：なし（・表示）[デザインオプション]

!

[背景色]
ユニット背景色の表示有無を選択します。
※背景色はテンプレートにより異なります。
デフォルト：なし!

[下方スペース]
ユニット下方スペースの高さを設定します。
デフォルト：標準61