目 次 はじめにサイトを構成する要素の名称や機能 1 管理画面のログイン 4 2 サイト選択 5 3 サイトメニュー 6 Step1 まずは サイトを立ち上げましょう 4 サイト管理 9 5 基本情報ページ管理 11 6 カテゴリ管理 17 Step2 記事の更新をしましょう 7 記事更新 21 8

Transcription

1 青山学院校友会 サイト管理マニュアル ver.2.3.0

2 目 次 はじめにサイトを構成する要素の名称や機能 1 管理画面のログイン 4 2 サイト選択 5 3 サイトメニュー 6 Step1 まずは サイトを立ち上げましょう 4 サイト管理 9 5 基本情報ページ管理 11 6 カテゴリ管理 17 Step2 記事の更新をしましょう 7 記事更新 21 8 イベント情報 28 Step3 関連サイトへのバナーを貼りましょう 9 テンプレートパーツ管理 ( 上級者向け ) 31 終わりに 10 管理画面のログアウト 35 問い合わせ 株式会社マインドシェア校友会ホームページ企画運営事務局 alumni-aogaku@mindshare.co.jp

3 はじめに 1

4 2 サイトを構成する要素の名称や機能

5 1サイト名自団体の名称が表示されます 2トップ画像自団体のイメージ 写真が表示されます 3 左ナビゲーション ( メニュー ) サイト内の各ページへのリンクが表示されます 当サイトでは カテゴリ 基本情報ページ サイトマップ の 3 要素から構成されます 各要素の詳細な機能については後述します 活動報告 活動予定 広報 イベント情報 の 4 カテゴリはあらかじめ設定されています 4お知らせ 活動報告 活動予定 広報 の新しい記事が表示されます さらに 最新の記事は注目記事として大きく扱われます 5イベント情報お知らせと同様 イベント情報 の新しい記事が表示されます 開催日別のリストは イベントカレンダーよりご確認ください 6 更新コンテンツ追加したカテゴリの更新記事が表示されます 7 校友会本部からのお知らせ校友会本部が更新したお知らせが自動的に表示されます 全サイトで共通の表示となります 8 右ナビゲーション校友会本部が編集した情報が自動的に表示されます 全サイトで共通の表示となります 9バナーエリアテンプレートパーツを編集することで 既存サイトへのリンク ( バナー ) やブログパーツなどを表示できます 次項からは サイトの設定から基本情報の登録 記事の更新まで 段階をおって進めていきます 3

6 1 管理画面のログイン 下記 URL より 管理画面へアクセスします 管理システム URL ユーザー名 パスワード 旧管理画面 URL( ) からでも 同様にご利用いただけます ユーザー名 パスワードを入力し ログインする ボタンを押してください パスワードを忘れた場合は 必要事項を記入の上 下記アドレス宛にメールでご連絡さい 必要事項 (1) 団体名 (2) ユーザー名 (3)HP 担当者名 (4)HP 担当者メールアドレス アドレス :alumni-aogaku@mindshare.co.jp 4

7 2 サイト選択 自団体の所属するグループが表示されていることを確認し ボタンをクリックします グループは 部会 同窓会 支部 アイビーグループ の 3 つです 自団体へのリンクボタンが表示されるので クリックして管理メニューへと進んでください 5

8 3 サイトメニュー 自団体サイトを管理するメニューが表示されます 6

9 1 サイト管理 サイト名やメイン画像の確認 編集を行います 2ページ更新会則や組織図 ご挨拶等 各団体の基本情報ページを作成します 3カテゴリ管理定期的に更新するページ ( 日記やブログ 団体内部のお知らせ等 ) を格納するためのカテゴリを作成 編集 削除できます あらかじめ設定されている 活動報告 活動予定 広報 イベント情報 の 4 カテゴリについては削除はできません 4 記事更新あらかじめ準備されたカテゴリ 活動報告 活動予定 広報 イベント情報 および 追加したカテゴリ ( 日記 ブログ お知らせ等 ) の記事を作成 編集します 5テンプレートパーツ管理バナーやピックアップコンテンツなどを表示するパーツを編集します ( 上級者向け ) 7

10 8 Step1: まずは サイトを立ち上げましょう

11 4 サイト管理 まずは サイトの基本情報を設定します 1トップ画像サイトで使用するメイン画像が登録 変更できます 画像を登録する場合は ファイルを選択 ボタンをクリックし アップロードしたい画像を選択します ファイル選択後 ( ファイルを選択ボタンの横にファイル名が表示されます ) 保存するボタンを押して編集内容を保存してください 9

12 2 校友会本部サイトへの自団体表示 チェックを入れると 校友会本部サイトの左ナビゲーションからリンクが貼られます チェックが入っていることを必ず確認してください 3 保存する編集した情報を保存します 登録した情報は サイトに反映されます 10

13 5 基本情報ページ管理 次に 会則や組織図 会長からのご挨拶など 自団体サイトの基本情報ページを制作します 新規で作成する場合は 基本情報ページ新規作成 ボタンを押してください 作成済みページを編集する場合は 各ページ名をクリックしてください また 作成済みページの公開 非公開は 掲載 掲載中止 ボタンで切り替えられます 掲載中の記事は 記事表示 から確認できます 11

14 12

15 5 タイトル には記事の件名を 6 本文 には記事の本文を それぞれ入力します 内容の確認が完了したら 13 掲載 を選択して記事を公開します 記事に関連した写真などがある場合には 7 添付画像 から画像ファイルをアップロードして 6 本文 内の写真を掲載したい部分に HTML ソース を貼り付けてください 1 確認用 URL 作成したページの確認用 URL です 公開前に確認 回覧が必要な場合は この URL をコピーして メールで送信する等にご活用ください ( 管理システムにログインせずに該当の記事を閲覧することができます ) 2ステータス編集中のページの公開状況を表示します 掲載中 : サイトで公開されているページです 編集中 : 編集中のページで サイトでは公開されていません 3 表示順編集中のページの表示位置を指定します サイト上では 数字の小さい順に上から表示されます 4タイトル編集中のページのページタイトルです このタイトルが サイト左のメニューおよびサイトマップに表示されます 5 本文ページ本文です 自動改行にチェックが入っている場合 編集画面の改行がページに反映されます 新規作成時は テキストボックスの右下にある 自動改行 にチェックが入った状態になっています Dreamweaver やホームページビルダー等のオーサリングツールで編集した HTML を貼り付ける場合は 自動改行 をオフにしてください ページの編集方法 13

16 : 太字, : 斜体, : 下線, : 文字サイズ ( 大 ), : 文字サイズ ( 小 ), : 文字色, : ハイ ライト, リンク 文字に装飾を施す場合は 装飾したい文字を選択した状態 ( 反転表示 ) で 施したい装飾 ( 太字 斜体 下線 サイズや色の変更 リンク等 ) のアイコンにカーソルを合わせてクリックすると 装飾に必要なテキスト (HTML ソース ) が自動的に入力されます リンク先の URL は 追加されるテキスト <a href=" target="_blank"> の xxx/ の箇所を書き換えてください 例 : ヤフージャパンへのリンクの場合 <a href=" target="_blank"> ヤフージャパン </a>) 6 添付画像ページに写真や地図などの画像もアップロードして掲載する事ができます 画像がアップロードされると 縮小画像 ( サムネイル ) と画像表示用のテキスト (HTML ソース ) が表示されるので 表示したい位置 ( 左寄せ / 中央揃え / 右寄せ ) の HTML ソースをコピーして 本文に追加してください 14

17 このとき 画像サイズを指定してアップロードすることができます また 記事の横幅 ( 500px ) を超える画像は 自動で幅 500px にリサイズ ( 縮小 ) されます 7 備考ページについての備考を記入する欄です サイトには表示されません 8 掲載日時ページの作成日です 新規でページを作成する場合は 自動的に現時刻が表示されます 日時は必要に応じて手動で変更できます 9 保存する作成 編集したページを保存して ページ一覧画面へ移動します 10 保存して編集を継続作成 編集中のページを一旦保存し 編集を継続します 11プレビュー編集中のページのプレビューを表示します ページ公開前に表示内容を確認したい場合などに使用します 編集内容は保存されません 12 掲載する作成 編集したページを保存し サイトで公開します 注 : ページの新規作成時 保存 保存して編集を継続 もしくは 掲載する の後に ブラウザの戻るボタ ンで戻って再度 保存 保存して編集を継続 掲載する を行った場合 同じページが新たに追加されてしまいますので ブラウザの戻るボタンは使用しないでください 15

18 13 削除 編集中のページを削除します 追加されたページは カテゴリ ( 次項 カテゴリ で説明 ) 領域の下に挿入されます 16

19 6 カテゴリ管理 日記やブログ 団体内部のお知らせなど 日常的に更新するページ用のカテゴリを設定します カテゴリの新規作成 または変更を行います サイト上でのカテゴリの並び順を制御することができます サイト上では数字の小さい方から順番に並びます なお あらかじめ準備されている以下の 4 カテゴリの数字 ( 表示順 ) は変更できません 活動報告 = 表示順 0 活動予定 = 表示順 1 広報 = 表示順 2 イベント情報 = 表示順 3 新規で作成する基本情報ページやカテゴリは 表示順の数字は 4 以上を選んでください 17

20 1 表示順カテゴリの並びを制御します サイト上では数字の小さい方から順番に並びます 0 3までの数字 または同じ数字を選ぶこともできますが その場合 あらかじめ準備されているカテゴリ > 新規作成カテゴリ > 基本情報ページ の順番で並びます 活動報告 活動予定 広報 イベント情報 の 4 カテゴリについては サイト設定時にあらかじめ準備されています 2カテゴリ名カテゴリの名称を登録します このカテゴリ名がサイト左のメニューおよびサイトマップに表示されます 3プレビューテンプレート記事の投稿画面でプレビューを確認する際に使用するテンプレートを指定します group-detail.html を選択してください 18

21 4 一覧テンプレート カテゴリ内の記事一覧を表示する際のテンプレートを指定します group-list.html を選択してください 5 詳細テンプレートカテゴリ内の詳細記事を表示する際のテンプレートを指定します group-detail.html を選択してください 6 操作権限表示されているユーザに 該当カテゴリへの投稿権限を与えます チェックがない場合 このカテゴリへの記事の投稿はできません 7 保存する編集内容を保存します 8カテゴリ削除編集中のカテゴリを削除します あらかじめ設定されている 活動報告 活動予定 広報 イベント情報 の 4 カテゴリについては削除できません 19

22 20 Step2: 記事の更新をしましょう

23 7 記事更新 カテゴリの準備ができたら 日々更新する記事を追加していきます まず 記事を更新したいカテゴリを選択し 新規記事作成を選択します 21

24 22

25 5 タイトル には記事の件名を 6 本文 には記事の本文を それぞれ入力します 内容の確認が完了したら 13 掲載 を選択して記事を公開します 記事に関連した写真などがある場合には 7 添付画像 から画像ファイルをアップロードして 6 本文 内の写真を掲載したい部分に HTML ソース を貼り付けてください 1 確認用 URL 作成したページの確認用 URL です 公開前に確認 回覧が必要な場合は この URL をコピーして メールで送信する等にご活用ください ( 管理システムにログインせずに該当の記事を閲覧することができます ) 2ステータス編集中のページの公開状況を表示します 掲載中 : サイトで公開されているページです 編集中 : 編集中のページで サイトには公開されていません 3カテゴリ編集中の記事が含まれるカテゴリ名です 4 最新記事最新記事のチェックボックスにチェックを入れると トップページのお知らせ欄に枠で囲われる形でに表示されます 囲み枠内には その記事の本文 ( 長い文章の場合は一部 ) が自動で表示されます また その記事に画像がある場合は一点目の画像の縮小画像 ( サムネイル ) も自動で表示されます 複数の記事にチェックを入れた場合 最新の記事のみがピックアップ表示されます 5タイトル編集中の記事のタイトルです 本部サイトのタイトルは 全角 22 文字を超えるとそれ以降は省略表示される設定となっておりますので ご留意下さい 23

26 6 本文記事本文です 自動改行にチェックが入っている場合 編集画面の改行が記事に反映されます 新規作成時は テキストボックスの右下にある 自動改行 にチェックが入った状態になっています Dreamweaver やホームページビルダー等のオーサリングツールで編集した HTML を貼り付ける場合は 自動改行 をオフにしてください 記事の編集方法 : 太字, : 斜体, : 下線, : 文字サイズ ( 大 ), : 文字サイズ ( 小 ), : 文字色, : ハイ ライト, リンク 文字に装飾を施す場合は 装飾したい文字を選択した状態 ( 反転表示 ) で 施したい装飾 ( 太字 斜体 下線 サイズや色の変更 リンク等 ) のアイコンにカーソルを合わせてクリックすると 24

27 装飾に必要なテキスト (HTML ソース ) が自動的に入力されます リンク先の URL は 追加されるテキスト <a href=" target="_blank"> の xxx/ の箇所を書き換えてください 例 : ヤフージャパンへのリンクの場合 <a href=" target="_blank"> ヤフージャパン </a>) 7 添付画像記事に掲載する画像をアップロードします 画像がアップロードされると 縮小画像 ( サムネイル ) と画像表示用のテキスト (HTML ソース ) が表示されるので 表示したい位置 ( 左寄せ / 中央揃え / 右寄せ ) の HTML ソースをコピーして 本文に追加してください このとき 画像サイズを指定してアップロードすることができます また 記事の横幅 ( 500px ) を超える画像は 自動で幅 500px にリサイズ ( 縮小 ) されます 8 備考記事についての備考を記入する欄です サイトには表示されません 25

28 9 掲載日時記事の作成日です 新規で記事を作成する場合は 自動的に現時刻が表示されます 日時は必要に応じて手動で変更できます 本部サイトに公開する場合 各団体の記事が記事の掲載日時順に表示されます 10 保存する作成 編集したページを保存して編集を終了し 一覧ページへ遷移します 11 保存して編集を継続作成 編集中のページを一旦保存し 編集を継続します 注 : 記事の新規作成時 保存する 保存して編集を継続 もしくは 掲載 の後に ブラウザの戻るボタン で戻って再度 保存 保存して編集を継続 掲載 を行った場合 同じ記事が新たに追加されてしまいますので ブラウザの戻るボタンは使用しないでください 12プレビュー編集中のページのプレビューを表示します ページ公開前に表示内容を確認したい場合などに使用します 編集内容は保存されません 13 掲載すべての入力が完了したら 自団体サイトにだけ掲載する 自団体サイトに掲載し 本部サイトへの掲載依頼も送る のいずれかを選択して 記事を掲載してください 選択されていない場合は 掲載ボタン が機能しません 校友会本部に送った掲載依頼が承認されると その記事へのリンクが校友会本部サイトに掲載されます 承認のタイミングには変動がありますので 予めご了承下さい 概ね 翌営業日以降 数日内に反映されます 掲載依頼の申請は 当該ページにつき 1 回のみとしてください 本部にて最新の状態を確認し 掲載判断をいたします 作成済み記事の編集時 すでに本部への掲載が許可されている場合には この記事は本部への掲載が許可されています と表示されます 14 削除編集中の記事を削除します 26

29 作成された記事の一覧画面では 掲載 掲載中止 のステータス管理ができます ステータスが編集中 ( 非公開 ) 時には 掲載 ボタン 掲載中 ( 公開 ) 時には 掲載中止 ボタンがそれぞれ表示され ステータスを切り替える事ができます 掲載中の記事では 実際にサイトで公開されているページへのリンクが表示確認欄に表示されます 掲載後のチェック等にご利用ください 27

30 8 イベント情報 イベント情報の更新方法も 7 が追加されています 記事更新 と大きく変わりませんが イベント開催日の入力欄 入力された開催日は イベントカレンダーに登録されます 開催日 イベントの開催日です イベントカレンダーに反映されます 掲載日時 記事を作成した日時です 校友会サイトトップの新着情報に反映されます イベント開催日の欄は必須項目です 必ず入力して下さい 28

31 本部掲載依頼について 記事は 本部掲載依頼機能を通じて 校友会トップページにも掲載させることができます 自団体の活動をより広く校友にお知らせすることが可能になりますので 是非積極的にご利用ください なお 本部掲載依頼をされた記事は 本部で内容確認が完了した段階ではじめて記事が掲載されます 記事の作成 / 掲載について プライバシーの保護に関する法令の遵守個人名や住所 電話番号など 個人情報については取扱に十分ご注意ください 人物が写っている写真を掲載する場合 本人の許可が必要となります 撮影時にサイトで使用する可能性があることを伝え 承認を得てください 本人が特定できる形で未承認の人物が写っている写真を掲載することはできません 禁止事項 公序良俗に反する情報 写真の掲載例 : わいせつ 暴力的及びグロテスクなイメージ 表現 犯罪的行為を助長し又はその実行を暗示するもの 猥褻な行為を目的とした出会い系サイト 年齢制限を有するサイトに誘導する情報の掲載 ( 単にリンクを張る行為を含む ) その他 社会通念上公序良俗に反すると解釈される またはその恐れのある表現の掲載 営利目的とするような内容や リンク先の掲載 青山学院の校章は登録商標であり アレンジしてお使いいただくことができません ただし 校友会とその公認団体は青山学院のシンボルマークを使用することができます 使用の際はぜひ正しい校章をお使いいただきたく お手数ですが商標使用の手続きをお願い申し上げます 校章に関する問い合わせ先 学校法人青山学院本部総合企画部 知的資産連携機構 第三者の知的財産権( 著作権 意匠権 特許権 実用新案権 商標権など ) 財産 信用 名誉 プライバシーを侵害すること 不利益を与えること 誹謗中傷 脅迫 嫌がらせを行うこと 法令に反する記事 または法令に反する行為へ勧誘する記事の掲載 政治活動に利用すること コンピュータウィルスなどの有害なプログラムを 本サービスを通じまたは関連して使用すること もしくは提供すること 29

32 30 Step3: 関連サイトへのバナーを貼りましょう

33 9 テンプレートパーツ管理 ( 上級者向け ) バナーの表示や 既存サイトへのリンク ピックアップコンテンツなどを表示するためのスペース ( テンプレートパーツ ) が準備されています left1.tpl は 全ページの左メニューの下に表示されますので 表示させたい内容を編集します ( 要 HTML の知識 ) 31

34 1 管理 ID 自動的に発行される ID です 2テンプレート名編集中のテンプレート名が表示されます ここは編集しないでください 変更した場合 サイトに表示されなくなります 3 HTML それぞれの領域に表示させたい内容を記述します HTML ソースを記述すれば 様々な表現が可能です 32

35 4 添付画像 記事に掲載する画像をアップロードします アップロード方法については ページ更新 記事更新 を参照してください 5 保存する編集中のテンプレートパーツを保存します 6テンプレート削除編集中のテンプレートを削除します 削除してしまうと サイトに表示されなくなります 万が一 誤って削除してしまった場合には 削除したテンプレートパーツと同名のパーツ (left.tpl) を新たに作成してください 33

36 34 終わりに

37 10 管理画面のログアウト メニュー画面の右上のリンクから ログアウトできます ユーザー名 パスワードの管理について ユーザー名 パスワードは責任者および実際に運用する担当者の責任において 厳重に管理してください ユーザー名 パスワードの紛失 盗難 第三者の使用等による損害 ( サイトの改ざんやそれにより発生する何らかの事象 ) の責任は利用者が負うものとします 校友会は一切責任を負いません 万が一 ユーザー名 パスワードが第三者に使用されていることが判明した場合には 直ちに校友会本部 (alumni@aoyamagakuin.jp) までご連絡ください 35

38 39

39 40

40 40