簡易マニュアル（QuickStart）

INDEX

管理画面ログイン方法

WEBサイトのURLに「/manager/」を追記し、アクセスしてください。
例：https://〇〇〇.com/manager/

以下の画面が表示されますので、ログイン名とパスワードを入力し【ログイン】ボタンを左クリックしてください。

ログインをすると以下のような画面が表示されます。

新規ページの作成方法

新規ページを作成する場合、以下の手順が基本的な操作手順となります。

※テンプレートにより入力項目が自動的に変化しますので、個別にテンプレートが用意されているページ作成の場合はそちらの手順をご確認ください。

① ツリーの大本（以下ルート）に追加する場合は、【リソースを投稿】アイコンをクリック。

ルートよりも下の階層（以下サブリソース）に追加する場合は、追加したい親リソースを右クリックし、表示されたメニューから【サブリソースを追加】を選択してください。
また、追加したリソースにサブリソースを追加するとリソースが自動的にコンテナへと変更され、アイコンがこのように変化します→

② 以下の画面が開くので、使用テンプレートが「0002:下部ページ標準」になっていることを確認します 。
※テンプレートは作成するページよって異なります。詳しくは、目的別詳細マニュアルの方で各ページのマニュアルをご覧ください。

各項目に必要事項を記入していきます。

必須項目

リソース名（主にページタイトルとして使用）
エイリアス（URLとして使用）
本文（ぺージ内容として使用）
※本文を入力する際に、本文の下部にある使用エディターが「TinyMCE」になっているかを確認し、「なし」になっていた場合は「TinyMCE」へ変更をしてください。

任意項目

長いタイトル（テンプレートによっては使用）
説明(description)（google等の検索結果として表示される）
要約（序説）（テンプレートによっては使用）
使用テンプレート（必要に応じて変更）
メニュータイトル（パンくずリストとしてページタイトルと違うものを表示したい場合使用）
メニューオーダー（リソースツリーの並び順）
メニューに表示（パンくずリストとして出したくない場合チェックを外す）

③ウェブ上へそのまま公開が可能な場合は、［ページ設定］タブの［公開ステータス］にチェックを入れます。
特定の日時に自動公開したい場合は、[公開開始日時]を設定、特定の日時に公開終了したい場合は[公開終了日時]に設定してください。

①～③まで終了したら、右上の【更新】ボタンをクリックして完成です。

ページ内画像の変更・追加方法

変更・追加をしたい画像があるリソースを開きます。

①変更をしたい場合の元画像の削除方法

変更したい画像の右側へカーソルを持って行き画像へ向かって左側へスライドさせてください。

すると、下記のように青くなり画像が選択された状態になりますので、
そのまま【BackSpaceキー】で削除をしてください。

②画像の追加方法

画像を挿入したい場所へカーソルを合わせておきます。
本文の左上にある木のアイコンをクリックします。

すると下記の画面が表示されますので、［画像のURL］の右側にあるアイコンをクリックしてください。

次に、下記のような画面が表示されますので登録したいフォルダを左クリックで開きます。
※ダブルクリックをしてしまうと、内容が二重に表示されることがありますのでご注意ください。
万が一、ダブルクリックで開いてしまった場合、二重に表示されたフォルダやファイルは同一のものですので、どちらを選択していただいても大丈夫です。

フォルダを開けたら、下部にある【ファイルを選択】ボタンをクリックしてください。

下記のような画面が開きますので、登録したい画像を選択して【開く】ボタンを押してください。

すると、元の画面へ戻り登録した画像がアップロードされています。
画像を左クリックするとカーソルを合わせておいた位置に配置されますので配置されているのを確認したら右上の【更新】ボタンを左クリックで終了となります。

ページ内文章の改行方法

［本文］の文章を編集する際の改行方法は2通りあります。

一段落が終わり、次の段落へ移る場合は【Shiftキー】＋【Enterキー】を押しながら改行してください。

文章の途中で改行をしたい場合は【Shiftキー】のみを押してください。

【Shiftキー】＋【Enterキー】で改行をした場合

例：

このように改行をすると

行と行の間に隙間が空きます。

【Shiftキー】のみで改行をした場合

例：

このように改行をしても
行と行の間に隙間が空きません。

本文内の各アイコンの説明

［本文］内のアイコンの説明をします。

左側がひとつ前に戻るボタン、右側がひとつ前に進むボタンです。

文字を太くする為のボタンです。
このように文字が太くなります。

文字の色を変更するためのボタンです。
アイコンの右側にある下矢印を左クリックするとカラーパレッドが出現しますのでお好きな色をお選びください。
このように色々な色へ変更できます。

文字に背景色を入れるためのボタンです。
アイコンの右側にある下矢印を左クリックするとカラーパレッドが出現しますのでお好きな色をお選びください。
このように背景色がつきます。

文字に取り消し線を入れるためのボタンです。
取り消し線を入れたい部分を選択してからボタンを左クリックしてください。
このように取り消し線がつきます。
取り消し線を削除するには、取り消し線を付けた文字列を選択してから取り消し線ボタンを左クリックします。

見出し文字などの設定が出来ます。
段落がデフォルトになっていますので、見出しとして大きく表示したい文字列などがある場合は右側の下向き矢印を左クリックをして表示されたメニューからお選びください。

フォントのサイズを設定できます。
フォントサイズを変更したい文字列を選択してから右側の下向き矢印を左クリックしてお好みのフォントサイズをお選びください。

テキストをコピー＆ペーストする際に使用します。
別所からコピーしてきたテキストを直接、［本文］へ貼り付けると不具合が起こる可能性がありますのでコピー＆ペーストをされる場合は、こちらのボタンをクリックして開くと下記のボックスが表示されますので、ペーストしたいテキストをこちらに貼り付けてから【挿入】ボタンを左クリックしていただくと本文へ貼り付けられます。

HTML編集用のボタンです。
左クリックをするとHTMLのソースエディタが開きますのでHTMLの意識があり編集をされたい方はこちらで操作をしてください。

［本文］の画面を全画面で見ることが出来ます。
全画面にしたい場合はこちらのボタンを左クリックしてください。
元の画面サイズへ戻したい場合もこちらのボタンを左クリックしてください。

画像を追加するためのボタンです。
画像を追加する詳しい方法は「ページ内画像の変更・追加方法」をご覧ください。

リンクの設定と解除ができます。左側のアイコンでリンクを設定し、右側のアイコンでリンクの解除が出来ます。
リンクを貼りたい部分を選択するとアイコンをクリックできるようになります。
何も選択をしていないとクリックは出来ませんのでご注意ください。
リンクを貼りたい部分を選択してから右側のアイコンを左クリックすると下記のウィンドウが表示されます。

［一般］
必須項目

リンクのURL

任意項目

ターゲット
タイトル
クラス

ターゲットは指定しない場合は、同一ウィンドウでリンクが開きますので別ウィンドウで開きたい場合等は、ターゲットの指定をしてください。

タイトルとは、リンクにカーソルを当てた際に出てくるリンクの見出しです。
入力しておくと、カーソルを当てた際に下記のように表示されます。

例：

クラスと［ポップアップ］［イベント］［専門的］タブは専門的な知識が必要となってきます為、設定変更されたい方はこちらの「リンクの挿入/編集方法」をご覧ください。
また、リンクを解除したい場合はリンクを貼ってある箇所を選択してから右側のアイコンを左クリックするとリンクが解除されます。

アンカーの設定ができます。
アンカーとはページ内の特定の場所に名前を付ける方法で、リンク先名としてアンカーを指定することによりページ内の任意の場所にジャンプさせることができます。
アンカーは半角英数字のみ使用できますので、全角入力をすることは出来ません。
こちらでアンカーを設定したものは、上記の「リンクの設定」で使用することが出来ます。
アンカーを設定したい文字列を選択してから、ボタンを左クリックすると設定画面が開きますので、任意の半角英数を設定してください。
設定後に、リンクを設定すると下記のように項目に「アンカー」が増えています。