Digit@Link CMS2 · 3-2. サイドメニュヸ 3-2-1. home 「home」をクリックすると、 ①...

1

http://www.startialab.co.jp

2012/10/12 Ver. 3.0.0

Digit@Link CMS2 ホームページ操作マニュアル

Contents

Management

System

2

1. 目次

1.1.1.1. 目次目次目次目次............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................2222

2. CMS2. CMS2. CMS2. CMS とはとはとはとは ........................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................5555

2-1. Digit@link CMS2 について......................................................................................................................................... 5

2-2. Digit@Link CMS2 の基本操作 .................................................................................................................................... 6

2-3. 管理画面へのアクセス............................................................................................................................................... 7

2-4. 動作環境 ......................................................................................................................................................................... 8

2-5. 使えるショートカットコマンド一覧..................................................................................................................... 9

3.3.3.3. 操作画面説明操作画面説明操作画面説明操作画面説明............................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 10101010

3-1. ヘッダメニュー ..........................................................................................................................................................11

3-2. サイドメニュー ..........................................................................................................................................................12

3-2-1. HOME....................................................................................................................................................................12

3-2-2. ページ管理..........................................................................................................................................................14

3-2-3. ユーザー – ユーザー一覧................................................................................................................................15

3-2-4. ユーザー – 新規追加.......................................................................................................................................19

3-2-5. ユーザー – プロフィール編集..........................................................................................................................21

3-2-6. ユーザー – 権限別利用可能機能一覧......................................................................................................23

3-2-7. 設定 – サイト設定............................................................................................................................................26

3-2-8. 設定 – ワークフロー設定................................................................................................................................27

3-2-9. その他 – 文字列検索・置換..........................................................................................................................28

3-2-10. その他 – リンクチェック................................................................................................................................29

3-2-11. その他 – RSS 管理 .......................................................................................................................................30

3-2-12. その他 – バックアップ ..................................................................................................................................31

3-2-13. その他 – エクスポート...................................................................................................................................32

3-2-14. 再構築 ..............................................................................................................................................................33

4.4.4.4. ページページページページ管理画面管理画面管理画面管理画面詳細詳細詳細詳細............................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 34343434

5.5.5.5. ページページページページ設定画面詳細設定画面詳細設定画面詳細設定画面詳細............................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 38383838

5-1. ページ設定画面（ページ複製画面その他）......................................................................................................38

6.6.6.6. ページページページページ編集機能詳細編集機能詳細編集機能詳細編集機能詳細............................................................................................................................................................................................................................................................................................................................................................................................................................................................................ 41414141

6-1. 編集モード使用の流れ.............................................................................................................................................41

6-2. ページ閲覧画面 ..........................................................................................................................................................42

6-2-1. ブロックツール....................................................................................................................................................44

6-3. 文字入力の際の注意事項.........................................................................................................................................45

6-3-1. 「改行」に関する注意事項 .............................................................................................................................45

6-3-2. 「フォント（文字の字体）」に関する注意事項...............................................................................................46

6-3-3. ワードで作成した文章をコピー＆貼り付けする際の注意事項...................................................................46

3

6-4. 編集ツールの使用方法.............................................................................................................................................46

6-4-1. 編集ツール機能一覧.....................................................................................................................................46

6-4-2. 編集ツールの基本的な使い方 .......................................................................................................................48

6-5. 文字の編集・装飾 .....................................................................................................................................................48

6-5-1. 文字を太字にする.............................................................................................................................................48

6-5-2. 文字を斜体にする.............................................................................................................................................49

6-5-3. 文字に下線をひく..............................................................................................................................................50

6-5-4. 文字に打消し線を入れる.................................................................................................................................50

6-5-5. 文字（フォント）サイズの変更 ...........................................................................................................................51

6-5-6. 文字に色をつける.............................................................................................................................................52

6-5-7. 文字に背景色をつける ....................................................................................................................................52

6-5-8. 番号なしリスト／番号つきリストを作成する..................................................................................................53

6-6. 文字/画像を装飾.......................................................................................................................................................54

6-6-1. 文字/画像にリンクを貼る...............................................................................................................................54

6-6-1-1. 外部サイトへリンクを貼る ..............................................................................................................56

6-6-1-2. ページの途中を開かせるリンクの設置（=アンカーリンク）..............................................57

6-6-2. 文字/画像の位置を左揃え、中央揃え、右揃えにする..............................................................................59

6-6-3. 文字/画像の切り取り......................................................................................................................................60

6-6-4. 文字/画像のコピー...........................................................................................................................................62

6-6-5. 文字/画像の貼り付け .....................................................................................................................................62

6-6-6. 文字/画像のインデント....................................................................................................................................62

6-6-7. 元に戻す/やり直す...........................................................................................................................................63

6-7. 画像・フラッシュや動画の挿入...........................................................................................................................64

6-7-1. 画像をページに表示させる..............................................................................................................................64

6-7-2. ファイルをアップロードするか、既にアップロードしている画像を挿入する...............................................64

6-7-3. 画像の URL を直接して画像を挿入する.......................................................................................................66

6-7-3-1. 画像の表示サイズを変える ..............................................................................................................66

6-7-4. フラッシュや YouTube,GoogleMap の挿入...................................................................................................68

7.7.7.7. 新規新規新規新規フォームフォームフォームフォーム作成機能詳細作成機能詳細作成機能詳細作成機能詳細 ........................................................................................................................................................................................................................................................................................................................................................................................................................ 72727272

7-1. お問い合わせフォーム編集画面...........................................................................................................................74

7-1-1. お問い合わせフォーム編集..............................................................................................................................75

7-1-2. お問い合わせフォーム編集詳細設定 .........................................................................................................81

7-1-3. お問い合わせフォーム編集確認画面 .........................................................................................................85

7-2. アンケートフォーム編集画面 ...............................................................................................................................86

7-2-1. アンケートフォーム編集.....................................................................................................................................87

7-2-2. アンケートフォーム編集詳細設定.................................................................................................................94

7-2-3. アンケートフォーム編集確認画面.................................................................................................................96

7-3. 簡易 EC フォーム編集画面.....................................................................................................................................97

7-3-1. 簡易 EC フォーム編集.......................................................................................................................................98

7-3-2. 簡易 EC フォーム編集詳細設定............................................................................................................... 105

7-3-3. お問い合わせフォーム編集確認画面 ...................................................................................................... 109

7-4. 新規ページの追加の流れ..................................................................................................................................... 110

4

8.8.8.8. ホームページホームページホームページホームページ更新更新更新更新のののの基本的基本的基本的基本的なななな流流流流れれれれ ............................................................................................................................................................................................................................................................................................................................................................111111111111

8-1. バックアップをとる ..............................................................................................................................................111

8-2. 「編集モード」からの編集 .................................................................................................................................112

8-3. 編集モードにおける修正作業の“適用”.......................................................................................................115

8-4. 「再構築」を選択し、完全に管理ページを公開画面に同期させる.......................................................116

8-5. 公開画面で更新内容の確認 .................................................................................................................................116

8-6. 編集ツールその他の機能 ...................................................................................................................................118

8-6-1. TinyMCE についての情報を閲覧する..........................................................................................................118

8-6-2. HTML ソースエディタを開く............................................................................................................................119

9.9.9.9. そのそのそのその他他他他（（（（おおおお役立役立役立役立ちちちち・・・・サポートサポートサポートサポート情報情報情報情報））））............................................................................................................................................................................................................................................................................................................................120120120120

9-1. パスワードを忘れた場合......................................................................................................................................120

9-2. 各拡張メニュー（お役立ちリンク）................................................................................................................123

9-3. エラーが発生した場合..........................................................................................................................................124

9-4. ウェブ版ＣＭＳマニュアルを閲覧する。.......................................................................................................124

9-5. 著作権について .......................................................................................................................................................124

9-6. カスタマーサポートへのお問い合わせ ...........................................................................................................125

5

2. CMS とは

CMSとは、Contents Management Systemの略語で、ホームページのコンテンツを構成す

る文章や画像を一元的に保存・管理するソフトウェアのことです。通常、ホームページ

編集に必要なHTMLやサーバーに関する専門知識がなくても、簡単に作成・更新すること

ができます。

2-1. Digit@link CMS2 について

「Digit@Link CMS2」は、インターネット上にある管理用ページにログインすることで、

公開しているホームページの編集・修正などの更新作業が行えます。

【公開画面：誰でも閲覧可能】

【管理画面：アクセス制限付】

※Digit@Link CMS2 のプログラムには「画像の加工」機能はついておりませんので、新規画像の

追加、差替え作業の際には、事前に画像ファイルをご用意いただく必要があります。

インターネット上で管理画面にアクセス

すると、管理画面が出現します。

各ページを選択し、右クリックのメニュー

から文字・画像の追加・修正ページの追加、

メニューの並び替えなどが作業を行いま

す。

6

2-2. Digit@Link CMS2 の基本操作

管理画面へのログイン

管理メニュー

主に「ページを編集」

保存・再構築

Digit@Link CMS２の基本操作を説明します。

Digit@Link CMS２を使ってページの更新作業を行う主なステップは以下の流れに

なります。

7

2-3. 管理画面へのアクセス

貴社ホームページにアクセスします。

ブラウザのアドレスバーにカーソルを合わせ、URL の後ろに「dcmsadm/」と入力してください。

http://貴社ドメイン名

↓

http://貴社ドメイン名/dcmsadm/

入力が完了したら、キーボードの「Enter」キーを押して

（もしくは“サイトへ移動”のボタンをクリックして）接続してください。

正しく接続されると、管理画面のログインをするための「ID」「パスワード」を尋ねられます。

ユーザー名、パスワードについては、既にご連絡済みのものをご利用ください。

ユーザー名、パスワードを入力し

OK ボタンをクリックします。

8

2-4. 動作環境

Digit@Link CMS2 管理画面の動作環境は次の通りです。

OS 環境 Windows OS XP、7

MAC OS Ver.10.4 以降

ブラウザ Windows / Microsoft Internet Explorer8.0、9.0 Firefox 最新版

Mac / Firefox 最新版

※ ブラウザで JavaScript が動作するよう設定されていること

9

2-5. 使えるショートカットコマンド一覧

主にCMS MENU内の「ページを編集」で開いた「編集モード」画面上での操作になりま

すが、覚えておくと便利なショートカットコマンドをご紹介します。

コピー [Ctrl] + [C]※

貼り付け [Ctrl] + [V]※

切り取り [Ctrl] + [X]

やり直す [Ctrl] + [Z]

全て選択 [Ctrl] + [A]

削除 [DELキー]

選択した文字を太字にする [Ctrl] + [B]

選択した文字を斜体にする [Ctrl] + [I]

選択した文字に下線をつける [Ctrl] + [U]

画面全体の拡大 [Ctrl] + [マウスホイールを自分の逆側に回す]

画面全体の縮小 [Ctrl] + [マウスホイールを自分側に回す]

※ Firefox の場合、ブラウザでコピー＆ペーストが禁止されているため使用できません。

10

3. 操作画面説明

管理画面の各部分の名称について説明します。

サイドメニュー（P.12）

ヘッダーメニュー（P.11）

11

3-1. ヘッダメニュー

ヘッダに現在ログインしているユーザー名が表示されています。ユーザー名にマウスカ

ーソルを合わせるとヘッダメニューが表示されます。

【プロフィール確認】

ログインしているユーザーのプロフィールを確認できます。

【ログアウト】

管理画面からログアウトします。

【ヘルプ】

本マニュアルのダウンロード先です。

12

3-2. サイドメニュー

3-2-1. HOME

「HOME」をクリックすると、

① アクティビティ各ユーザー別の操作一覧が表示されます。

② 更新 CMS2 のバージョンの確認･バージョンの更新ができます。

が表示されます。

【アクティビティ】

アクティビティとは、ログインを行ったユーザーが、どのような作業を CMS 内で行っ

たかの履歴です。

この機能により、不正なログインを発見したり、業務管理として、作業者の作業内容

を後日確認することが可能になっています。

13

【更新】

CMS２では、システムアップデートをユーザーの任意のタイミングで行うことが出来き

ます。アップデートが可能な場合は、下記のように表示されます。

「今すぐ更新」をクリックすると、すぐに現バージョンのバックアップが始まり、1 分

以内にアップデート情報を配信する配信サーバからアップロードデータを取得し、アッ

プデートを行います。

アップデートが出来る場合は、次のように表示されます。

アップデートが終了した場合は次のように表示されます。サイトでの使用容量によって

速度は異なりますが、早ければ 1 分、遅くとも 10 分程度で作業は終了いたします。

時間が掛かるのを好まない場合は、不要なバックアップを削除してから行うことをお

勧めします。

14

3-2-2. ページ管理

このページ管理から各ページの設定・ページの検索をすることができます。

・検索機能

・

検索機能

「絞り込み検索」機能を使用すると、全て

のページをステータスごと検索すること

ができます。

ページ名から検索できます

各ページ設定を変更できます

詳細は後述（P.23）を参照

15

3-2-3. ユーザー･ユーザー一覧

管理画面を利用するユーザーの追加・削除が行えます。またユーザー情報の変更も行え

ます。ユーザー権限を変更して管理画面の操作を制限することができます。

ユーザー権限の詳細

管理者管理画面のすべての機能が利用できます。

編集者主にページの編集に関する機能が利用できます。

閲覧者管理されているページを閲覧することができます。

ユーザー権限で絞り込み

新しいユーザーを作成したい場合は「新規ユー

ザー作成」をクリックします。

メールアドレスをクリックすると、メーラ

ーが起動します。

ユーザー種別をクリックすると、クリックしたユーザー種

別のユーザーのみを一覧に表示します。

ユーザーIDをクリックすると、ユーザー編

集画面を表示します。

16

一括操作

右クリックメニュー

右クリックメニューの詳細

削除クリックしたユーザーを削除します。

ユーザーを複製する

クリックしたユーザーをコピーして、新規ユーザーを

作成します。ユーザー情報が部分的に引き継がれた新

規ユーザー作成画面が開きます。同じような情報を持

ったユーザーをコピーすることで、新規ユーザーの追

加が簡単に行えます。

一番上のチェックボックスを選択す

ると、全てのユーザーに対して一括

で操作が可能となります。

ページ名を右クリックすると、ユーザーメニュー

が表示されます。

17

ユーザーの編集

① ユーザーIDをクリックすると、ユーザ

ー編集画面を表示します。

② 各項目を入力後、「ユーザーを編集す

る」ボタンをクリックします。

18

「ユーザーを編集画面」で設定する設定項目の詳細です。

※ユーザーID

編集するユーザーのユーザーID が表示されます。新規

ユーザー追加時に登録したユーザーID を変更すること

はできません。

プロフィール画像

プロフィールに表示する画像を登録します。

使用できる画像形式は JPEG、PNG、GIF になります。

画像サイズは縦横比 1:1 を推奨します。

※ユーザー名（表示名）

ユーザー名を入力します。アクティビティ等、管理画

面の各種ページで表示される名称です。

※メールアドレス

メールアドレスを入力します。管理画面の利用時にシ

ステムより自動送信される各種メールの宛先となりま

す。

※名前氏名を入力します。

※パスワード

ログインパスワードを入力します。各ユーザーはプロ

フィール編集画面で自身のログインパスワードを設定

できますが、管理者はすべてのユーザーのパスワード

を変更することが可能です。

※パスワード（確認用）

ログインパスワード（確認用）を入力します。設定す

るパスワードに入力ミスがないかを確認するために使

用します。

パスワード強度

入力したパスワードの安全性を 3 段階（弱い＜普通＜

強い）で表示します。強いパスワードを設定すること

を推奨します。

※ユーザー権限

ユーザー権限（管理者、編集者、閲覧者）を選択しま

す。利用するユーザーに適したユーザー権限を設定す

る必要があります。

プロフィール情報

プロフィール情報を入力します。ユーザーが所属する

部門等、ユーザーに関する情報をメモとして入力しま

す。

※必須項目

19

3-2-4. ユーザー･新規追加

管理画面を利用するユーザーの追加・削除が行えます。またユーザー情報の変更も行え

ます。

20

「新規ユーザーを追加画面」で設定する設定項目の詳細です。

※ユーザーID

ユーザーID を入力します。ユーザーID は管理画面にロ

グインする際のログイン ID として使用されます。











す。


※パスワード








用します。












す。

※必須項目

21

3-2-5. ユーザー･プロフィール編集

ログイン中のユーザーのプロフィールを変更できます。

22

「ユーザープロフィール画面」で設定する設定項目の詳細です。

※ユーザーID

編集するユーザーのユーザーID が表示されます。新規

ユーザー追加時に登録したユーザーID を変更すること

はできません。











す。


※パスワード








用します。












す。

※必須項目

23

3-2-6. ユーザー – 権限別利用可能機能一覧

管理者、編集者、閲覧者という権限別に、本システム上で利用できる機能は

異なります。その一覧を次のページに一覧にしております。

（本マニュアルは基本的に管理者での利用を想定して説明を行っておりま

す。）

なお、それぞれの権限が想定する役割は、次の通りとなっております。

権限名権限名権限名権限名概要概要概要概要想定想定想定想定するするするするユーザーユーザーユーザーユーザーのののの組織組織組織組織でのでのでのでの立場立場立場立場やややや能力能力能力能力、、、、役割役割役割役割

管理者管理者管理者管理者全全全全てのてのてのての機能機能機能機能がががが利用利用利用利用できるできるできるできる WEBWEBWEBWEB サイトサイトサイトサイトのののの責任者責任者責任者責任者、、、、サイトサイトサイトサイトのののの状態状態状態状態（（（（表示表示表示表示））））をををを変変変変えるえるえるえる決決決決

定権定権定権定権をををを組織組織組織組織でででで持持持持つつつつ人人人人。。。。

もしくはもしくはもしくはもしくは、、、、ユーザーユーザーユーザーユーザーをををを分分分分けるまでもなくけるまでもなくけるまでもなくけるまでもなく、、、、1111 アカウントアカウントアカウントアカウントよよよよ

りりりり多多多多くのくのくのくのアカウントアカウントアカウントアカウントをををを必必必必要要要要としないとしないとしないとしない組織組織組織組織のののの場合場合場合場合ののののアカアカアカアカ

ウントウントウントウント

編集者編集者編集者編集者ページページページページ編集関連編集関連編集関連編集関連のののの作業作業作業作業のみのみのみのみ行行行行えるえるえるえる。。。。

それをそれをそれをそれを公開公開公開公開することはすることはすることはすることは出来出来出来出来ないないないない。。。。

デザイナーデザイナーデザイナーデザイナー、、、、ライターライターライターライターなどなどなどなど、、、、実際実際実際実際にににに文章文章文章文章やややや、、、、画像画像画像画像をををを作作作作

成成成成しししし、、、、WEBWEBWEBWEB ページページページページをををを作成作成作成作成するするするする人人人人。。。。

WEBWEBWEBWEB サイトサイトサイトサイトをををを作成作成作成作成するするするする技術技術技術技術はははは持持持持っているがっているがっているがっているが、、、、作成作成作成作成したしたしたした

ページページページページをををを公開公開公開公開するするするする決定権決定権決定権決定権をををを持持持持っていないっていないっていないっていない人人人人。。。。

閲覧者閲覧者閲覧者閲覧者変更変更変更変更はははは行行行行えないえないえないえない。。。。

CMSCMSCMSCMS のののの状態状態状態状態をををを確認確認確認確認だけできるだけできるだけできるだけできる。。。。

想定想定想定想定されるされるされるされる利用者利用者利用者利用者、、、、おおおお問問問問いいいい合合合合わせわせわせわせフォームフォームフォームフォームののののオペレーオペレーオペレーオペレー

タタタタががががフォームフォームフォームフォームのののの状態状態状態状態をををを確認確認確認確認、、、、取得取得取得取得するするするする場合場合場合場合やややや、、、、

ITITITIT リテラシーリテラシーリテラシーリテラシーのののの低低低低いいいい上級職上級職上級職上級職がががが、、、、ワークフローワークフローワークフローワークフローのののの状態状態状態状態をををを

確認確認確認確認するためにするためにするためにするために確認確認確認確認だけしただけしただけしただけしたいいいい場合場合場合場合などになどになどになどに用用用用いるいるいるいる。。。。

24

大項目大項目大項目大項目中項目中項目中項目中項目小項目小項目小項目小項目機能機能機能機能・・・・動作動作動作動作管理者管理者管理者管理者編集者編集者編集者編集者閲覧者閲覧者閲覧者閲覧者

アクティビティアクティビティアクティビティアクティビティ ○ ○ ○ HOMEHOMEHOMEHOME

更新更新更新更新 ○ × ×

閲覧閲覧閲覧閲覧（（（（ページページページページ管理画面管理画面管理画面管理画面がががが開開開開けるけるけるける）））） ○ ○ ○

新規追加新規追加新規追加新規追加 ○ ○ ×

サイトサイトサイトサイト公開非表示公開非表示公開非表示公開非表示 ○ × ×

一覧操作一覧操作一覧操作一覧操作

メニューメニューメニューメニュー表示非表示表示非表示表示非表示表示非表示 ○ × ×

ページページページページをををを編集編集編集編集するするするする（（（（閲覧画面閲覧画面閲覧画面閲覧画面へへへへ）））） ○ ○ ○

下下下下ににににページページページページをををを作成作成作成作成するするするする ○ ○ ×

ページページページページをををを複製複製複製複製するするするする ○ ○ ×

下下下下ののののページページページページもももも全全全全てててて複製複製複製複製するするするする ○ ○ ×

ページページページページをををを削除削除削除削除するするするする ○ ○ ×

ページページページページのののの設定設定設定設定をををを変更変更変更変更するするするする ○ ○ ×

ページページページページのののの変更履歴変更履歴変更履歴変更履歴をををを表示表示表示表示するするするする ○ ○ ×

ページページページページ一覧一覧一覧一覧

右右右右クリッククリッククリッククリック

フォームフォームフォームフォームののののレポートレポートレポートレポートをををを表示表示表示表示するするするする ○ ○ ○

編集編集編集編集するするするする ○ ○ ×

複製複製複製複製するするするする ○ ○ ×

そのそのそのその他他他他ページページページページ設定設定設定設定 ○ ○ ×

プレビュープレビュープレビュープレビュー ○ ○ ○

認証制限認証制限認証制限認証制限 ○ ○ ×

公開公開公開公開 ○ ○ ×

メニューメニューメニューメニュー表示表示表示表示 ○ ○ ×

ページページページページ閲覧画面閲覧画面閲覧画面閲覧画面

ワークフローワークフローワークフローワークフロー ○ ○ ×

保存保存保存保存 ○ ○ ×

保保保保存後存後存後存後にににに再構築再構築再構築再構築 ○ × ×

ページページページページ

ページページページページ編集編集編集編集

ブロックブロックブロックブロック編集全項目編集全項目編集全項目編集全項目 ○ ○ ×

削除削除削除削除 ○ × × 一覧一覧一覧一覧

ユーザーユーザーユーザーユーザーのののの複製複製複製複製 ○ × ×

プロフィールプロフィールプロフィールプロフィール編集編集編集編集 ○ ○※1 ○※1

ユーザーユーザーユーザーユーザー

ユーザユーザユーザユーザ新規追加新規追加新規追加新規追加 ○ × ×

サイトサイトサイトサイト設定設定設定設定 ○ × × 設定設定設定設定

ワークフローワークフローワークフローワークフロー設定設定設定設定 ○ × ×

検索検索検索検索 ○ ○ ×

置換置換置換置換 ○ ○ ×

文字列検索文字列検索文字列検索文字列検索・・・・置換置換置換置換

置換置換置換置換 ○ ○ ×

破損破損破損破損 ○ ○ ×

外部外部外部外部 ○ ○ ×

リンクチェックリンクチェックリンクチェックリンクチェック

単独単独単独単独 ○ ○ ×

新規追加新規追加新規追加新規追加 ○ ○ ×

そのそのそのその他他他他

RSSRSSRSSRSS 管理管理管理管理

削除削除削除削除 ○ × ×

25

編集編集編集編集 ○ ○ ×

保存保存保存保存 ○ ○ ×

復元復元復元復元 ○ ○ ×

バックアップバックアップバックアップバックアップ

削除削除削除削除 ○ × ×

エクスポートエクスポートエクスポートエクスポート ○ × ×

再構築再構築再構築再構築 ○ × ×

※ 印機能の一部分だけ利用可能です。

26

3-2-7. 設定 – サイト設定

ここではすべてのページに対する共通の設定をすることができます。

ページごとに異なる設定をしたい場合は、後述の P23「ページ設定」から行います。

※検索キーワードの設定や、レイアウトの設定など、重要な設定が含まれております。

専門知識がない方の場合、編集は控えていただきますようお願い致します。

詳細は後述（P.79）を参照

27

3-2-8. 設定･ワークフロー設定

ワークフロー機能に関する設定をすることができます。

詳細は別冊「ワークフロー編」を参照

http://support.labdev.net/docs/cms2_workflow_manual.pdf

28

3-2-9. その他･文字列検索・置換

サイト内における文字列の検索・置換を行います。

変更される箇所は次の通りです。

画面画面画面画面名名名名項目項目項目項目名名名名

ページページページページ設定設定設定設定ページページページページ名名名名

ページページページページ設定設定設定設定個別個別個別個別ページキーワードページキーワードページキーワードページキーワード

ページページページページ設定設定設定設定個別個別個別個別ページページページページ説明文説明文説明文説明文

ページページページページ設定設定設定設定そのそのそのその他他他他<head>領域領域領域領域

ページページページページ編集編集編集編集ブロックブロックブロックブロック内容内容内容内容

フォームフォームフォームフォーム編集編集編集編集説明文説明文説明文説明文

フォフォフォフォームームームーム編集編集編集編集（（（（アンケートアンケートアンケートアンケート））））フォームタイトルフォームタイトルフォームタイトルフォームタイトル

フォームフォームフォームフォーム編集編集編集編集おおおお客様送信用客様送信用客様送信用客様送信用メールテンプレートメールテンプレートメールテンプレートメールテンプレート

フォームフォームフォームフォーム編集編集編集編集管理者受信用管理者受信用管理者受信用管理者受信用件名件名件名件名

フォームフォームフォームフォーム編集編集編集編集管理者受信用管理者受信用管理者受信用管理者受信用メールテンプレートメールテンプレートメールテンプレートメールテンプレート

フォームフォームフォームフォーム編集編集編集編集 Thanks ページテキストページテキストページテキストページテキスト

フォームフォームフォームフォーム編集編集編集編集送信後自動送信後自動送信後自動送信後自動ジャンプジャンプジャンプジャンプ先先先先リンクリンクリンクリンク

フォームフォームフォームフォーム編集編集編集編集コンバージョンタグコンバージョンタグコンバージョンタグコンバージョンタグ

フォームフォームフォームフォーム編集編集編集編集項目名項目名項目名項目名

フォームフォームフォームフォーム編集編集編集編集（（（（アンケートアンケートアンケートアンケート））））設問文設問文設問文設問文

フォームフォームフォームフォーム編集編集編集編集入力例入力例入力例入力例

フォームフォームフォームフォーム編集編集編集編集選択肢選択肢選択肢選択肢

検索する文字を入力

置換する文字を入力

29

3-2-10. その他･リンクチェック

サイト内におけるリンクをチェックします。

「表示」のプルダウンから目的の項

目を選択し、実行します。

30

3-2-11. その他･ RSS 管理

サイトの更新情報などをまとめ、配信するための設定です。サイト内でいうところの、「新

着情報」「お知らせ」などの部分に該当します。

①「新規登録」からRSSを新しく登録します。

②各項目を入力後、作成ボタンをクリックし

ます。

31

3-2-12. その他･バックアップ

ページの編集前、サイトのバックアップを際に使用します。

バックアップデータはいくつでも保存可能ですが、バックアップデータの数だけサーバ

ーの容量を使います。

このため、必要の無いデータはこまめに削除し、最新のデータだけを残しておくことを

お勧めします。

※システムアップデート後の旧バージョンの取り扱いについて

前述の「更新」でシステムアップデートを行った後に、旧バージョンで復元した場合に

は、予期せぬ不具合が発生する場合がございます。

更新後、7 日間は、「更新」メニューから、旧バージョンに戻すことができますので、

そちらをご利用下さい。

コメントありでバックアップを行うと、

コメントが表示されてわかりやすいです

バックアップデータから復元する場合は、

復元後に「再構築」を行う必要があります

32

3-2-13. その他･エクスポート

「ページ管理」で作成したページの HTML ファイルをダウンロードできます。

※各ページ HTML は ZIP 形式で圧縮されて状態でダウンロードされます。

① エクスポート対象を選択します。

②エクスポートの対象を選択後、エクスポー

トボタンをクリックします。

33

3-2-14. 再構築

「再構築」とは、管理画面内のデータを完全に公開画面に同期させるメニューです。

CMS MENU の「ページ管理画面」の再構築を選択すると、画面が暗転し、“再構築”の画

面が表示されます。

34

4. ページ管理画面詳細

ページ管理画面の詳細です。

一番上のチェックボックスを選択す

ると、全てのページに対して一括で

操作が可能となります。

ボタン/鍵マークをクリックすると、

ページごとに操作ができます。

ページ名を右クリックすると、ページメニューが

表示されます。

ページは「ページを編集する」から行います。

白紙からページを作成したい場合は新規作成

をクリックします。

35

ページメニューアイコンの説明

公開設

定

実際に WEB 上で公開したいページはを、

公開したくない（まだ作成中などの）ページはを

設定します。

このボタンはクリックで入れ替わります。

ナビ表

示

サブナビゲーション（以下、サブナビ）の

動的ナビゲーションを組み込んでいる

サイトに用いる設定項目です。

実際にサブナビ上で公開したいページはを、

公開したくない（まだ作成中などの）ページはを

設定します。

このボタンはクリックで入れ替わります。

制限

認証

ページに Basic 認証という、

簡単な表示制限を設けることが出来ます。

のアイコンは、制限がかかっていない状態を示し、

のアイコンは制限が掛かっている状態を示します。

のアイコンは下のページもすべて制限が掛かっている

状態を示します。

いずれの場合も、クリックで設定を変更できます。

ページ

種別

のアイコンは、通常の WEB ページを示し、

のアイコンは、動的な制御を行うお問い合わせフォーム

を示しています。

アイコンですので、視覚的な意味以上の役割はありません。

編集中

表示

このアイコンは、公開されているページと管理画面上のページ

の状態が異なるページに表示されます。

再構築を行った際に、公開されている WEB ページが、管理画面

上の内容に更新・変更される対象のページを示すアイコン、と

お考え下さい。

36

個別

設定

表示

ページ設定で設定できる「その他の<head>領域」を設定してい

るページにアイコンとして表示されます。

特殊な設定をしているページであることを示しています。

37

右クリックメニューの詳細

ページを編集するクリックしたページを編集します。

下にページを作成する

クリックしたページの下の階層に、白紙のページを追

加します。

ページを複製する

クリックしたページをコピーして、新規ページを作成

します。ページ名や、ファイル名、ページの場所など

が部分的に引き継がれたページ設定画面（ページを複

製する）が開きます。同じような情報を持ったページ

をコピーすることで、ページ設定が簡単に行えます。

下のページも全て複製する

クリックしたページと、その下のページを構造を保っ

たままコピーする「階層ごと複製する」画面を表示し

ます。個別設定なども、全て引き継がれます。

その性質上、一度複製を完了してから出ないと、それ

ぞれのページの個別設定を変更できない点で、上記「ペ

ージ複製」と異なります。

ページを削除する

クリックしたページと、そのページの下の場所にある

ページを削除します。

ページの設定を変更するページの設定を変更します。

ページの変更履歴を表示する

ページの変更履歴を表示します。作成日や更新日時が

わかります。また過去に公開されていたページの内容

をプレビュー表示したり、過去に公開されていたペー

ジの内容に復元することっができます。復元できるポ

イントは、再構築を行い、ページが公開されたポイン

トのみです。

ページをひとつ上に移動する

対象のページをページ管理上の表示で一つ上に表示し

ます。一見管理画面上の表示の問題のように見えます

が、サブナビゲーションを用いてサイトを構築してい

る場合は、その表示順番と連動している設定項目とし

ての意味を持ちます。

なお、本機能では、階層を変更することは出来ません。

階層を移動したい場合は、ページ設定画面から変更下

さい。

ページをひとつ下に移動する

上が下である以外は「ページを一つ上に移動する」と

同じです。

共通パーツを追加する

dcms_common 以下のテンプレートパーツを作成しま

す。主に初期構築に用いるものです。こちらは HTML

の知識と、プログラミングのご経験がない方には編集

をお勧めしておりません。納品時に作成して納品いた

しますので、なるべく、そちらのみ利用下さい。

ワークフロー

ワークフローメッセージ画面を開きます。

※ワークフロー機能利用時のみ有効です。

38

5. ページ設定画面詳細

5-1. ページ設定画面（ページ複製画面その他）

ページ設定画面に関しては、「ページ管理」→「右クリックメニュー」→「ページの設定

を変更する」もしくは、「ページ閲覧画面」→「その他」→設定から行えます。

ここでは、ページ管理から設定を変更する方法を記載します。

このボタンからペー

ジ設定を変更します

39

こちらがページ設定画面です。

こちらで、単体のページの設定を行います。

また、この機能は、設定変更時だけでなく、複製、階層ごと複製、などいくつかの機能

で同様の画面を利用する重要な画面です。

40

ページ設定画面で設定する設定項目の詳細です。

必須項目

ページ名管理画面上で表示するページ名称です

ファイル名

物理的なファイル名です。

実際にアクセスする URL にも用いられます。

ページ種別

CMS2 のページには、大きく分けて「ページ」（通常の

WEB ページ）と「入力フォーム」を選択します。

フォームの選択を行った場合には、納品時にセットさ

れたフォーム種別をさらに選ぶ必要があります。（→新

規フォーム作成）

テンプレート選択

ページのテンプレートを選びます。

これにより、ヘッダー・フッターなど、ページの大枠

が決まります。このテンプレートを用いることにより、

同じようなページの作成が簡単になっています。

この部分の編集には、前述の共通パーツの編集が必要

です。

ページの場所を選択

ページを作る階層を設定します。設定変更時には、こ

の場所を移動することで、ページ階層の移動が行えま

す。複製の場合は、複製する階層を指定する部分にな

ります。

ページの設定を変更するページの設定を変更します。

個別設定の詳細です。

個別ページタイトル

サイト設定のタイトルではなく、設定しているページ

だけに特別なページタイトルを設定したい場合は、こ

ちらに入力します。

個別ページキーワード

サイト設定のキーワードではなく、特別なキーワード

を設定しているページだけに設定したい場合は、こち

らに入力します。

個別ページ説明文

サイト設定の説明文（discription）ではなく、設定して

いるページだけに個別の説明文を設定したい場合は、

こちらに入力します。

その他の<head>領域

サイト設定の<head>内編集領域ではなく、設定してい

るページだけに個別の設定を行いたい場合は、こちら

に入力します。また、こちらに設定を行った場合は、

ページ管理画面で設定したページにのアイコンが表

示されます。

サイト設定については後述します。

41

6. ページ編集機能詳細

前述の「ページ編集機能」について詳細を説明します。

6-1. 編集モード使用の流れ

CMS2 では、編集画面を複数のブロックを使って編集することが可能です。一つのページ

に複数の種類のブロックを設置することができます。

画面右上にある「ページを編集する」から編集画面を表示させます。

ページ名のリンクを左ダブルクリックをすると、ページ閲覧画面が表示されます。

右クリックから「ページを編集する」を選ぶと、ページ直接編集画面が開きます。


ジを編集します

42

6-2. ページ閲覧画面

ページ管理で、ページ名をダブルクリックした場合、編集モードに移行する前に、

一度閲覧画面を表示します。この画面からページを複製したり、ページ管理画面で実行

できたページの複製や、公開設定、メニュー表示設定、認証制限などを設定することが

できます。

ページ名だけでは、どのページか判断がつかないときなどに、この画面を表示させる

と便利です。

管理画面に戻ります



43

編集モードを表示させると以下のような画面になります。

編集したいブロックのあたりをクリックすると、編集画面に移行します。

「ブロックツールバー」と「編集ツール」を使用して、ページを編集します。

新規ブロックの作成

ファイルマネージャの表示

（ファイルの管理や、アップロ

ードを行う）

ブロックツールバー

編集ツール

44

右上の「その他」から、ページの設定や公開ステータスを変更することもできます。

6-2-1. ブロックツール

以下の箇所をブロックツールと呼びます。

それぞれの機能は次の通りです。

ブロックを保存

エディタモードを終了し、通常の WEB 表示に戻します。デ

ザインの確認などに利用ください。なお、右上の青い保存

ボタンクリックまで、編集は保存されていませんのでご注

意ください。

ブロックのコピ

ー

ブロックをコピーします。コピーしたブロックは、ページ

の一番下にコピーされます。

ファイルマネー

ジャ

ファイルの管理や、アップロードを行います。

１つ上に移動対象のブロックを１つ上に移動します。

１つ下に移動対象のブロックを１つ下に移動します。

新規ブロック作

成

ブロックを新規に追加します。

お気に入りに追

加

対象のブロックをお気に入りに追加します。

元に戻す編集を元に戻します。

削除対象のブロックを削除します。

45

※ 赤枠内が作業対象の中心になってきます。その上部にある、「ファイル名」「見出し」

などは更新する頻度は少ないですが、とても重要なので、認識をしておきましょう。

6-3. 文字入力の際の注意事項

編集モードにおける文字入力の際の注意事項について解説します。

6-3-1. 「改行」に関する注意事項

Enter キーを押すとワードの様に段落改行が自動処理されることがあります。

その際には一度バックスペースキーで改行を削除し、「Shift+Enter」キーを押すと、段落

処理のない状態で改行ができます。

改行をせずにスペースキーで空白を入力されるケースがあります。

ご利用のインターネットブラウザではイメージ通りのレイアウトになっていても、他の

方が他のブラウザでアクセスした際、ブラウザの違いなどによるレイアウトのズレが生

じ、閲覧してもらえない可能性があります。必ず改行を使うようにご注意ください。

編集モードでは更新したいところにカーソル

を合わせ、文字の入力や削除などの作業をした

後、適用を押すことで更新を完了します。

また、入力されている文字/画像に装飾をつけ

る、リンクを貼るなど、それまでの状態から変

化をつける際には編集ツールを使用します。

「ページ編集」を選択

更新作業

「適用」

管理画面へのログイン

段落の自動処理が発生する

改行の変りに空白を使わない

46

6-3-2. 「フォント（文字の字体）」に関する注意事項

編集画面上ではフォントの種類は変えられません。

ホームページでは原則としてゴシック体など標準的な

フォントを使います。

特殊なフォントを使うと、ホームページの閲覧者側で

文字化けする可能性があるためです。特殊なフォント

を使う場合は文字を画像として作成し表示させるのが

通例です。

6-3-3. ワードで作成した文章をコピー＆貼り付けする際の注意事項

Word や Excel、ウェブサイトからコピー＆貼り付けすると、引用元の装飾データ（文字サ

イズ、文字色、リンク設定など）を引き継いでしまうことがあります。

メモ帳などのテキスト編集ツールを開き、そこにコピー＆貼り付けることで、文字に付

随する装飾データ情報を消すことができます。その後、メモ帳で再度コピーをし、編集

モードに貼り付けするとホームページのフォーマットにあった状態で適用されます。

6-4. 編集ツールの使用方法

編集ツールの使用方法です。

6-4-1. 編集ツール機能一覧

編集ツールにある一通りの機能をご紹介します。各機能詳細については、本マニュアル

内の該当ページをご覧下さい。

アイコン

該当

ページ

対象主な機能

P.48～文字・画像「B」は太字、「I」は斜字、「U」は下線をひく。

P.50 文字文字に横線を入れ、文字列を打ち消す。

P.59 文字・画像位置を揃える。

P.51 文字文字の大きさを変える。

P.118 その他 TinyMCE の情報を閲覧する。

P.60 文字・画像文字や画像を切り取る。

フォント種類は変更できません ○ゴシックゴシックゴシックゴシック体体体体

×明朝体明朝体明朝体明朝体

×特殊特殊特殊特殊フォントフォントフォントフォント

※閲覧側で表示されない可能性

があるため。

47

P.62 文字・画像文字や画像をコピーする。

P.62 文字・画像文字や画像を貼り付ける。

P.52 文字文字の色を変える。

P.52 文字背景色をつける。

P.53 文字箇条書きのリストを作成する。

P.62 文字・画像インデントを使う。

P.63 その他作業を戻すとき、またはやり直す。

P.56 文字・画像リンクの設定を行う。(リンクを削除する。)

P.57 その他ページ内リンク用のアンカーを置く。

P.64 画像画像の挿入や変更をする。

P.119 その他 HTML のソースで編集する。

48

6-4-2. 編集ツールの基本的な使い方

編集ツールは必要な時にだけ使います。

すでに存在しているページには、制作段階で文字への装飾やレイアウトの調整、リンク

の設定などが施されていますので、これらを土台に元から存在しているデザインを流用

してページを更新していくと、編集ツールを頻繁に使わなくても作業が行えます。

※ カーソルを編集モード内で任意の箇所に置くと、そこで有効になっている編集ツール

のアイコンが反転しています。

【基本的な操作】

編集ツールを使う際には、基本的に編集モード内にある文字や画像、またはテーブル内

のセルを選択した状態で、使いたい編集ツール機能のボタンを押すという流れです。

※編集後には必ず「ブロックを保存」をクリックしてください。

6-5. 文字の編集・装飾

ここでは編集ツールを使って文字の編集・装飾を行う際の機能の詳細をご説明します。

6-5-1. 文字を太字にする

【文字の太字のイメージ】

カーソル

49

（通常）⇔ （太字）

【作業方法】

編集モードにて太字にしたい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「太字」ボタンを押します。

解除したい時は太字になっている文字を選択し「太字」を再度押すと元に戻ります。

6-5-2. 文字を斜体にする

【文字の斜体のイメージ】

（通常）⇔ （斜体）

【作業方法】

編集モード内で、斜体にしたい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「斜体」ボタンを押します。

解除したい時は斜体になっている文字を選択し「斜体」を再度押すと元に戻ります。

50

6-5-3. 文字に下線をひく

【文字の下線のイメージ】

（通常）⇔ （下線）

【作業方法】

編集モード内で、下線をひきたい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「下線」ボタンを押します。

解除したい時は下線になっている文字を選択し「下線」を再度押すと元に戻ります。

6-5-4. 文字に打消し線を入れる

【文字の打消し線のイメージ】

（通常）⇔ （打消し線）

【作業方法】

編集モード内で、打消し線を入れたい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「打消し線」ボタンを押します。

51

解除したい時は打消し線をつけた部分を選択し、「打消し線」を再度押すとすると、元に

戻ります。

6-5-5. 文字（フォント）サイズの変更

【文字のフォントサイズ変更のイメージ】

（通常）⇔ （大）

【作業方法】

編集モード内で、フォントサイズを変更したい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「フォントサイズ」を押すとプ

ルダウンメニューが開きますので、変更したいサイズを選択します。

解除したい時は文字サイズを変更した部分を選択し、再度同じ作業にて元のフォントサ

イズを選択します。

52

6-5-6. 文字に色をつける

【文字に色をつけるイメージ】

（通常）⇔ （赤）

【作業方法】

編集モード内で、色をつけたい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「文字色」ボタン右側にある▼

を押します。

解除したい時は色をつけた部分を選択し、再度同じ作業にて元の色を選択し変更します。

6-5-7. 文字に背景色をつける

【文字に背景色をつけたイメージ】

（通常）⇔ （背景赤）

【作業方法】

編集モード内で、背景に色をつけたい部分を選択します。

文字が選択されている状態のまま、編集ツールの中から「背景色」ボタンを押すと、

53

背景色の選択画面が表示されますので、変更したい色を選択します。

解除したい時は背景色をつけた部分を選択し、同じ作業にて元の色を選択し変更します。

6-5-8. 番号なしリスト／番号つきリストを作成する

【番号なしリスト／番号つきリストのイメージ】

（通常時）

（番号つきリスト）（番号なしリスト/箇条書き）

54

【作業方法】

編集モード内で、リスト化したい文字を選択します。

文字が選択されている状態のまま、編集ツールの中から「番号なしリスト」/「番号つき

リスト」ボタンを押します。

解除したい時はリスト化した文章を選択し、再度同じボタンを押すと、元に戻ります。

6-6. 文字/画像を装飾

文字にも画像にも共通して有効な編集ツール機能詳細をご説明します。

6-6-1. 文字/画像にリンクを貼る

編集モード内にて、リンクを貼りたい箇所（文字/画像）を選択します。

55

▼画像を選択した状態 ▼文字を選択した状態

文字や画像が選択されている状態のまま、編集ツールの中から「リンクの挿入/編集」ボ

タンを選択します。

リンクを設定するための画面が立ち上がります。

画面内に設けられた、①リンク URL ②ターゲット ③タイトルの設定を行います。

「リンク URL」の窓に、リンク先のアドレスを入力します。

編集画面に入った状態の URL

（/dcmsadm/）を含めてしまうと、アクセ

ス制限がかかった編集画面にリンクしてし

まい、サイト訪問者が閲覧できません。

リンクを挿入する際は、公開 URL を

確かめてからご記入ください。

①リンク先の URL を入力します。

②ターゲットを選択します。

③タイトルを入力します。

①リンク URL の設定

56

リンク先のページが開かれる際に、ページ側の設定で「この（同じ）ウィンドウで開く」

または「新しいウィンドウで開く」を選ぶことが出来ます。

タイトルとは「このリンクが何か」という情報を文字で入力しておく場所です。

各項目の入力が完了したら、「更新」ボタンを押すと、リンク設定が完了し、編集モード

画面に戻ります。

リンクの設定が正しく行なえているかどうかは、編集モード内「プレビュー」画面を立

ち上げるか、編集モード完了とする「適用」ボタンを押した後に確認します。

6-6-1-1. 外部サイトへリンクを貼る

リンク設定の応用として、外部サイトへリンクを貼る方法を説明します。

編集モードにてリンクを貼りたい文字や画像を選択し、編集ツールの「リンクの挿入/編

集」ボタンを選択します。

リンクの設定画面が開いたら、①リンク URL ②ターゲット ③タイトルの設定を一つ

一つ行ないます。

②ターゲットの設定

③タイトルとは

リンク先が貴社ホームページ内のページで

あれば、そのまま「このウィンドウで開く」

の設定がお勧めですが、

外部のホームページにリンクを貼る際は、

「新しいウィンドウを開く」を選択して、

設定することをお勧めしています。

「タイトルをきちんと入っているか」検索

結果を判断する検索エンジンロボットがチ

ェックしていると言われています。

また、ここに文字を入力するということは、

ページコンテンツ全体の文字ボリュームの

底上げにもなりますので、忘れずに入力し

ましょう。

57

最後に「挿入」ボタンを押すと設定が完了し、編集モードに戻ります。

6-6-1-2. ページの途中を開かせるリンクの設置（=アンカーリンク）

【アンカーリンクのイメージ】

通常、リンクを開くとページの冒頭部分が表示されますが、ページの途中部分など開く

場所を指定した状態のリンクを貼ることをアンカーリンクと言います。

アンカーリンクの特徴は、開く場所を指定するための目印にアンカーを設置します。

アンカーリンクが良く使われるケースとして、

・トップページからピンポイントで他ページのコンテンツに誘導する

①リンク先の URL を入力します。

②ターゲットを選択します。

③タイトルを入力します。

リンク先が外部サイトになりますの

で、「新しいウィンドウを開く」を選択して、

設定することをお勧めしています。

58

・ FAQ（よくある質問）など、ページが長くなり易く並行したコンテンツが続いて

いるページを見易くする工夫

・ページの途中や最下部などに「このページのトップに戻る」ボタンを置き、ペー

ジコンテンツの開始位置に戻るように設定する。

などが挙げられます。

※ 同じ１ページの中に、アンカーを置いてリンクを貼ることを、「ページ内リンク」と

呼ぶこともあります。

【作業方法】

編集モードにて、アンカーを打つ場所にカーソルを置き、編集ツールの「アンカーの挿

入/編集」を押します。

「アンカーの挿入/編集」画面が開いたら、“アンカー名”を入力し「更新」を押します。

“アンカー”のマークが表示されたことを確認します。

アンカーの設置が終わったら、引き続き編集モード内でアンカーリンクを貼りたい箇所

（文字/画像）を選択し、「リンクの挿入/編集」を押します。

アンカー名は必ず

半角英数字で入力して下さい。

59

「リンクの挿入/編集」画面が開いたら、「アンカー」の選択欄をクリックし、表示され

る一覧からリンクしたいアンカーを選びます。

アンカーが選択されたら、タイトルを入力し、「挿入」をおすと設置が完了し、編集モー

ドに戻ります。

6-6-2. 文字/画像の位置を左揃え、中央揃え、右揃えにする

【文字/画像の左揃え、中央揃え、右揃えイメージ】

60

※ 文字や画像が入っている枠が存在している時には、その枠内で動きます。

【作業方法】

揃えたい行の任意の場所にカーソルを置きます。編集ツールで該当するボタンを

押します。

解除する際には、同様にカーソルを置いてから再度同じボタンを押すと戻ります。

6-6-3. 文字/画像の切り取り

切り取りたい文字/画像を選択します。

編集ツールの中から「切り取り」ボタンを押すと、テキストが切り取れます。

左揃え

中央揃え

右揃え

61

※ 切り取った文字や画像は、クリップボードに残っていますので、切り取った直後に任

意の箇所にカーソルをあわせ「貼り付け」を行うことも出来ます。

62

6-6-4. 文字/画像のコピー

コピーしたい文字/画像を選択し、編集ツールの「コピー」を押します。

6-6-5. 文字/画像の貼り付け

「切り取り」または｢コピー｣した文字を貼り付けます。

コピー・切り取りした状態で、貼り付けたい場所にカーソルを置き、編集ツールの「貼

り付け」ボタンを押します。

6-6-6. 文字/画像のインデント

【インデント On/Off のイメージ】

63

（インデント OFF）⇔ （インデント ON）

インデントとは、文章/画像の始まる位置を一部の段落だけ変えられる機能です。

【作業方法】

インデントを使いたい文章内の任意の箇所にカーソルを合わせ、編集ツールの中から「イ

ンデント」ボタンを押します。

解除したい場合には、再度カーソルを合わせ、「インデント解除」を押します。

6-6-7. 元に戻す/やり直す

編集ツールの機能の使用直後や、文字の入力を行った直後に、その作業を直前の状況に

戻すには「元に戻す」を押します。一度ボタンを押すと 1 工程戻りますので、2 回・3 回

と押すと、2 工程・3 工程と戻ります。

また、工程を戻り過ぎた場合は「やり直す」ボタンを押せば、工程を１つ進めることが

できます。

※ 「やり直す」作業が無い場合には、ボタンは押せない表示になっています。

64

6-7. 画像・フラッシュや動画の挿入

本章では、画像およびフラッシュや動画の挿入についてご説明します。

6-7-1. 画像をページに表示させる

画像ファイルがファイルマネージャにアップロードされている事を確認し、「編集モー

ド」を開きます。

更新画面内で画像を表示したい場所にカーソルを置き、「画像の挿入/編集」を押します。

画像をエディタ内で利用する方法は 2 つございます。

１．ファイルをアップロードするか、既にアップロードしている画像を使う。

２．画像の URL を指定して表示をする

6-7-2. ファイルをアップロードするか、既にアップロードしている画像を

挿入する

・「ファイルをアップロード」から現在編集中のページのフォルダ階層にファイル

をアップロードする

下記のような画面が表示されますので、参照ボタンをクリックし、アップロードしたい

画像を選び、アップロードを行います。

これで、現在ページ編集を行っている階層のフォルダに画像がアップロードされ、次に

ご説明する「ファイル一覧から選択」から選択できるようになります。

参照を押して画像ファイルを選択

した後に「アップロード」ボタン

をクリック

ここをクリックすると、

ファイルマネージャにアップロー

ドされている画像一覧が出ます。

65

・ファイルを一覧から選択し、エディタ上で使用する。

ツールバーの「ファイルを一覧から選択」ボタンをクリックします。

下記のような画面が表示されますので、サイト管理画面と同様に操作し、ページで使用

したい画像をクリックして「選択したファイルを画像に指定」で画像を挿入します。

「alt 属性」などを入力し終わったら、「挿入」を押すと画像の挿入作業が完了し、編集モ

ードに移行します。

（「プレビュー」の文字をクリックすると、実際に取得される画像が確認できます。）

「画像 URL」に URL が表示され、プ

レビューで確認が可能となる。

66

6-7-3. 画像の URL を直接して画像を挿入する

エディタの「画像挿入/編集」ボタンをクリックします。

「画像の挿入/編集」が画面に表示されますので、表示したい画像の URL を直接文字入力

してください。「プレビュー」の文字をクリックすると、実際に取得される。画像が確認

できます。

6-7-3-1. 画像の表示サイズを変える

編集モード内で画像を選択し、ドラッグ操作による画像サイズの変更も出来ますが、画

像の縦・横の比率が維持されないため、以下の操作による画像サイズの変更方法を推奨

します。

【作業方法】

編集モード内で該当の画像を選択し、編集ツールの「画像の挿入/編集」を押します。

67

画像の設定画面が開いたら、「表示」タブを開きます。

「サイズ」の項目には、現状表示されているサイズが表示されますので、ここを変更後

のサイズに打ち直し、「更新」を押します。

※ 縦横比を維持した状態でサイズを変更するコツは、縦または横どちらか優先度の高い

方のサイズのみ入力し、もう一方の入力欄を一回クリックするだけにします。

すると、先に入力された数字にあわせて、適切なサイズ（数値）に自動変換されます。

68

6-7-4. フラッシュや YouTube,GoogleMap の挿入

フラッシュや動画ファイルをお持ちの場合、ページコンテンツとして埋め込み表示させ

ることが出来ます。

「ホームページで動画を見せる」という表現には、

・ホームページから動画にリンクが貼ってあり、クリックすると Media Player など

の再生ソフトが立ち上がり見られる状況

（この設定をしたい場合は、リンクを貼る詳細→P.56 を参照してください）

・ホームページにアクセスするとページコンテンツとして動画が埋め込まれており、

その場で再生が出来る状況

の２種類があり、その後者の中でも YouTube の動画設定の作業方法を説明します。

【作業方法】

ブロックを新規に作成します。ブロックツールバーから「＋」の新規ブロック作成アイ

コンをクリックします。

（新規にページを作成した直後は、自動的に下記のポップアップが立ち上がります。）

【YouTube 動画の場合】

のボタンをクリックします。すると下記の画面が表示されます。

69

このブロックのことを「YouTube ブロック」と呼びます。

画面上にも表示上にあるように、YouTube 上で埋め込みコードを発行する必要があります。

（以下の YouTube の画像は、2012/02/24 日現在のものです）

70

Youtube で、埋め込みたい動画の WEB ページを表示します。

次のクリックの流れで「埋め込みコード」を取得することができます。

取得したコードを下記部分に貼り付けて保存します。

ここのコードを右クリックや

Ctrl+C でコピー

71

YouTube が埋め込まれたブロックが作成されます。

フリーブロックと同じように編集、上下移動、お気に入りブロックに登録などの操作が

可能です。

72

7. 新規フォーム作成機能詳細

新規フォーム作成機能についてです。

既にサイト内にフォームがある場合は、複製した既存のフォームを使用するとスムーズ

に行えます。

①管理画面のフォルダツリーより、フォームを作成したい位置を右クリック。「下にペー

ジを作成する」を選択します。

②必須入力項目を入力、「作成」ボタンをクリックします。

※個別設定欄が下に続いていますが、理由がない限りは記入しないでください。

73

・フォームの種類

お問い合わせフォーム…「お問い合わせ」フォームを設定できます。→P.7474

アンケートフォーム…「アンケート」フォームを設定できます。→P.86

※ ページ種別

「入力フォーム」を選択

フォームの種類と用意して

いる場合にはテンプレート

を選択します。

74

7-1. お問い合わせフォーム編集画面

「お問い合わせフォーム」の編集画面では「お問い合わせフォーム編集」、「お問い合わ

せフォーム編集詳細設定」の 2 つの設定項目があります。

お問い合わせフォーム編集…入力するフォームの内容と、入力方法の設定をします。

→ エラーエラーエラーエラー! ! ! ! ブックマークブックマークブックマークブックマークがががが定義定義定義定義されていませんされていませんされていませんされていません。。。。P.75

お問い合わせフォーム編集詳細設定…メールの送信先などの送信に関わる設定をしま

す。→ エラーエラーエラーエラー! ! ! ! ブックマークブックマークブックマークブックマークがががが定義定義定義定義されていませんされていませんされていませんされていません。。。。P.81

※「お問い合わせフォーム編集」と「お問い合わせフォーム編集詳細設定」の項目に関

しては、入力が必須の項目がございます。

必須項目に入力をしないと設定した内容が保存できませんのでご注意ください。

75

7-1-1. お問い合わせフォーム編集

「お問い合わせフォーム編集」画面では入力フォームの項目名や必須項目などを設定す

る事ができます。

説明文お問い合わせの説明文を入力します。

項目名入力フォームの項目名を入力します。

必須項目にする

「必須項目にする」にチェックを入れた場合、項目に入力を

しないとエラーが表示され、送信ができなくなります。

コピー項目をコピーします。

編集

編集ボタンをクリックすると、入力フォームのタイプを設定

する事ができます。

編集の機能については次ページで説明させていただきます。

１つ上に移動対象の項目を１つ上に移動します。

１つ下に移動対象の項目を１つ下に移動します。

削除対象の項目を削除します。

項目の追加項目を新規に追加します。

説明文

項目名

76

【項目の編集】

「編集」ボタンをクリックすると、編集内容のメニューが表示されます。

入力のパターン（テンプレート）とカスタムから選択して入力フォームを作成します。

「折りたたむ」をクリックすると、編集内容のメニューを非表示にします。

「パターン」の他に「カスタム」を使ったフォーム作成もあります。

新しい項目を追加したい場合は「項目の追加」ボタンをクリックすると、

クリックした項目の下に新しい項目の追加が可能です。

編集画面で作成した項目順と同じ順番でフォームが表示されます。

・パターンを使ったフォーム作成

パターンを使って作成した例が、上図の右側の画像になります。

項目制作の流れとしては項目名を入力し、パターンまたはカスタムから項目に

表示したいタイプを選択すれば、項目の作成が行われます。

パターン

入力例入力した文字を入力例として表示します。

姓名「姓名」を入力するフォームを表示します。

よみ「よみがな」を入力するフォームを表示します。

性別「性別」を入力するフォームを表示します。

郵便番号・住所「郵便番号、住所」を入力するフォームを表示します。

E-mail 「メールアドレス」を入力するフォームを表示します。

年月日

生年月日などに使える「年月日」を入力するフォームを表示します。

初期値を設定することが出来ます。

年初期値と終了日を設定した年を表示する入力フォームを表示しま

す。

月 1～12 が設定された入力フォームを表示します。

日 1～３１が設定された入力フォームを表示します。

77

・カスタムを使ったフォーム作成

項目制作の流れとしては項目名を入力し、カスタムから項目に表示したいタイプ

を選択後、項目の表示に必要な箇所を入力すると項目の作成が行われます。

カスタム

テキストエリア

(1 行)

自由に入力できる入力フォームを１行分表示します。

フォームの横の長さを「短」「中」「長」から選択する事ができます。


（複数行）

自由に入力できる入力フォームを複数行分表示します。

フォームの縦・横の長さを「短」「中」「長」から選択する

事ができます。

チェックボックス

用意した項目から複数のチェックを入れる形式のフォームを

表示します。最大で 20 個の項目を入力して選択肢として

表示する事ができます。

ラジオボタン

用意した項目から１つを選んでチェックを入れる形式のフォーム

を表示します。最大で 20 個の項目を入力して選択肢として


セレクトボックス

用意した項目からプルダウンで選択肢から１つを選ぶ形式のフォ

ームを表示します。最大で 100 個の項目を入力して選択肢として


ファイル添付

ファイルをアップロードする為のファイル選択ウィンドウを

表示します。

78

・「チェックボックス」、「ラジオボタン」、「セレクトボックス」の入力方法について。

カスタムの「チェックボックス」、「ラジオボタン」、「セレクトボックス」は選択肢から

選ぶ形式の入力フォームとなります。

上記 3 項目から選択した場合、上図のような画面が表示されます。

選択肢を入力する入力欄が表示されますので、選択肢を入力します。

初期状態では選択肢は 10 個まで入力できます。

更に選択肢を増やしたい場合は、「>>11-30」をクリックしていただく事で、

「チェックボックス」「ラジオボタン」は 30 個まで、「セレクトボックス」は

同様の手順で 30 個まで選択肢を増やす事ができます。

79

・アップロードされたファイルの確認方法（お問い合わせ）

① フォルダツリーより、「お問い合わせフォーム」を設置したページを選択し、右ク

リックをします。

② CMS MENU より「フォームのレポートを出力する」をクリックします。

お問い合わせフォームを設定し

たページをクリックします。

CSV 出力をクリックします。

80

③ 期間を入力し、「ログ出力」ボタンをクリックします。

③ 出力された CSV ファイルを開くと、カスタムで「ファイル添付」に設定した項目名に

アップロードされたアドレスが記載されているので、対象のアドレスをブラウザ等に

入力いただく事でダウンロードする事ができます。

以上で、「項目設定」画面についての説明は終了です。

81

7-1-2. お問い合わせフォーム編集詳細設定

「送信設定」画面では、「お問い合わせフォーム」に入力された情報をメールで自動返信

するための設定を行います。

「お問い合わせフォーム」に入力した内容は、お客様と管理者の両方にメールで自動返

信されます。

※①～⑥の項目は設定が必須となっておりますのでご注意ください。

① 件名（お客様送信用設定）

④ メールテンプレート

（お客様送信用設定）

② 管理者受信用メールアドレス

① 送信元メールアドレス

① 件名（管理者受信用設定）

② メールテンプレート

（管理者受信用設定）

82

次のページより、各設定項目について説明します。

⑨ コンバージョンタグ

⑧ 送信後自動ジャンプ先リンク

⑦ Thanks ページテキスト

83


お客様確認用の自動返信メールの送信元のアドレスを入力します。

入力したメールアドレスからお客様へメールが届きます。


入力したメールアドレスに対して「お問い合わせフォーム」から管理者向けの

自動返信メールが BCC アドレスと、管理者受信用のメールアドレスの両方に用いられ

ます。

複数のメールアドレスを設定したい場合は、半角カンマ「,」でつなげて入力してくだ

さい。

③ 件名（お客様送信用設定）

お客様確認用の自動返信メールに表示される「件名」

を入力します。

④メールテンプレート（お客様送信用設定）

お客様確認用の自動返信メールのテンプレートを入力

します。「項目設定」の項目名と同じ文言を【】（大か

っこ）でくくると、自動返信メールにお客様が入力し

た内容を反映して表示します。

項目名に“ご要望/お問い合わせ”と設定した場合、【ご

要望/お問い合わせ】と記載

すると、入力された内容が自動返信メールに反映しま

す。

反映される内容は【】でくくった項目単位でします。

※ 初回作成時のみ、項目設定で設定された項目が自

動入力されます。編集時には適用されませんので、

ご注意下さい。

※ 1 文字でも違うと自動返信メールに入力内容が反映

しませんのでご注意下さい。

84


お問い合わせ内容を送信後、（送信ボタン）をクリックした後に遷移する「Thanks ページ」

に表示する文言を入力します。


URL を入力する事でお問い合わせ内容を送信後、数秒間「Thanks ページ」を

表示します。表示後に入力した URL のページへ自動的に遷移します。


コンバージョンタグを入力して欲しいとご依頼などがあった場合に使用して

ください。

分からない場合は特に入力しなくても動作に影響はございません。

⑤ 件名（管理者受信用設定）

管理者用の自動返信メールに表示される「件名」を入

力します。

⑥ メールテンプレート（管理者受信用設定）

管理者確認用の自動返信メールのテンプレーを入力

します。

「項目設定」の項目名と同じ文言を【】（大かっこ）

でくくると、自動返信メールにお客様が入力した内容

を反映して表示します。

設定方法に関しては、「④メールテンプレート（お客

様送信用設定）」と同じとなりますので、そちらをご

参照ください。

85

7-1-3. お問い合わせフォーム編集確認画面

詳細設定ページ上部にある「確認」ボタンから、作成したフォームを確認することがで

きます。

86

7-2. アンケートフォーム編集画面

「アンケートフォーム」の編集画面では「アンケートフォーム編集」、「アンケートフォ

ーム編集詳細設定」の 2 つの設定項目があります。

アンケートフォーム編集…入力するフォームの内容と、入力方法の設定をします。


アンケートフォーム編集詳細設定…メールの送信先などの送信に関わる設定をします。


※「アンケート項目」と「お問い合わせ項目」の項目に関しては、入力が必須の項目が

ございます。


ご注意

ページ・階層作成の保留はできません。

（既に作成してあるページの編集内容のみ、保留できます。）

87

7-2-1. アンケートフォーム編集

「項目設定」画面では入力フォームの項目名や入力形式のタイプ、アンケート内容

について設定を事ができます。

説明文アンケートの説明文を入力します。

基本情報項目チェックを入れる事で項目の表示、非表示を切り替えます。

項目名入力フォームの項目名を設定します。





編集








アンケート項目アンケートの項目を入力します。

設問文アンケートの設問文を入力します。

アンケートの項目を

入力します。

アンケートの具体的な

設問を入力します。

説明文

88





編集は「基本情報項目」、「設問文」の両項目で可能です。

ｖ

新しい項目を追加したい場合は「項目の追加」ボタンをクリックすると、新しい

項目の追加が可能です。






パターン

入力例

姓名入力した文字を入力例として表示します。

よみ「姓名」を入力するフォームを表示します。

性別「よみがな」を入力するフォームを表示します。

郵便番号・住所「性別」を入力するフォームを表示します。

E-mail 「郵便番号、住所」を入力するフォームを表示します。

メールアドレス「メールアドレス」を入力するフォームを表示します。

年月日生年月日などに使える「年月日」を入力するフォームを表示します。

89



す。




カスタムを使って作成した例が、上図の右側の画像になります。



カスタム


(1 行)




（複数行）








ラジオボタン




90





ファイル添付


表示します。

91








「チェックボックス」「ラジオボタン」「セレクトボックス」はそれぞれ 20 個まで選択肢

を増やす事ができます。

92

・アップロードされたファイルの確認方法（アンケート）

② フォルダツリーより、「お問い合わせフォーム」を設置したページを選択し、右ク

リックをします。


お問い合わせフォームを設定し

たページをクリックします。


93


④ 出力された CSV ファイルを開くと、カスタムで「ファイル添付」に設定した項目名に

アップロードされたアドレスが記載されているので、対象のアドレスをブラウザ等に

入力いただく事でダウンロードする事ができます。


94

7-2-2. アンケートフォーム編集詳細設定

「送信設定」画面では、「アンケートフォーム」に入力された情報をメールで自動返信す

るための設定を行います。

「アンケートフォーム」に入力した内容は、お客様と管理者の両方にメールで自動返信

されます。


② 件名（お客様送信用設定）





③ 件名（管理者受信用設定）







95

⑤ 送信元メールアドレス



⑥ 管理者受信用メールアドレス

入力したメールアドレスに対して「お問い合わせフォーム」から管理者向けの

自動返信メールが BCC で届きます。


さい。




④ メールテンプレート（お客様送信用設定）


します。「項目設定」、「設問文」に設定した文言と同じ

文言を【】（大かっこ）でくくると自動返信メールにお

客様が入力した内容を反映して表示します。

設問文に“弊社の商品 A の使いやすさについて教えて

ください。（ラジオボタン）”と設定した場合、【弊社の

商品 A の使いやすさについて教えてください。（ラジオ

ボタン）】と記載すると、入力された内容が自動返信メ

ールに反映します。


※1 文字でも違うと自動返信メールに入力内容が反映


※設問文に設定する文言は、1 行目に記載した文言が対

象となります。

※ 初回作成時のみ、項目設定

で設定された項目が自動入力

されます。編集時には適用され

ませんので、ご注意下さい。

96


お問い合わせ内容を送信後、（送信ボタン）をクリックした後に遷移する

「Thanks ページ」に表示する文言を入力します。






ください。


7-2-3. アンケートフォーム編集確認画面


きます。


管理者用の自動返信メールに表示される「件名」を入力し

ます。

⑥ メールテンプレート（管理者受信用設定）

管理者確認用の自動返信メールのテンプレートを入力しま

す。「項目設定」、「設問文」に設定した文言と同じ文言を【】

（大かっこ）でくくると、自動返信メールにお客様が入力

した内容を反映して表示します。

設定方法に関しては、P81 の「④メールテンプレート（お

客様送信用設定）」と同じとなりますので、P81 の④をご


97

7-3. 簡易 EC フォーム編集画面

「簡易 EC フォーム」は、商品情報を登録することで簡単に商品注文用のページを作成す

ることができます。

「簡易 EC フォーム」の編集画面では「簡易 EC フォーム編集」、「簡易 EC フォーム編集詳

細設定」の 2 つの設定項目があります。

簡易 EC フォーム編集…商品情報と任意のお問い合わせ項目の設定をします。


簡易 EC フォームフォーム編集詳細設定…メールの送信先などの送信に関わる設定をし

ます。→ エラーエラーエラーエラー! ! ! ! ブックマークブックマークブックマークブックマークがががが定義定義定義定義されていませんされていませんされていませんされていません。。。。P.102

※「簡易 EC フォーム編集」と「簡易 EC フォーム編集詳細設定」の項目に関しては、入

力が必須の項目がございます。


98

7-3-1. 簡易 EC フォーム編集

「簡易 EC フォーム編集」画面では商品の情報と任意のお問い合わせ項目を設定する事が

できます。お問い合わせ項目には、商品をされるお客様の情報等を入力して頂くための

項目を設定します。

説明文

項目名

商品情報

99

EC フォーム項目

※商品画像

商品画像を登録します。



※商品名商品名を入力します。

※商品金額 1

商品金額を入力します。入力した金額はお客様が注文する際

の商品価格として表示されます。

商品金額 2

任意の金額項目となります。定価や税額等、商品に関する価

格を表示する必要がある場合に利用します。

商品金額 3

任意の金額項目となります。定価や税額等、商品に関する価

格を表示する必要がある場合に利用します。

在庫数

登録する商品の現在の在庫数を入力します。在庫数を入力し

ている場合、お客様から注文がある度に在庫数が減少します。

在庫数がお客様の注文数以下になると、それ以上、注文を受

け付けないよう制限をすることができます。在庫数を増やす

場合は、同項目に再度、現在の在庫数を登録します。注文の

制限が不要な場合（在庫管理を行わない）は同項目は何も入

力しないでください。

※商品単位

商品単位を入力します。“個”、“台”等の単位を入力します。

お客様が注文する際に入力した商品単位で数量が表示されま

す。

※必須項目

お問い合わせ項目

説明文簡易 EC フォームの説明文を入力します。

項目名入力フォームの項目名を入力します。





編集








100





「パターン」の他に「カスタム」を使ったフォーム作成もあります。

新しい項目を追加したい場合は「項目の追加」ボタンをクリックすると、

クリックした項目の下に新しい項目の追加が可能です。






パターン

入力例入力した文字を入力例として表示します。

姓名「姓名」を入力するフォームを表示します。

よみ「よみがな」を入力するフォームを表示します。

性別「性別」を入力するフォームを表示します。

郵便番号・住所「郵便番号、住所」を入力するフォームを表示します。

E-mail 「メールアドレス」を入力するフォームを表示します。

年月日

生年月日などに使える「年月日」を入力するフォームを表示します。



す。



101




カスタム


(1 行)




（複数行）








ラジオボタン








ファイル添付


表示します。

102








「チェックボックス」「ラジオボタン」は 30 個まで、「セレクトボックス」は

同様の手順で 30 個まで選択肢を増やす事ができます。

103

・アップロードされたファイルの確認方法（簡易 EC フォーム）

① フォルダツリーより、「簡易 EC フォーム」を設置したページを選択し、右クリック

をします。


簡易 EC フォームを設定したペ

ージをクリックします。


104


④ 出力された CSV ファイルを開くと、注文内容とカスタムで設定したお問い合わせ項目

の内容を確認することができます。「ファイル添付」を利用している場合、「ファイル

添付」に設定した項目名にアップロードされたアドレスが記載されているので、対象

のアドレスをブラウザ等に入力いただく事でダウンロードする事ができます。


105

7-3-2. 簡易 EC フォーム編集詳細設定

「送信設定」画面では、「簡易 EC フォーム」に入力された情報をメールで自動返信する

ための設定を行います。

「簡易 EC フォーム」に入力した内容は、お客様と管理者の両方にメールで自動返信され

ます。








⑥ メールテンプレート


106





107

③ 送信元メールアドレス



④ 管理者受信用メールアドレス

入力したメールアドレスに対して「簡易 EC フォーム」から管理者向けの

自動返信メールが BCC アドレスと、管理者受信用のメールアドレスの両方に用いられ

ます。


さい。

④ 件名（お客様送信用設定）



④メールテンプレート（お客様送信用設定）


します。「項目設定」の項目名と同じ文言を【】（大か

っこ）でくくると、自動返信メールにお客様が入力し

た内容を反映して表示します。

項目名に“ご要望/お問い合わせ”と設定した場合、【ご

要望/お問い合わせ】と記載

すると、入力された内容が自動返信メールに反映しま

す。


※ 初回作成時のみ、項目設定で設定された項目が自

動入力されます。編集時には適用されませんので、

ご注意下さい。

※ 1 文字でも違うと自動返信メールに入力内容が反映


108


お問い合わせ内容を送信後、（送信ボタン）をクリックした後に遷移する「Thanks ページ」

に表示する文言を入力します。






ください。


⑦ 件名（管理者受信用設定）

管理者用の自動返信メールに表示される「件名」を入

力します。

⑧ メールテンプレート（管理者受信用設定）

管理者確認用の自動返信メールのテンプレーを入力

します。

「項目設定」の項目名と同じ文言を【】（大かっこ）

でくくると、自動返信メールにお客様が入力した内容

を反映して表示します。

設定方法に関しては、「④メールテンプレート（お客

様送信用設定）」と同じとなりますので、そちらをご


109

7-3-3. お問い合わせフォーム編集確認画面


きます。

110

7-4. 新規ページの追加の流れ

以下の流れを一例としてご紹介します。

①どこに、どんなページを入れたいのか、まとめる

②もし違うページから複製したいブロックがあればお気に入りにする

③バックアップを取得する。

④新ページを作成する。

⑤ページ編集画面で「反映」を押す

⑥ページ表示でプレビューし、編集内容を確認する

コンテンツ部分が全く入っていない真っ白なページを追加することも可能です。

しかし、その場合、新しいページにゼロからテーブルを入れたりしなければなり

ません。

ある程度のＰＣスキルが必要になりますので、既存ページのブロックをお気に入

りに登録し流用されることをお勧めします。

ページの追加の大まかな流れ

⑦公開したいページの公開チェックボックスをチェックする

⑧サイト管理の「再構築」ボタンをクリック

111

8. ホームページ更新の基本的な流れ

Digit@Link CMS2におけるページの更新作業は、基本的には次の1～7の流れで進めます。

8-1. バックアップをとる

更新作業を前に、バックアップをとります

更新作業は「データの上書き」です。上書き後、作業前の状態に戻したい場合にはこの

バックアップデータを選択して復元作業となりますので、バックアップを毎回作業前に

習慣をつけておくと便利です。

【作業方法】

バックアップデータはいくつでも保存可能ですが、バックアップデータの数だけサーバ

ーの容量を使います。

また、戻す必要の無いデータはこまめに削除し、最新のデータだけを残しておくことを

オススメします。

1. 管理画面にログイン（CMS MENU の表示）

2. バックアップ

3. 更新したいページの表示へアクセス

4. 更新作業

5. 保存

6. 「ページ表示」で実際に表示される画面を確認

7. 再構築

8. 公開画面にて最終確認

コメントを入力し、「作成」をクリック

112

8-2. 「編集モード」からの編集

画面右上にある「ページを編集する」から編集画面を表示させます。

ページ名を右クリックすると、ペ

ージメニューが表示されます。

ページは「ページを編集する」か

ら行います。

113

管理画面に戻ります



114

編集モードを表示させると以下のような画面になります。

編集したいブロックのあたりをクリックすると、編集画面に移行します。

「ブロックツールバー」と「編集ツール」を使用して、ページを編集します。

新規ブロックの作成

ファイルマネージャの表示

（ファイルの管理や、アップロ

ードを行う）

ブロックツールバー

編集ツール

115

8-3. 編集モードにおける修正作業の“適用”

編集モードで更新作業が終わったら、編集モード画面のページ上部にある「保存」ボタ

ンをクリックします。

※この時点で、更新内容は公開ページには反映されていません。

※反映ボタンを押した後で作業前の状態に戻す場合には、事前に保存したバックアップ

データから復元作業を行います。バックアップ詳細→P.31

CMS MENU の「ページを編集」は

“今見ているページを見たまま更新する”

ための機能であり、CMS でできるあらゆる操作の基本となる要素です。

○文章の修正・追加をしたい

○画像の張り替えをしたい

○PDF 資料にリンクを貼りたい

といった各ページのコンテンツを更新していく際のメニューです。

保存をクリック

116

8-4. 「再構築」を選択し、完全に管理ページを公開画面に同期させる

「再構築」とは、管理画面内のデータを完全に公開画面に同期させるメニューです。

CMS MENU の「ページ管理画面」の再構築を選択すると、画面が暗転し、“再構築”の画

面が表示されます。

再構築ボタンを押すと、“再構築”処理が行われます

8-5. 公開画面で更新内容の確認

再構築処理が完了したら、作業内容が公開用画面にも反映されているか最終確認します。

公開用の URL を開き、最新情報を読み込んだ状態で、修正箇所が反映されていたら完了

です。

※ 編集画面とは別に公開画面を別ウィンドウやタブであらかじめ開いておくと、作業の

際にリンク先のアドレスのコピーや作業完了後の確認がしやすくて便利です。

公開用ホームページを最新の状態にするためには、キーボードの「F5 キー」を押すか、

右クリックから「最新の情報に更新」を選んで下さい。

117

管理画面で「再構築」した後、公開画面のペー

ジ上で右クリックにて、「最新の情報に更新」

または、ファンクションキー「F5」を押します。

118

8-6. 編集ツールその他の機能

8-6-1. TinyMCE についての情報を閲覧する

Digit@Link CMS2 で採用している Moxiecode Systems A 社の「TinyMCE」という

ソフトウェアの情報が表示されます。

編集ツールの「ヘルプ」を押すと、画面が立ち上がります。

TinyMCE の情報が表示されます。

119

8-6-2. HTML ソースエディタを開く

HTML ソースエディタを開いて、ソースレベルでコンテンツの編集作業が行えます。

編集ツールの中から、「HTML ソース編集」を押します。

HTML ソースエディタが表示されます。作業が終わったら、「更新」を押し編集モードに

戻ります。

更新ボタンを押すと通常の編集モードに戻ります。

ソースを編集した場合には作業内容が反映された状態になります。

反映内容にズレがないかを確認して、「適用」ボタンをクリックして下さい。

120

9. その他（お役立ち・サポート情報）

補足情報、お役立ち情報のご案内になります。

9-1. パスワードを忘れた場合

管理画面にログインするパスワードを忘れた場合は、パスワードリマインダー機能を利

用してパスワードを再設定することができます。

①

②

ログイン画面にある「パスワードをお忘れの方

はこちら」リンクをクリックします。

ログイン ID または登録しているメールアドレ

スを入力して、「新しいパスワードを取得」ボ

タンをクリックします。

121

③

③

登録しているメールアドレス宛にシステムよ

りメールが届きます。

届いたメールに記載されている URL をクリッ

クすると、パスワード再設定用の画面が表示

されます。新しいパスワードを入力して、「パ

スワードをリセット」ボタンをクリックしま

す。

122

④

「ログイン」リンクをクリックしてログイン画

面より新しく設定したパスワードでログイン

します。

123

9-2. 各拡張メニュー（お役立ちリンク）

各拡張メニューについて簡単に説明します。

よく検索されるキーワードの組み合わせや類似キーワード、グーグ

ルが推奨するキーワードを調査できるツールです。一般のユーザー

がどのような言葉を使って検索をするのか、また類似するキーワー

ドとして何があるかを調査できます。

グーグルキーワードアドバイスツール

ウェブページの様々な要素を採点してくれるサービスです。Yahoo!

JAPAN の検索結果をベースに様々なスコア（要素）を簡単に調査で

きます。自サイト、他サイトの各種スコア（要素）を確認すること

で、SEO 対策をするための参考資料に利用できます。

ピタゴラス

Yahoo・Google・Bing の各検索エンジンでの検索結果順位を確認で

きます。

ＤＷ230

検索エンジン表示順位の調査、追跡ツール。複数のサイト、複数の

検索語の検索エンジン表示順位をボタン一発で一括調査できます。

ＧＲＣ

Google が提供する、高機能な無料アクセス解析ツール。

広告効果の測定、ユーザーのサイト内での移動履歴の確認、検索キ

ーワード解析など、ネットビジネスの効率化に必要な様々なデータ

を取得することができる。

Google Analytics

124

9-3. エラーが発生した場合

カスタマーサポートは以下の通りです。

9-4. ウェブ版ＣＭＳマニュアルを閲覧する。

管理画面へアクセスしていると、右上に「ヘルプ」があります。そちらから PDF マニュ

アルを閲覧することが可能です。

9-5. 著作権について

本マニュアルは「Digit@Link CMS2」の使用・操作方法を記載したものです。

制作著者はスターティアラボ株式会社に帰属するものとし、本マニュアルに記載されて

いる全てのページの無断転載、転用を禁じます。

会社名：スターティアラボ株式会社

電話番号 03-5339-2905

Ｅメールアドレス：[email protected]

①発生した瞬間のできるだけ正確な日時

②再現手順

③公開サイト URL（サイトが公開されている場合）

125

9-6. カスタマーサポートへのお問い合わせ

ご不明な点がございましたら以下の連絡先にお問い合わせください。

電話番号：

03-5339-2905

E-Mail アドレス：

[email protected]

受付時間：月～金 9:00～18:00(土日祝を除く)

Startialab solution

制作著者：スターティアラボ株式会社 ※無断転載転用禁止

スターティアラボスターティアラボスターティアラボスターティアラボ株式会社株式会社株式会社株式会社 WebWebWebWebソリューションソリューションソリューションソリューション事業部事業部事業部事業部 CMSCMSCMSCMSサポートサポートサポートサポート窓口窓口窓口窓口

〒〒〒〒161616163333----0000919919919919 東京都新宿区西新宿東京都新宿区西新宿東京都新宿区西新宿東京都新宿区西新宿2222----3333----1111 新宿新宿新宿新宿モノリスモノリスモノリスモノリス19F19F19F19F

TELTELTELTEL 03030303----5339533953395339----2222905 905 905 905 FAXFAXFAXFAX 03030303----5339533953395339----2110211021102110

http://www.startialab.co.jphttp://www.startialab.co.jphttp://www.startialab.co.jphttp://www.startialab.co.jp [email protected]

Digit@Link CMS2 · 3-2. サイドメニュヸ 3-2-1. home 「home」をクリックすると、 ①...

Documents

Transcript of Digit@Link CMS2 · 3-2. サイドメニュヸ 3-2-1. home 「home」をクリックすると、 ①...