学校 CMS 作成・運用マニュアル（NetCommons3 版）

スタートアップマニュアル
Ver.1.02018 年 12 月 27 日改定i

もくじ

はじめに（学校 CMS での権限）
・・・・・・・・・・・・・・・・・・・・・・・ P2
基本サイトへのログイン・・・・・・・・・・・・・・・・・・・・・・・・・・ P3
Step1 トップページ 学校 CMS タイトルの作成・・・・・・・・・・・・・・・・P4
Step2 トップページ［連絡先］作成・・・・・・・・・・・・・・・・・・・・・ P5
Step3 トップページ［リンク］作成・・・・・・・・・・・・・・・・・・・・・ P6
Step4 トップページ［教育情報システム登録機関バナー］作成・・・・・・・・・ P7
Step5 メニュー［学校の概要］
・［本校の教育］作成・・・・・・・・・・・・・・ P8
Step6 メニュー ［行事予定］作成・・・・・・・・・・・・・・・・・・・・・ P10～11
Step7 メニュー ［学校生活］作成・・・・・・・・・・・・・・・・・・・・・ P12～15
Step8 メニュー ［行事アルバム］作成・・・・・・・・・・・・・・・・・・・ P16～18
Step9 メニュー ［学校からのおたより］作成・・・・・・・・・・・・・・・・ P19～20
Step10 トップページ［新着情報］作成・・・・・・・・・・・・・・・・・・・ P21～22
Step11 トップページ［お知らせ］作成・・・・・・・・・・・・・・・・・・・ P23～24
サポート会社・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・ P25

1はじめに（学校 CMS での権限）
学校 CMS では、それぞれのメニューごとに、記事を書いたり、削除したりできる権限が決められています。
学校 CMS では、３つの権限（ログイン ID）が設定されています。権限によってできることが制限されています。
また、このログイン ID やパスワード、権限の変更、ログイン ID 数の追加は行わないでください。
役割

内容

学校サイト管理者

学校の Web サイト（ＣＭＳ）でできるすべての作業ができます。

承認者［学校生活］メニューで作成者が投稿する記事について、確認し、承認することができます。

作成者１［学校生活］メニュー、［行事アルバム］メニューで、記事や画像を投稿投稿者２～６することができます。

※ 承認者の権限は、設定次第では、学校サイト管理者に準じて、Web サイト（ＣＭＳ）の構成、ページの作成をすることができます。初期設定では△のところはできないようになっています。
（下図参照）※ 作成者は［学校生活］メニュー、［行事アルバム］メニューで、記事や画像を投稿することができますが、それ以外のメニューでの記事の作成、編集はできません。
（下図参照）
各メニューブロックでの権限

学校サイト
管理者

承認者

作成者
１～６

学校の概要

〇

△

×

本校の教育〇

△

×

行事予定〇

△×

学校生活〇

〇

〇

行事アルバム〇〇〇学校からのおたより〇△

×

このスタートアップマニュアルは、学校サイト管理者用に学校サイトの基本的なページ作成の手順についてご説明します。
ここでのログインは「学校サイト管理者ログイン ID」でお願いします。
各権限（学校サイト管理者・承認者・作成者）での具体的な作業手順や、役割分担等、運用についての設定は、「学校 CMS 管理者用［運用編］マニュアル」をご覧ください。

2

基本サイトへのログイン①

画面右上のログインをクリックします。

②

ログイン ID とパスワードを入力します。

③ 下図のような画面が表示されます。これが編集画面です。
この時点で、○○市立くまもと小学校の部分には、学校の名称が自動的に記載されています。

3

Step1 トップページ［CMS タイトル］作成①

CMS タイトルフレームの右上の［編集］をクリックします。

② 編集画面で学校名のローマ字表記を追記します。
ローマ字表記を入れるのは、学校名の読み方がわからないということを防ぐためです。
また、学校名の文字サイズを大きくするなど、見やすいように編集してください。

③ 入力が終了したら、画面下の［決定］をクリックして完了です。
完了したら、このように表記されます。この表記はあくまでも一例です。
いろいろな表記をお試しください。

4Step2 トップページ［連絡先］作成① 連絡先フレームの右上の［編集］をクリックします。

② 見本の文字は消去して、 下図を参考に、学校の連絡先情報を入力します。

③ 入力が終了したら、画面下の［決定］をクリックして完了です。

5

Step3 トップページ［リンク］作成① リンクを追加する場合は、［追加］をクリックします。
サイトの URL を入力し、タイトルなど入力します。

② 入力が終了したら、画面下の［決定］をクリックして登録します。

6

Step4 トップページ［教育情報システム登録機関バナー］作成① バナーブロックの［編集］をクリックします。
② バナーブロックが編集画面になります。管理責任者と運用管理者を入力します。

※ ［くまモン］の画像の設置は任意です。
③ [セッティングモード ON]をクリック ＞ バナーの編集アイコンをクリック④ タイトル部のバナーの文字を選択し、削除、テーマを[none]を選択し、[決定]をクリックします。

7

Step5 メニュー［学校の概要］
・［本校の教育］作成

メニューの［学校の概要］、［本校の教育］ともに同じ作成方法のため、ここでは、［学校の概要］の作成を例に説明します。

① ［メニュー］から、［学校の概要］をクリックすると、右に、［学校の沿革］が表示されます。

② ［編集］をクリックし、編集画面を表示します。
見本の文字とイラストは消去します。学校の基本情報等を入力します。

③ ［決定］をクリックし、登録します。

8

Step5 メニュー［学校の概要］
・［本校の教育］作成④ 文字が画像の右上にくるようにするには、画像を選択状態にし、左寄せボタンをクリック、元に戻したい時は、画像を選択状態にし、左寄せボタンを再度クリックします。
左寄せになっている状態

左寄せが解除されている状態

9

Step6 メニュー［行事予定］作成① ［メニュー］から、［行事予定］をクリックすると、右にカレンダーが表示されます。

② 行事予定を入力したい日付の右上の＋のアイコンをクリックします。

10

Step6 メニュー［行事予定］作成③ 予定の詳細を入力します。

［件名］を入力します。ここでは例として「終業式」と入力しています。
期間・時間の指定をチェックすることで、開始・終了日や時間を入力することができます。

詳細な情報の入力をクリックします。

表示したい情報を入力します。
［フォント］や［サイズ］、［スタイル］などで、文字のサイズや色、網掛けなどの効果をつけることができます。

④ 入力が完了したら［決定］をクリックし、登録します。

11

Step7 メニュー［学校生活］作成① ［学校生活］メニューはいわゆるブログ的な活用ができます。また、作成者が作成した記事を承認者が確認した後に Web にアップすることができます。
この［承認機能］を使う際には、承認者の e メールの登録が必要になりますので、承認者 ID でログインし、e メールを設定してください。
［承認者 ID でログインした画面］
画面上部右のハンドル名部分、ここでは［承認者］をクリックします。

会員情報の[編集]で編集画面を表示し、メールアドレスを登録します。
※ 承認者は必ず e メールを登録してください。

※ 同じように、ハンドル名も変更することができます。

12

Step7 メニュー［学校生活］作成② 作成者が投稿できるように、ブログの設定を確認します。
次に示す設定になっていない場合は、画面と同じように設定してください。
[セッティングモード ON]をクリック ＞ 学校生活フレームの編集アイコンをクリック※ この作業は学校サイト管理者のログイン ID でログインしてください。

一般表示から、設定を変更したいブログ名の［編集］をクリックします。

[メール設定]タブの[メール通知機能を使う][承認メール通知機能を使う]にチェックを入れ、投稿メールの通知を受ける権限に一般以上をチェックし、決定で更新します。

13

Step7 メニュー［学校生活］作成[権限設定]タブで[記事を投稿できる権限]を[一般]以上、[承認機能]で[記事・コメント両方に承認が必要]を選択して、決定で更新します。

では、次に記事を作成する方法をご説明します。

14Step7 メニュー［学校生活］作成③ ［メニュー］から、［学校生活］をクリックすると、右に［学校生活］が表示されます。

④ ［＋記事］をクリックし、記事を入力します。
タイトル、本文、日付を入力します。
画像を挿入する場合は、風景アイコンをクリックすると、画像の挿入ダイアログボックスが表示 されます。
入力が終了したら、［決定］をクリックして完了です。
必要であればカテゴリやタグも付与できます。
担当者への連絡欄は、承認者へ送信されるメールに記載されます。

15

Step8 メニュー［行事アルバム］作成

行事アルバムには、作成者 ID でアルバムを作成し、記事をアップすることができます。

① まず、学校サイトへ作成者 ID でアルバムを作成し、記事をアップできるように設定をします。
「＋アルバム作成」ボタンをクリックします。

アルバム名やアルバムの説明を入力します。初期値として 1 枚以上の写真も指定します。

16

Step8 メニュー［行事アルバム］作成② 作成したアルバムが一覧で表示されます。

③ 写真を追加します。[＋写真の追加]ボタンで新たな写真を指定してアップロードします。

17

Step8 メニュー［行事アルバム］作成④ アルバムをスライドショーとして表示する設定にもできます。
※ この設定は、学校サイト管理者ログイン ID でログインしてください。
[表示方法変更]タブを開き、[スライドショー]をチェックし、[決定]をクリックします。スライド写真の高さを自動にする場合は 0 にます。

18

Step9 メニュー［学校からのおたより］作成※ 公開するための文書は事前にＰＤＦに変換しておいてください。

① ［メニュー］から、［学校からのおたより］をクリックすると、右に［学校からのおたより］が表示されます。

② ブロック右上の［編集］をクリックし、［学校からのおたより］の中の文章を消去し、下図を参考に、配布物の情報を入力します。

19

Step9 メニュー［学校からのおたより］作成③ 次に、学校だより（PDF ファイル）にリンクをつけます。
クリップのアイコンをクリックし、［ファイル］ダイアログ画面を表示させます。

ファイルを指定して[OK]をクリックすると、ファイル名でリンクがつきます。
ファイル名は日本語で分かりやすく付けておくと、リンクが楽になります。

④ リンクの設定が終了したら、［決定］をクリックして完了です。

20

Step10 トップページ［新着情報］作成① 新着情報が自動的に表示されるように、トップページに新着プラグインを追加します※ この作業は学校サイト管理者のログイン ID でログインしてください。
[セッティングモード ON]をクリック[プラグイン追加（センター）]を追加する。

新着の右の「＋追加」をクリックする。

21

Step10 トップページ［新着情報］作成

一般的な[新着]プラグインの設定を示します。

最新 xx 日分を新着とする。で 7 日分を指定する。

表示項目は件名、カテゴリ名、プラグイン名、登録日時をチェックする。

「指定したプラグインのみ表示する」をチェックし、ブログのみチェックする。

22

Step11 トップページ［お知らせ］作成① [編集]をクリックします。

② 編集画面になります。見本の文字とイラストは消去します。
下図を参考に、発信したい情報を入力します。

23

Step11 トップページ［お知らせ］作成③ ホームページ上にリンクを張る方法を説明します。
リンクしたい文字を入力し、選択します。

この状態で[リンクの挿入・編集]をクリックします。
リンクウィンドウが表示されますので、リンク先 URL を入力します。

リンク先が自分のホームページ以外の場合は、ターゲット属性をクリックし、「新規ウィンドウ」を選択してください。
そうすることで、リンクをクリックした際に別ウィンドウで表示されるようになります。

24サポート会社

学校 CMS に関してのサポート業者は以下になります。
学校 CMS で不明点などがある場合は、問合せフォーム、メール、電話、FAX で質問することができます。
【サポート業者】
株式会社オープンソース・ワークショップ
住所：〒104-0031 東京都中央区京橋 2 丁目 8 番 4 号 オックスフォードビル 2F

電話番号：03-5534-8088
FA

X：03-5534-8188

Web：https://opensource-workshop.jp/【問合せフォーム】
http://www.higo.ed.jp/colas/ ＞ お問い合わせ【電話でのサポート】
平日の午前９時から午後５時を受付時間としております。
ただし、緊急の場合は時間外でも問題ございません。
【メール】
support@opensource-workshop.jp

25