青山学院校友会
サイト管理マニュアル
2011.05.13
目 次 ●はじめに サイトを構成する要素の名称や機能 1 管理画面のログイン … 4 2 サイト選択 … 5 3 サイトメニュー … 6 ● Step1 まずは、サイトを立ち上げましょう 4 サイト管理 … 9 5 基本情報ページ管理 … 11 6 カテゴリ管理 … 17 ● Step2 記事の更新をしましょう。 7 記事更新 … 21 8 イベント情報 … 28 ● Step3 関連サイトへのバナーを貼りましょう。 9 テンプレートパーツ管理（上級者向け） … 31 ●終わりに 10 管理画面のログアウト … 35 【問い合わせ】 株式会社マインドシェア 校友会ホームページ企画運営事務局
[email protected]
2
①サイト名 自団体の名称が表示されます。 ②トップ画像 自団体のイメージ・写真が表示されます。 ③左ナビゲーション（メニュー） サイト内の各ページへのリンクが表示されます。当サイトでは、「カテゴリ」「基本情報ページ」「サ イトマップ」の 3 要素から構成されます。 ※各要素の詳細な機能については後述します。 ※「活動報告」「活動予定」「広報」「イベント情報」の 4 カテゴリはあらかじめ設定されています。 ④お知らせ 「活動報告」「活動予定」「広報」の新しい記事が表示されます。さらに、最新の記事は注目記事と して大きく扱われます。 ⑤イベント情報 お知らせと同様、「イベント情報」の新しい記事が表示されます。 ※開催日別のリストは、イベントカレンダーよりご確認ください。 ⑥更新コンテンツ 追加したカテゴリの更新記事が表示されます。 ⑦校友会本部からのお知らせ 校友会本部が更新したお知らせが自動的に表示されます。全サイトで共通の表示となります。 ⑧右ナビゲーション 校友会本部が編集した情報が自動的に表示されます。全サイトで共通の表示となります。 ⑨バナーエリア テンプレートパーツを編集することで、既存サイトへのリンク（バナー）やブログパーツなどを表
4
1 管理画面のログイン
下記 URL より、管理画面へアクセスします。 管理システム URL http://www.alumni-aogaku.jp/admin2/ ユーザー名 パスワード ※旧管理画面 URL（http://sv106.wadax.ne.jp/~alumni-aogaku-jp/admin2/）からでも、 同様にご利用いただけます。 ユーザー名、パスワードを入力し『ログインする』ボタンを押してください。 ※パスワードを忘れた場合は、必要事項を記入の上、下記アドレス宛にメールでご連絡さい。 【必要事項】（１）団体名（２）ユーザー名（３）HP 担当者名（４）HP 担当者メールアドレス アドレス： [email protected]2 サイト選択
自団体の所属するグループが表示されていることを確認し、ボタンをクリックします。
※グループは、「部会・同窓会」、「支部」、「アイビーグループ」の 3 つです。
6
3 サイトメニュー
①サイト管理 サイト名やメイン画像の確認・編集を行います。 ②ページ更新 会則や組織図・ご挨拶等、各団体の基本情報ページを作成します。 ③カテゴリ管理 定期的に更新するページ（日記やブログ・団体内部のお知らせ等）を格納するためのカテゴリを作 成・編集・削除できます。 ※あらかじめ設定されている「活動報告」「活動予定」「広報」「イベント情報」の 4 カテゴリについては削除はで きません。 ④記事更新 あらかじめ準備されたカテゴリ「活動報告」「活動予定」「広報」「イベント情報」および、追加し たカテゴリ（日記・ブログ・お知らせ等）の記事を作成・編集します。 ⑤テンプレートパーツ管理 バナーやピックアップコンテンツなどを表示するパーツを編集します。（上級者向け）
8
4 サイト管理
まずは、サイトの基本情報を設定します。 ①トップ画像 サイトで使用するメイン画像が登録・変更できます。画像を登録する場合は、「ファイルを選択」 ボタンをクリックし、アップロードしたい画像を選択します。ファイル選択後（ファイルを選択ボ タンの横にファイル名が表示されます）、保存するボタンを押して編集内容を保存してください。10 ②校友会本部サイトへの自団体表示 チェックを入れると、校友会本部サイトの左ナビゲーションからリンクが貼られます。 ※チェックが入っていることを必ず確認してください。 ③保存する 編集した情報を保存します。登録した情報は、サイトに反映されます。
5 基本情報ページ管理
次に、会則や組織図、会長からのご挨拶など、自団体サイトの基本情報ページを制作します。 新規で作成する場合は、「基本情報ページ新規作成」ボタンを押してください。作成済みページを 編集する場合は、各ページ名をクリックしてください。 また、作成済みページの公開・非公開は、「掲載」「掲載中止」ボタンで切り替えられます。 掲載中の記事は「記事表示」から確認できます。「⑤タイトル」には記事の件名を、「⑥本文」には記事の本文を、それぞれ入力します。 内容の確認が完了したら、「⑬掲載」を選択して記事を公開します。 ※記事に関連した写真などがある場合には、「⑦添付画像」から画像ファイルをアップロードして、「⑥本文」内の 写真を掲載したい部分に ”HTML ソース ” を貼り付けてください。 ①確認用 URL 作成したページの確認用 URL です。公開前に確認・回覧が必要な場合は、この URL をコピーして、 メールで送信する等にご活用ください。（管理システムにログインせずに該当の記事を閲覧するこ とができます） ②ステータス 編集中のページの公開状況を表示します。 掲載中：サイトで公開されているページです。 編集中：編集中のページで、サイトでは公開されていません。 ③表示順 編集中のページの表示位置を指定します。サイト上では、数字の小さい順に上から表示されます。 ④タイトル 編集中のページのページタイトルです。このタイトルが、サイト左のメニューおよびサイトマップ に表示されます。 ⑤本文 ページ本文です。自動改行にチェックが入っている場合、編集画面の改行がページに反映されます。 ※新規作成時は、テキストボックスの右下にある「自動改行」にチェックが入った状態になっています。 ※ Dreamweaver やホームページビルダー等のオーサリングツールで編集した HTML を貼り付ける場合は、「自動 改行」をオフにしてください。 ●ページの編集方法
14 ：太字 , : 斜体 , ：下線 , ：文字サイズ（大）, ：文字サイズ（小）, ：文字色 , ：ハイ ライト , リンク 文字に装飾を施す場合は、装飾したい文字を選択した状態（反転表示）で、施したい装飾（太字、 斜体、下線、サイズや色の変更、リンク等）のアイコンにカーソルを合わせてクリックすると、 装飾に必要なテキスト（HTML ソース）が自動的に入力されます。
※リンク先の URL は、追加されるテキスト <a href="http://xxx.xxx.xxx/" target="_blank"> の「http://xxx.xxx. xxx/」の箇所を書き換えてください。
例：ヤフージャパンへのリンクの場合
<a href="http://www.yahoo.co.jp/" target="_blank"> ヤフージャパン </a>）
⑥添付画像
ページに写真や地図などの画像もアップロードして掲載する事ができます。画像がアップロードさ れると、縮小画像（サムネイル）と画像表示用のテキスト（HTML ソース）が表示されるので、 表示したい位置（左寄せ / 中央揃え / 右寄せ）の HTML ソースをコピーして、本文に追加してくだ さい。
※このとき、画像サイズを指定してアップロードすることができます。また、記事の横幅（500px）を超える画 像は、自動で幅 500px にリサイズ（縮小）されます。 ⑦備考 ページについての備考を記入する欄です。サイトには表示されません。 ⑧掲載日時 ページの作成日です。新規でページを作成する場合は、自動的に現時刻が表示されます。日時は必 要に応じて手動で変更できます。 ⑨保存する 作成・編集したページを保存して、ページ一覧画面へ移動します。 ⑩保存して編集を継続 作成・編集中のページを一旦保存し、編集を継続します。 ⑪プレビュー 編集中のページのプレビューを表示します。ページ公開前に表示内容を確認したい場合などに使用 します。 ※編集内容は保存されません。
16
⑬削除
編集中のページを削除します。
6 カテゴリ管理
日記やブログ・団体内部のお知らせなど、日常的に更新するページ用のカテゴリを設定します。 カテゴリの新規作成、または変更を行います。 サイト上でのカテゴリの並び順を制御することができます。サイト上では数字の小さい方から順番 に並びます。 なお、あらかじめ準備されている以下の 4 カテゴリの数字（表示順）は変更できません。 「活動報告」＝表示順 ”０” 「活動予定」＝表示順 ”１” 「広報」＝表示順 ”２” 「イベント情報」＝表示順 ”３”18 ①表示順 カテゴリの並びを制御します。サイト上では数字の小さい方から順番に並びます。 ※０〜３までの数字、または同じ数字を選ぶこともできますが、その場合 ” あらかじめ準備されているカテゴリ ＞ 新規作成カテゴリ ＞ 基本情報ページ ” の順番で並びます。 ※「活動報告」「活動予定」「広報」「イベント情報」の 4 カテゴリについては、サイト設定時にあらかじめ準備さ れています。 ②カテゴリ名 カテゴリの名称を登録します。このカテゴリ名がサイト左のメニューおよびサイトマップに表示さ れます。 ③プレビューテンプレート 記事の投稿画面でプレビューを確認する際に使用するテンプレートを指定します。 group-detail.html を選択してください。
④一覧テンプレート カテゴリ内の記事一覧を表示する際のテンプレートを指定します。 group-list.html を選択してください。 ⑤詳細テンプレート カテゴリ内の詳細記事を表示する際のテンプレートを指定します。 group-detail.html を選択してください。 ⑥操作権限 表示されているユーザに、該当カテゴリへの投稿権限を与えます。チェックがない場合、このカテ ゴリへの記事の投稿はできません。 ⑦保存する 編集内容を保存します。 ⑧カテゴリ削除 編集中のカテゴリを削除します。 ※あらかじめ設定されている「活動報告」「活動予定」「広報」「イベント情報」の 4 カテゴリについては削除でき ません。
20
7 記事更新
カテゴリの準備ができたら、日々更新する記事を追加していきます。
「⑤タイトル」には記事の件名を、「⑥本文」には記事の本文を、それぞれ入力します。 内容の確認が完了したら、「⑬掲載」を選択して記事を公開します。 ※記事に関連した写真などがある場合には、「⑦添付画像」から画像ファイルをアップロードして、「⑥本文」内の 写真を掲載したい部分に ”HTML ソース ” を貼り付けてください。 ①確認用 URL 作成したページの確認用 URL です。公開前に確認・回覧が必要な場合は、この URL をコピーして、 メールで送信する等にご活用ください。（管理システムにログインせずに該当の記事を閲覧するこ とができます） ②ステータス 編集中のページの公開状況を表示します。 掲載中：サイトで公開されているページです。 編集中：編集中のページで、サイトには公開されていません。 ③カテゴリ 編集中の記事が含まれるカテゴリ名です。 ④最新記事 最新記事のチェックボックスにチェックを入れると、トップページのお知らせ欄に枠で囲われる形 でに表示されます。 囲み枠内には、その記事の本文（長い文章の場合は一部）が自動で表示されます。また、その記事 に画像がある場合は一点目の画像の縮小画像（サムネイル）も自動で表示されます。
24 ⑥本文 記事本文です。自動改行にチェックが入っている場合、編集画面の改行が記事に反映されます。 ※新規作成時は、テキストボックスの右下にある「自動改行」にチェックが入った状態になっています。 ※ Dreamweaver やホームページビルダー等のオーサリングツールで編集した HTML を貼り付ける場合は、「自動 改行」をオフにしてください。 ●記事の編集方法 ：太字 , : 斜体 , ：下線 , ：文字サイズ（大）, ：文字サイズ（小）, ：文字色 , ：ハイ ライト , リンク 文字に装飾を施す場合は、装飾したい文字を選択した状態（反転表示）で、施したい装飾（太字、 斜体、下線、サイズや色の変更、リンク等）のアイコンにカーソルを合わせてクリックすると、
装飾に必要なテキスト（HTML ソース）が自動的に入力されます。
※リンク先の URL は、追加されるテキスト <a href="http://xxx.xxx.xxx/" target="_blank"> の「http://xxx.xxx. xxx/」の箇所を書き換えてください。
例：ヤフージャパンへのリンクの場合
<a href="http://www.yahoo.co.jp/" target="_blank"> ヤフージャパン </a>）
⑦添付画像
記事に掲載する画像をアップロードします。画像がアップロードされると、縮小画像（サムネイル） と画像表示用のテキスト（HTML ソース）が表示されるので、表示したい位置（左寄せ / 中央揃 え / 右寄せ）の HTML ソースをコピーして、本文に追加してください。
26 ⑨掲載日時 記事の作成日です。新規で記事を作成する場合は、自動的に現時刻が表示されます。日時は必要に 応じて手動で変更できます。 ※本部サイトに公開する場合、各団体の記事が記事の掲載日時順に表示されます。 ⑩保存する 作成・編集したページを保存して編集を終了し、一覧ページへ遷移します。 ⑪保存して編集を継続 作成・編集中のページを一旦保存し、編集を継続します。 注：記事の新規作成時、「保存する」「保存して編集を継続」もしくは「掲載」の後に、ブラウザの戻るボタン で戻って再度「保存」「保存して編集を継続」「掲載」を行った場合、同じ記事が新たに追加されてしま いますので、ブラウザの戻るボタンは使用しないでください。 ⑫プレビュー 編集中のページのプレビューを表示します。ページ公開前に表示内容を確認したい場合などに使用 します。 ※編集内容は保存されません。 ⑬掲載 すべての入力が完了したら、「自団体サイトにだけ掲載する」「自団体サイトに掲載し、本部サイト への掲載依頼も送る」のいずれかを選択して、記事を掲載してください。選択されていない場合は、 「掲載ボタン」が機能しません。 ※校友会本部に送った掲載依頼が承認されると、その記事へのリンクが校友会本部サイトに掲載されます。 ※承認のタイミングには変動がありますので、予めご了承下さい。概ね、翌営業日以降、数日内に反映されます。 ※掲載依頼の申請は、当該ページにつき 1 回のみとしてください。本部にて最新の状態を確認し、掲載判断をいた します。 ※作成済み記事の編集時、すでに本部への掲載が許可されている場合には、「この記事は本部への掲載が許可され ています」と表示されます。 ⑭削除 編集中の記事を削除します。
作成された記事の一覧画面では、「掲載」「掲載中止」のステータス管理ができます。
ステータスが編集中（非公開）時には「掲載」ボタン、掲載中（公開）時には「掲載中止」ボタン がそれぞれ表示され、ステータスを切り替える事ができます。
掲載中の記事では、実際にサイトで公開されているページへのリンクが表示確認欄に表示されます。 掲載後のチェック等にご利用ください。
28
8 イベント情報
イベント情報の更新方法も、「7 記事更新」と大きく変わりませんが、イベント開催日の入力欄 が追加されています。 入力された開催日は、イベントカレンダーに登録されます。 開催日：イベントの開催日です。（イベントカレンダーに反映されます） 掲載日時：記事を作成した日時です。（校友会サイトトップの新着情報に反映されます） ※イベント開催日の欄は必須項目です。必ず入力して下さい。●本部掲載依頼について
記事は、本部掲載依頼機能を通じて、校友会トップページにも掲載させることができます。 自団体の活動をより広く校友にお知らせすることが可能になりますので、是非積極的にご利用ください。 なお、本部掲載依頼をされた記事は、本部で内容確認が完了した段階ではじめて記事が掲載されます。●記事の作成／掲載について
◆プライバシーの保護に関する法令の遵守 個人名や住所・電話番号など、個人情報については取扱に十分ご注意ください。 人物が写っている写真を掲載する場合、本人の許可が必要となります。撮影時にサイトで使用する可能 性があることを伝え、承認を得てください。本人が特定できる形で未承認の人物が写っている写真を掲 載することはできません。 ◆禁止事項 ・公序良俗に反する情報・写真の掲載 例：わいせつ、暴力的及びグロテスクなイメージ・表現、犯罪的行為を助長し又はその実行を 暗示するもの、猥褻な行為を目的とした出会い系サイト、年齢制限を有するサイトに誘導する 情報の掲載（単にリンクを張る行為を含む。）、その他、社会通念上公序良俗に反すると解釈される、 またはその恐れのある表現の掲載 ・営利目的とするような内容や、リンク先の掲載 ・青山学院の校章は登録商標であり、アレンジしてお使いいただくことができません。ただし、校友会 とその公認団体は青山学院のシンボルマークを使用することができます。使用の際はぜひ正しい校章を お使いいただきたく、お手数ですが商標使用の手続きをお願い申し上げます。 〔校章に関する問い合わせ先〕 学校法人青山学院 本部 総合企画部 知的資産連携機構 ・第三者の知的財産権（著作権・意匠権・特許権・実用新案権・商標権など）、財産、信用、名誉、プ30
9 テンプレートパーツ管理（上級者向け）
バナーの表示や、既存サイトへのリンク、ピックアップコンテンツなどを表示するためのスペース （テンプレートパーツ）が準備されています。
「left1.tpl」は、全ページの左メニューの下に表示されますので、表示させたい内容を編集します。 （要 HTML の知識）
32 ①管理 ID 自動的に発行される ID です。 ②テンプレート名 編集中のテンプレート名が表示されます。 ※ここは編集しないでください。変更した場合、サイトに表示されなくなります。 ③ HTML それぞれの領域に表示させたい内容を記述します。HTML ソースを記述すれば、様々な表現が可 能です。
④添付画像 記事に掲載する画像をアップロードします。アップロード方法については、「ページ更新」「記事更 新」を参照してください。 ⑤保存する 編集中のテンプレートパーツを保存します。 ⑥テンプレート削除 編集中のテンプレートを削除します。 ※削除してしまうと、サイトに表示されなくなります。万が一、誤って削除してしまった場合には、削除したテン プレートパーツと同名のパーツ（left.tpl）を新たに作成してください。
34
