学校 CMS 活用マニュアル作成編 2 contents 1. 日誌の作成 ( 応援メッセージ学校生活給食生徒会部活動 ) 1 2. トップページへの記事の移動 3 3. 時間割月行事給食献立部活動計画 4 1 PDF ファイルのアップロード 2 画像ファイルのアップロード 4.

(1)

学校 CMS 活用マニュアル

【作成編２】

1. 日誌の作成

（応援メッセージ・学校生活・給食・生徒会・部活動）

…１

2. トップページへの記事の移動

… … … ３

3. 時間割・月行事・給食献立・部活動計画

………４

① 「PDF ファイル」のアップロード

② 「画像ファイル」のアップロード

4. 応援メッセージ

… … … ７

5. スクロール掲示板の変更

… … … ９

6. 画像へのリンクの追加

………11

(2)

応援メッセージ・学校生活・給食・生徒会・部活動の記事を作成します。

操作

説明

１それぞれのアカウントでログインする。２記事を作成したいメニューを選ぶ。３「記事を書く」をクリックする。４「タイトル」を記入する。

1.日誌の作成

(3)

５写真を挿入する。 ① 「画像の挿入（山のアイコン）」を押す。 ② 「ファイルを選択」を押して、挿入したい画像を選ぶ。 ③ 「詳細設定」を押して調整する。・位置→左・右・文字の上部など・大きさ→350 ぐらい ※「高さ」は空白・余白→４ ※文章との隙間ができて見やすい ④ 「画像の挿入」を押す。【補足】 ■CMS の仕様により、2 メガを超えるファイルはアップロードできません。画像ファイルは予め、ペイントなどで開いてサイズを小さくしておきます。６記事を書く。 ① 写真の右側にカーソルを持っていく。 ② 文字サイズを決める。 ※12〜14 ぐらいが見やすいです。 ③ 記事を書く。 ④ 「決定」を押す。７管理職の承認をもらう。 ※【未承認】の状態ではまだウェブ上に公開されていません。校長先生（教頭先生）に口頭で伝えて、承認者のアカウントでログインしてもらい、承認ボタンを押してもらいます。

(4)

学校生活・生徒会等に書かれた日誌の記事をトップページに移動します。

※日誌を書いても自動的にはトップページに反映されません。手動でコピーして貼り付けます。

操作

説明

１管理者でログインする２「セッティングモード」に切り替える。３トップページに反映させたい記事を選択してコピーする。 ※写真ごとコピーします。文末からドラッグして範囲選択するとやりやすいです。４トップページに移動して、挿入したい「お知らせ」ブロックをダブルクリックする。５編集画面になったら、新しい記事を貼り付ける。６決定を押して終了する。

2.トップページへの記事の移動

(5)

① 「PDF ファイル」のアップロード

操作

説明

１管理者でログインする２「セッティングモード」に切り替える。３メニューから「時間割」（月行事・給食・部活動など）のページに入る。４ PDF をアップロードするブロックの編集ボタンをクリックする。５ファイルを差し込みたい場所にカーソルを合わせて「ファイルの挿入」ボタン（クリップマーク）を押す。６差し込みたい PDF ファイルを選択して「開く」を押す。 ※あらかじめ時間割の PDF ファイル名を前回までのものと統一した表記にしておくと便利です。 ※文字サイズが揃うように調整します。７「OK」を押してファイルをアップロードする。８「決定」を押して作業を終了。【補足】 ■2 メガを超えるファイルはアップロードできないのでサイズを小さくしておきます。SmartPDF サイトが使いやすいです。 https://smallpdf.com/jp/pdf-to-jpg

3.時間割・月行事・給食献立・部活動計画

(6)

② 「画像ファイル」での時間割・月行事のアップロード

操作

説明

１時間割の PDF ファイルを JPEG（画像）ファイルに変換する。 ※SmartPDF サイトが使いやすいです。お気に入りに入れておくと便利です。 https://smallpdf.com/jp/pdf-to-jpg ① 時間割 PDF ファイルを黄色の枠にドロップ ② 「ページ全体を抽出」→「オプションの選択」 ③ 左下に出るファイルの画像をクリック →ダウンロードされる。２時間割 JPEG ファイルの余白を切り取る。 ① ペイントでひらく。 ②「表示」→「縮小」で全体が見えるように調整する。 ③「ホーム」→「選択」で必要な部分だけ範囲を指定する。 ④名前をつけて保存する。３管理者でログインする４「セッティングモード」に切り替える。５メニューから「時間割」のページに入る。

(7)

６すでに表示されている先週の時間割の上でダブルクリックする。７余白を切り取った時間割の JPEG ファイルをアップロードする。 ①「画像の挿入」ウィンドウで「ファイルの選択」から、余白を切り取った時間割の JPEG ファイルを選ぶ。 ②「大きさ」の「広さ」はそのまま、「高さ」を空白にする ※サイズが調整されます。 ③「画像の挿入」をクリックする。 ④「決定」を押して作業完了。【補足】 ■「月行事予定」の画像フィアルも同じ手順でアップロードできます。

(8)

トップページのスライドショーにメッセージ画像を追加します

操作

説明

１応援メッセージの画像を作成する。 ※パワーポイントで作成して、画像として保存すると良いです。 ※画像サイズを 700✕395 ピクセルにあわせると、違和感なくスライドショーに差し込むことがができます。２西原中 CMS に管理者でログインする３「感謝！全国からの応援メッセージ！」ブロックの編集ボタンを押す。４フォトアルバム「創造的な復興に向けて」 ①「アルバムの編集」を押す。 ②「（旗のマーク）」を押す。５新しく作成した応援メッセージの画像をアップロードする。 ①タブ「写真の追加」を押す。 ②「ファイルの選択」を押す。 ③「決定」を押す。

4.応援メッセージ

(9)

６必要に応じて写真を並べ替える。 ①「写真の編集」を押す。 ②写真の境目にポインタを合わせると太線になるので、それをドラッグして、入れ込みたい箇所（黄線で表示される）に移動できる。 ③決定を押して作業終了。

(10)

トップページ上部のスクロール掲示板の内容を書き換えます。

動きのある表示で時期的なお知らせや緊急の連絡を強調させます。

操作

説明

１管理者でログインする２「セッティングモード」に切り替える。３編集ボタンを押す。４下部の、「HTML」タブを押す。５文章を書き換える。 ※「プレビュー」タブを押すと、変更後の表示を確認できます。６「決定」を押して終了。【補足】  font color（文字の色）は「編集」タブの「文字色」で好みの色の番号をコピーして差し替えると変更できます。  スクロールの速さは

5.スクロール掲示板の変更

(11)

〔スクロール掲示板のコード〕

①以下の部分をお知らせブロックの HTML タブに貼り付ける。

②「記入したい文言」の箇所に、お知らせしたい内容を記入する。

<marquee

style="height:90px;width:646px;"

truespeed="true"

_extended="true">

<span

style="font-size:18pt;"

_extended="true">

<h2 _extended="true">

<span

style="font-size:24pt;"

_extended="true">

記入したい文言

</h2>

</marquee>

(12)

画像そのものに他のウェブサイトにつながるリンクを貼ります。

操作

説明

１管理者でログインする２「セッティングモード」に切り替える。３編集ボタンを押す。４リンクを貼りたい画像をクリックして選択する。５「リンクの挿入」アイコンを押し，リンクを貼りたいアドレスを URL の枠に貼り付ける。６「リンクの挿入」→「決定」を押して，作業完了。 ※新しいウィンドウで開かせたいときは，「ターゲット」の設定を変更しておく。