PowerPoint プレゼンテーション

Container ^™

CMS使用者マニュアル

INDEX 記事作成から公開までの流れ

STEP #01 ログイン STEP #02 マイページ STEP #03 新規作成

STEP #04 記事作成方法

①：ファイルアップ・リンク方法

②：画像加工方法

③：プレビュー

STEP #05 公開方法 STEP #06 公開先指定

Modules モジュール一覧

STEP #01 ログイン

ブラウザを立ち上げ、

ログイン画面にアクセスします

https://www.chuo-u.ac.jp/admin/

上記のURLへアクセスし、統合認証情報を入力しログインしてください。

STEP #02 マイページ

ログイン後にマイページが表示され、

操作はこのページからはじめます

ログインするとマイページが表示されます。

このマイページでは、記事の投稿・編集ができるほか、記事の承認状況の確認、管理者 からのお知らせを確認することができます。

それぞれのアカウント別に

“操作可能”

STEP #03 新規作成

投稿するカテゴリを選び “新規作成” をクリックし

「記事作成・編集画面」へ進みます

アカウントにより作成・編集が可能なコンテンツは異なりますが、本マニュアルでは「新

着ニュース」の記事作成を例にご説明します。

STEP #04 記事作成方法

❷

あらかじめ用意された「問い合わせ先」から選択でき ます

「記事作成・編集画面」の

入力事項に沿って作成を進めます

これから作成を進めるページの場所が 正しいか作成前に確認します。

Check!!

Point

作成・編集の主な項目は次の通りです

❶

作成者本人で用意した「タイトル」テキストを入力で きます

記事投稿/ 公開操作エリア

❹

& 追加

ページを作成する際に必要なパーツを追加できます。

あらかじめ用意されたモジュールを選択します

※モジュールのバリエーションについてはP9以降をご覧ください

❸

& 削除

トップページに表示するサムネイル画像素材のアップ ロードと削除ができます

作成中常に画面に表示される

フローティングボタン

※上下のマークはスクロール

ファイル・アップロード

この画面からPDFなどのファイルをアップロード し、生成されたURLをコピー/貼り付けできます

プレビュー

作成中のページが実際にどのように表示されるか をチェックすることができます

❺

お知らせ表示エリア

❶

❷

❸ 新たな記事の作成における基本操作は以下

の通りです。

❹

STEP #04 記事作成方法

①ファイルアップ・リンク設定方法は

作成画面の右側に表示される アイコンをクリック

ファイル・アップロード

この画面からPDFなどのファイルをアップロード し、生成されたURLをコピー/貼り付けできます

作成画面の右側

フローティングボタン

STEP #04 記事作成方法

①ファイルアップ・リンク設定方法

「リンク > リンクリスト」のモジュールを使う場合

作成画面の右側に 表示されるボタン

❶

ファイルアップロードボタンをクリックします。

↓ ファイルリンクを設定する場合、ここに入力

❷

ファイルアップロード画面が表示されるので、用意しておいたファイルを、

グレーの四角枠にドラッグ＆ドロップするか、

グレーの四角枠をクリックしてファイルを選択しアップロードします。

❷

❶

STEP #04 記事作成方法

①ファイルアップ・リンク設定方法

「リンク > リンクリスト」のモジュールを使う場合

❸

❹

❸

ファイルをアップすると、アップされたファイルのリンク先URLが表示されます。

❹ URLのコピーボタン

「クリップボードにコピー」ボタンをクリックし、③に表示されたURLをコピーします。

STEP #04 記事作成方法

①ファイルアップ・リンク設定方法

「リンク > リンクリスト」のモジュールを使う場合

❺ URLをペースト（貼り付け）

リンク先の入力欄に、カーソルをあわせて（入力できる状態）、

パソコンのキーボードで「Ctrl+v」を押す、またはマウスの右クリックで「貼り付け」を選択すると 先ほどコピーしたファイルのURLが表示（貼り付け）されます。

これで、ファイルリンクの設定が完了です。

↓ ファイルリンクを、ここにペースト

5

STEP #04 記事作成方法

①ファイルアップ・リンク設定方法

「テキスト > 本文 ^{（エディター）} 」モジュールを使う場合

作成画面の右側に 表示されるボタン

❶

ファイルアップロードボタンをクリックします。

テキストにファイルリンクを設定する場合

❶

学校法人中央大学（以下「本学」といいます。）は、日本国憲法の精神に則り、

「個人の尊厳」を尊重し、学生・生徒および教職員（以下「構成員」といいま す。）等にとって快適な教育（修学・学習を含む。）・研究、就業環境を作り出し、

維持するために、「中央大学ハラスメント防止啓発ガイドライン」(433KB)（以下

「ガイドライン」といいます。）を作成します。

❷

ファイルアップロード画面が表示されるので、

用意しておいたファイルを、

グレーの四角枠にドラッグ＆ドロップするか、

グレーの四角枠をクリックしてファイルを選択 しアップロードします。

❷

STEP #04 記事作成方法

❸

❹

❸

ファイルをアップすると、アップされたファイルのリンク先URLが表示されます。

❹ URLのコピーボタン

「クリップボードにコピー」ボタンをクリックし、③に表示されたURLをコピーします。

①ファイルアップ・リンク設定方法

「テキスト > 本文 ^{（エディター）} 」モジュールを使う場合

STEP #04 記事作成方法

リンクを貼りたいテキストを選択 リンクをしたいテキストを選択します。

①ファイルアップ・リンク設定方法

「テキスト > 本文 ^{（エディター）} 」モジュールを使う場合

学校法人中央大学（以下「本学」といいます。）は、日本国憲法の精神に則り、「個 人の尊厳」を尊重し、学生・生徒および教職員（以下「構成員」といいます。）等に とって快適な教育（修学・学習を含む。）・研究、就業環境を作り出し、維持するた めに、「中央大学ハラスメント防止啓発ガイドライン」(433KB)（以下「ガイドライ ン」といいます。）を作成します。「中央大学ハラスメント防止啓発ガイドライン」

5

5

編集機能の「リンク設定」ボタンをクリック

リンクをしたいテキストを選択したら、その状態のままで「リンク設定」アイコンをクリックします。

6

6

STEP #04 記事作成方法

①ファイルアップ・リンク設定方法

「テキスト > 本文 ^{（エディター）} 」モジュールを使う場合

7

7

8

「ハイパーリンク情報」のタブ画面が表示され たら、⑦のURL入力欄に、カーソルをあわせて

（入力できる状態）、

パソコンのキーボードで「Ctrl+v」を押す、

またはマウスの右クリックで「貼り付け」を 選択すると先ほどコピーしたファイルのURLが 表示（貼り付け）されます。

別Windowで開く設定

8

次に「ターゲット」のタブをクリックし、ター ゲットの画面を表示します。

ターゲットの一覧から

「新しいウィンドウ（_blank）」を選択し 最後に「OK」ボタンをクリックします。

これでテキストへのファイルリンク設定が完了 です。

通常のテキストリンク（サイトへのリンク）の設定も

⑤⑥⑦⑧（⑧は外部サイトにリンクする場合のみ設定）の手順で設定ができます。

⑦にリンクしたいサイトのURLを入力します。

Point

STEP #04 記事作成方法

②画像のアップロードと加工の方法

「リサイズ」と「切り抜き」ができます。

❶

❶

画像アップロードボタンをクリックします。

例えば、画像を掲載するモジュールを選 択した場合「画像アップロード」のボタ ンをクリックします。

❷

ファイルアップロード画面が表示されるので、用意し ておいた画像を、グレーの四角枠にドラッグ＆ドロッ プするか、グレーの四角枠をクリックしてファイルを

選択しアップロードします。

❷

STEP #04 記事作成方法

②画像のアップロードと加工の方法

「リサイズ」

＜画像がアップされた状態＞

❸

A「変更後サイズ」にリサイズしたい画像サイズの数値を入力 B「処理」の「リサイズ」のラジオボタンを選択

C「保存」ボタンをクリック

D「投稿に挿入」ボタンをクリックで、リサイズした画像が記事画面に反映されます。

❸

A

B

D C

←

STEP #04 記事作成方法

②画像のアップロードと加工の方法

「切り抜き（トリミング）」

＜画像がアップされた状態＞

A

B

❹

A

B「処理」の「切り抜き」のラジオボタンを選択

C「保存」ボタンをクリック

D「投稿に挿入」ボタンをクリックで、切り抜きした画像が記事画面に反映されます。

STEP #04 記事作成方法

③プレビュー方法

作成画面の右側に表示される アイコンをクリック

プレビューマーク

作成中のページが実際にどのように表示されるかを チェックすることができます

作成画面の右側

フローティングボタン

STEP #05 公開方法 作成した記事の

公開に向けての登録を行います

記事ページの作成が完了したら、公開設定 を行います。

Point

❶

どのエリアに表示させるかを選択します

❷ SNSボタンの表示選択

表示の有無を選択します

❸ RSSボタンの表示選択

表示の有無を選択します

❺

記事を公開する日時 右:掲載終了日時

記事の掲載を終了する日時

※日時は枠をクリックすると表示される情報から選択できます

❶

❷

❸

❹

記事を投稿します

❺ ₆

6

❹

読み込み先を選択します。※次ページに詳細説明

STEP #06 公開先指定方法 作成した記事を

他カテゴリーに掲載したい場合

作成した記事ページを他カテゴリーに 掲載を行います。

Point

❶

右端のボタンをクリックし読込先一覧を開きます。

❷

掲載したいカテゴリーを選択します。

❶

❷

ここをクリック

⇒

＜読み込み先が開いた状態＞

Modules

主要モジュール解説

Pattern

B

Pattern

C

Pattern

D

Pattern

E

Pattern

F

Pattern

G

Pattern

A

本文

表組み + 本文 表組み

リンクボタン

テキストリンク 画像

画像 + 本文

Pattern

H

Pattern

I

Pattern

J

Pattern

K

区切り線

Pattern 動画

M

Pattern

N

Pattern

L

Adobe PDFリンク 見出し（小・中）

見出し（数字リスト）

罫線付きコンテンツ

箇条書きリスト

Modules ^{主要モジュール説明}

見出し > 中・小見出し

Pattern

A

中・小見出し ^{のモジュール}

見出しのモジュールです。

見出し2（H2）、見出し3（H3）、見出し4（H4）、見出し5（H%）

の4種類の中から、いずれかを選択して設定します。

◎見出し

◎見出し

Modules ^{主要モジュール説明}

見出し > 数字リスト

Pattern

B

数字リストの見出し ^{のモジュール}

数字付き見出しのモジュールです。

連番にしたい場合は「数字をリセット」の項目で「しない」を選択 してください。

1．見出し

2．見出し

Modules ^{主要モジュール説明}

テキスト > 本文（エディター）

Pattern

C

本文 ^{のモジュール}

テキストのみの掲載エリアを作成するモジュールです。

横列は最大3カラムまで組むことが可能です。

※通常は、表示例のように「1列」で作成

T ext

Modules ^{主要モジュール説明}

テキスト > 罫線付きコンテンツ

Pattern

D

罫線付きコンテンツ ^{のモジュール}

囲みや、背景付きテキストを作成するモジュールです。

背景色をなしにすると罫線での囲みのみ、背景色をグレーま たはピンクにすると、背景色をつけることができます。

T ext

Modules ^{主要モジュール説明}

画像 > 画像 + 本文

Pattern

E

画像 + 本文 ^{のモジュール} T ext

画像とテキストの組み合わせで作成するモジュールです。 +

画像の表示は、左右の配置、クリック時のポップアップ 表示を指定でき、キャプションの入力も可能です。

※

上下に追加可能。

Modules ^{主要モジュール説明}

画像 > 画像ギャラリー

Pattern

F

画像 ^{のモジュール}

画像のみ掲載するエリアを作成するモジュールです。

1列に最大3枚まで横に画像を並べることができます。

※ 1枚のみの時は左寄せ

※「セットを追加」をクリックすると、同じモジュールが追加表示されます。

上下に追加可能。

Modules ^{主要モジュール説明}

リンク > リンクリスト

Pattern

G

テキストリンク ^{のモジュール}

テキストリンクを作成するためのモジュールです。

メニュー名にテキストを入力、リンク先ページの開き方、段落

（行頭おとし）が選択できます。

リンク先が「公式サイト内 / 外」によりアイコンが変わります。

※リンクの入力方法は下記参照

リンク先の設定

公式サイト内の場合 ^※ http://www.chuo-u.ac.jp

→

/academics/faculties/law/

外部サイトの場合 ^※ http://から入力

→

https://yab.yomiuri.co.jp/adv/chuo/index.html

※

上下に追加可能。

Modules ^{主要モジュール説明}

リンク > リンクボタン

Pattern

H

リンクボタン ^{のモジュール} Text リンクボタンを作成するためのモジュールです。

「前のページに戻る」や「カテゴリトップに戻る」などのバック ボタンや、外部のサイトへのリンクをボタンで表示する際に使用 します。ボタンのサイズは3種類ありますが、「可変（テキストの 文字数で幅を設定）」を推奨します。

>

Modules ^{主要モジュール説明}

箇条書き > リスト

Pattern

I

箇条書きリスト ^{のモジュール}

箇条書きのリストを作成するモジュールです。

リストの表示は、カッコ付き（数字）、黒丸（ 大 / 小 ）が選択でき、

横は最大３列（3カラム）まで組むことができます。

※

※「リンクを追加」をクリックすると、同じモジュールが追加表示されます。

上下に追加可能。

Modules ^{主要モジュール説明}

テーブル > テーブル

Pattern

J

表組み ^{のモジュール}

表組みを作成するモジュールです。

※基本の表組みは、左セル（Title）が項目名になるパターンです。

他のパターン設定については、次ページを参照ください。

Modules ^{主要モジュール説明}

表組み ^{のモジュール}

別パターンを設定する方法です。

❶

❷

列数：必要な列数を入力します ヘッダ：項目セルの設定ができます。

❸

Modules ^{主要モジュール説明}

テーブル > テーブル + 本文

Pattern

K

表組み + 本文 ^{のモジュール} T ext

表組みと本文を合わせた表示エリアを作成するモジュール +

です。表の配置は左右選択できます。

Modules ^{主要モジュール説明}

Pattern

※実線と点線を選択いただければ、モジュールの追加のみで、区切り線が追加されます。

区切り線 ^{のモジュール}

複数のモジュールを組み合わせた場合に必要に応じて区切り線を 追加できるモジュールです。

「実線」と「点線」タイプのいずれかを選択できます。

エリア区分 > 区切り線

L

Modules ^{主要モジュール説明}

Pattern

動画 ^{のモジュール}

動画を掲載できるモジュールです。

Youtubeなどにアップした動画の埋め込み用ソースを登録することで、

動画を挿入・表示することができます。

M その他 > 動画

※

上下に追加可能。

Modules ^{主要モジュール説明}

Pattern

Adobe PDF リンク ^{のモジュール}

Adobe PDFリーダーのダウンロードへの誘導を表示するモジュー ルです。

N その他 > Adobe PDFリンク

PDF

※表示例