学校向けホームページマニュアル(Ver1.0.0)

記事を投稿する

記事をあげたいときは次の手順で行います。

  1. 「投稿」から「新規追加」で記事を入力します。(何かのファイルから文章をコピーしたいときは、コピーしたあと貼りたい場所で右クリックし、「プレーンテキストとして貼り付ける」で貼り付けると、元の書体でなくなるためきれいに表示されます。)
    • タイトル:記事のタイトル
    • カテゴリー:記事の種類。該当するものにチェックを入れます。
    • アイキャッチ画像:トップページで表示される画像。画像の比率は2:1で表示されます。ものによっては正しく表示されない場合もありますので、そのときはたとえば500×250、370×185(pixel)のように、ファイルの比率を調整します。カテゴリーで「お知らせ」や「学校だより」を選んだ場合は、自動で入る画像を設定している学校様もありますが、別のものを入れたい場合は「アイキャッチ画像を削除」してその画像を選びます。
    • 抜粋:記事一覧のページで表示される記事の要約。90字前後でまとめます。もし書き入れなければ、記事の内容の初めの部分が表示されます。
  2. 公開します。(まだ公開したくない場合は「下書きとして保存」で保存しておきます。承認システムが付いている学校様ではユーザーによっては「レビュー待ちとして送信」となる場合もあります。プレビューで見え方も確認しておくとあとは公開するだけとなります。公開した後でも修正して更新できます。)
  3. ページ上で正しく見えていることを確認して完了です。

 

記事に写真を入れる

  1. メディアライブラリに写真をアップロードします。その際、ファイル名は日本語ではなく、英数字などのものをあげます。また、ファイルサイズは640×480(px)くらいの100KB前後のものであげてください。それより大き過ぎると、サーバーに負荷がかかり、エラーになることがあります。また、縦横の比率がこの4:3以外の場合、ページ内やアイキャッチ画像(記事一覧のページで表示される画像)でうまく表示できないときがあります。サイズの変更・編集は「ペイント」か「縮小専用(シュクセン)」などのフリーソフトでできます。
  2. 作成した記事の中で、写真を入れたい場所にカーソルを合わせ、「メディアを追加」。

 

写真が1枚のとき

  1. 写真を選択します。
  2. 右の詳細でサイズを選び、「投稿に挿入」(写真を大きく表示したくないときは、リンク先を「なし」とし、サイズは「サムネイル」か「中」を選びます)。

 

写真が2枚以上のとき

  1. 左の「ギャラリーを作成」で写真を選び、「ギャラリーを作成」。
  2. 写真の順番はファイルを選択した順に左から並びますが、変更したければドラッグアンドドロップでできます。カラムは1列に表示する枚数で、サイズも適宜選択し、「ギャラリーを挿入」(写真を大きく表示したくないときは、リンク先を「なし」とし、サイズは「サムネイル」か「中」を選びます)。

 

記事の中でリンクをはる

  1. リンクをはりたい語句を選択し、(リンクの挿入/編集ボタン)をクリックします。
  2. 左の枠内にURLを入れ、右の「リンク設定」で「リンクを新しいタブで開く」のチェックを入れて「リンク追加」。(自分のホームページ内へのリンクの場合は、「リンクを新しいタブで開く」のチェックは入れないほうがよいです)
  3. 下記のように表示されるようになります。

 

記事の中でルビ(文字の上にフリガナ)を振る

ルビは次の3通りが使えます。

例1)熟語:学校(がっこう) 実際には( )を《 》として入力します(以下も同じ)。

学校《がっこう》

例2)造語:|EURO(ユーロ) |光の戦士(ウルトラマン) 言葉の前に縦棒(|)を入れます。

|EURO《ユーロ》 |光の戦士《ウルトラマン》

例3)傍点:((これが大事)) かっこを二重にしてくくります。

《《これが大事》》

記事の中に動画を入れる

  1. Youtubeでアカウントを作り、ログインして動画をアップロードします。
    (詳しくは公式ホームページをご覧ください。)
  2. 動画のURLを直接コピー&ペーストします。
    例)“https://www.youtube.com/watch?v=_fW3iB_1XgM” “ ”はつけません。直接置きます。
    https://www.youtube.com/watch?v=_fW3iB_1XgM

PDFを投稿する

写真を追加するのと同じ要領です。

  1. メディアライブラリにPDFをアップロードします。
  2. 作成した記事の中で、PDFを入れたい場所にカーソルを合わせ、「メディアを追加」。
  3. PDFを選択し、「投稿に挿入」。

保護者がダウンロード・印刷できるようにするにはPDFにリンクを貼ります。

  1. 左メニュー「メディア」より対象のPDFを開きます。
  2. 「URLをクリップボードにコピー」をクリック(タップ)し、画面を閉じます。
  3. PDFの記事を開き、PDFの下に「ダウンロード」と入力し、入力した「ダウンロード」の文字を選択します。
  4. タイトル下に並んでいるマークから「リンクの挿入/編集」をクリック(タップ)します。
  5. 右クリックして貼り付けます。
  6. 右の歯車マーク「リンク設定」を開き、「リンクを新しいタブで開く」のチェックを入れて「リンク追加」をクリック(タップ)します。

 

行事予定の入れ方

行事予定をあげたいときは次の手順で行います。

  1. 「イベント」から「新しく追加」で行事予定を入れていきます。
    • タイトル:予定のタイトル
    • 「段落」下の白い欄:予定内容の詳細があれば書きこみできます。(たとえば「持ち物」や行程表など。)
    • イベントの日付と時刻:時刻が設定されている予定なら「開始日/時刻」「終了日/時刻」を選びます。もし該当する時刻がなければ変更します。
      例1)4/5 午後3:00~4:00 の場合

      特に時刻の予定がなければ「終日」にチェックを入れます。
  2. 公開します。(まだ公開したくない場合は「下書きとして保存」で保存しておきます。プレビューで見え方も確認しておくとあとは公開するだけとなります。公開した後でも修正して更新できます。)
  3. ページ上で正しく見えていることを確認して完了です。

 

行事予定を繰り返す

たとえば同じ予定(例.一斉下校 14:15など)を繰り返したいとき、一度設定してしまうと一回の入力で済みます。

  1. 「イベント」から「新しく追加」で行事予定を入れていきます。
    • イベントの日付に初日を設定し、「終日」にチェックを入れます。
    • 「繰り返し」を「カスタム」にします。
    • 「繰り返しイベントを追加」の「日付を表示する」から該当する日付を選びます。
  2. 公開します。(まだ公開したくない場合は「下書きとして保存」で保存しておきます。プレビューで見え方も確認しておくとあとは公開するだけとなります。公開した後でも修正して更新できます。)
  3. ページ上で正しく見えていることを確認して完了です。

 

行事予定を色分けする(PC・タブレットでのみ)

たとえば祝日を赤色で表示したりPTAやCSが関わる予定を別の色で表示したりすることができます。ただしカレンダーが表示されるのはPC・タブレットのみで、スマートフォンではカレンダー下の一覧がテキストで並んでいます。

  1. 「イベント」から「カテゴリー」を開きます。
  2. 「名前」に種類名(例.祝日)、スラッグに英語名(ローマ字でも可)を入れます。

  1. 色を決めて、「新規カテゴリーを追加」します。
  2. 右側の一覧に正しく表示されれば完了です。

 

行事予定に記事をリンクさせる

たとえば遠足などのお知らせを記事であげたとき、あるいは行事終了後にその記事をあげたとき、予定表からもその記事を読んでもらえるようにリンクさせる方法です。

  1. 記事を公開してページ上で開きます。
  2. URLをコピーします。
  3. イベントの編集画面で、下の記事内容を書く欄にコピーしたURLをはりつけて更新します。
  4. 予定表からリンクがはられていることを確認して完了です。

 

行事を下書き状態に戻す

  1. すべてのイベント(イベント一覧)で、対象のイベントを「クイック編集」。
  2. ステータスを「公開済み」から「下書き」へ変更し、「更新」。
  3. ページ上で正しく見えていることを確認して完了です。

 

行事をキャンセルする

  1. すべてのイベント(イベント一覧)で、対象のイベントを「ゴミ箱へ移動」。もし削除したいイベントが複数あれば、左のチェックボックスにチェックを入れて「一括操作」を「ゴミ箱へ移動」にして「適用」。
  2. 一覧の上の「ゴミ箱」の中にイベントが入ります。
  3. 「ゴミ箱」へ移動して「ゴミ箱を空にする」。(チェックを入れていなくてもすべて消えます。)
  4. ページ上で正しく見えていることを確認して完了です。

 

行事予定の取り出し方

行事予定をワードなどに移したいときは次の手順で行います。

  1. ページ上で行事予定を表示します。
  2. カレンダー下のテキストデータをコピーします。
  3. ワードなどに貼り付けます。(テキストデータだけ貼り付けたいときは貼りたい場所で右クリックし、「プレーンテキストとして貼り付ける」で貼り付けます。)