Netto ホームページ 作 成 マニュアル 2015 年 4 月 21 日 作 成 ver8.01 管 理 画 面 URL http://netto.jp/usr/index.php ログインE-mail ( ) パスワード ( ) PC/スマートフォン 対 応 スマートフォンでは 一 部 使 用 出 来 ない メニューがございます ホームページURL http://netto.jp/アカウント 名 練 習 ログURL http://www.netto.jp/cs/bg.php?usr_account=アカウント 名 1. 基 本 データ 2. 自 分 のページ 3.TOPページ 編 集 4. 画 像 登 録 ( 看 板 画 像 メイン 画 像 を 登 録 ) 5.ページ 作 成 6. 新 着 管 理 7.アルバム 管 理 8. 試 合 9. 選 手 /スタッフ 登 録 10.スポンサー 11.カレンダー 設 定 12.CSS 変 更 ( 経 験 者 推 奨 ) 13.Htmlファイル 登 録 ( 画 像 やPDF エクセルファイルを 登 録 ) 14.カレンダー 使 用 説 明 (カレンダー 入 力 関 係 者 のみへのメール 送 信 自 動 メール 配 信 出 欠 登 録 出 欠 確 認 出 欠 変 更 ) 15. 練 習 ログ 閲 覧 者 のみページの 説 明 チーム 掲 示 板 の 説 明 問 い 合 わせフォーム 設 置 YOUTUBE 埋 め 込 みの 説 明 1
1. 管 理 画 面 へのログイン URL(http://netto.jp/usr/index.php)をブラウザにて 入 力 E-mail と パスワード 入 力 でログイン 3 1 6 4 7 8 10 11 9 5 14 12 13 15 1. 基 本 データ チーム 名 チームの 名 前 アカウント URLとなります (http://www.netto.jp/アカウント 名 ) メールアドレス 管 理 画 面 にログインする 際 に 必 要 です ( 初 回 ログイン 時 は 必 ずメールアドレス 変 更 ) 問 い 合 わせフォーム 用 メールアドレス 問 い 合 わせフォームを 設 置 した 際 の 問 い 合 わせ 送 信 先 のメールアド レスを 登 録 して 下 さい パスワード 管 理 画 面 にログインする 際 に 必 要 です ( 初 回 ログイン 時 は 必 ずメールアドレス 変 更 ) ユーザーコード チーム 内 で 管 理 するコードです 試 合 画 像 の 削 除 チーム 掲 示 板 やチーム 専 用 ページ にログインする 際 に 必 要 となります 定 期 的 な 変 更 をおススメします カレンダーコード チーム 内 で 管 理 するコードです ホームページ 上 でカレンダーの 追 加 編 集 を 行 う 際 に 必 要 となります 旧 サイト URLを 入 力 しておくことで ページ 作 成 ページにて 旧 サイトを 読 み 込 むメニューが 表 示 されます コンタクト 担 当 者 名 メールアドレス 電 話 番 号 を 入 力 して 下 さい NETTOスタッフからの 連 絡 は この 部 分 で 確 認 します 2
2. 自 分 のページ 作 成 しているチームのページです 編 集 作 業 時 チェックしながら 作 業 を 行 って 下 さい 3.TOPページ 編 集 作 成 しているチームのページです 編 集 作 業 時 チェックしながら 作 業 を 行 って 下 さい TOPページの 画 面 中 央 に 表 示 されます 画 像 を 掲 載 することやリンクを 掲 載 することが 可 能 です Htmlコードを 入 力 できる 方 は 直 接 ソース 入 力 して 下 さい 3
4. 画 像 登 録. 自 分 のページ 看 板 画 像 とTOPページのメイン 画 像 を 登 録 出 来 ます メイン 画 像 は5 枚 まで 登 録 可 能 画 像 がスライド 出 来 るシステムが 標 準 装 備 されています 4
5.ページ 作 成 標 準 で 準 備 されているページと 新 規 でページを 作 成 することが 出 来 ます このページでは 編 集 出 来 ませんが ニュース アルバム 試 合 アルバム 掲 示 板 (チーム 専 用 )などを 掲 載 するページが 標 準 で 準 備 されています 下 記 ページが 標 準 装 備 されています ホームページ 上 に 表 示 する しないは 編 集 で 変 更 することが 出 来 ます 5-1ページ 追 加 ページ 名 ページのタイトルを 入 力 (ホームページのメニューに 表 示 ) ファイル 名 http://netto.jp/johto/.php( 部 分 にあたります) 閲 覧 者 関 係 者 のみにすると ページを 見 る 際 にコードを 必 要 とします チーム 内 だけの 情 報 を 共 有 する 場 合 は こちらを 選 択 一 般 的 に 表 示 される 場 合 は 全 員 を 選 択 してください 5
5-2ページ 編 集 ページの 内 容 を 編 集 していきます 新 しく 作 成 したページの 編 集 をクリック 段 落 追 加 をクリックして 記 事 を 作 成 していきます 5-3 記 事 作 成 段 落 タイトル 段 落 のタイトルです ニュース 本 文 ニュースの 本 文 を 入 力 して 下 さい フォントに 色 を 付 けたり 表 を 作 成 したり リンクをつけたり 画 像 をはりつけたり 出 来 ます 画 像 を 使 用 画 像 を 添 付 して 掲 載 すること が 出 来 ます ひと 段 落 につき 一 枚 のみ *ニュース 本 文 での 画 像 リンクには 制 限 は ありません 色 々 操 作 してマスターして 下 さい 簡 単 です わからなければ いつでもご 質 問 して 下 さい 6
段 落 添 付 画 像 本 文 5-4ページの 表 示 非 表 示 / 閲 覧 者 の 設 定 ページ 表 示 表 示 する は メニューに 表 示 表 示 しない はページはあるが メニューには 非 表 示 閲 覧 者 関 係 者 のみ は ページを 見 るために1 基 本 データ で 設 定 したユーザーコードを 入 力 しないと 閲 覧 出 来 ない ( 後 述 閲 覧 者 のみページの 説 明 ) 全 員 は 誰 でも 閲 覧 可 能 * 設 定 したら 確 定 ボタンを 押 すのを 忘 れずに 7
6. 新 着 管 理 チームのニュースを 配 信 写 真 やPDF エクセル 等 をアップロードすることが 出 来 ます タイトル ニュースのタイトル ニュース 本 文 ニュースの 本 文 を 入 力 フォントに 色 を 付 けたり 表 を 作 成 したり リンクをつけたり 画 像 をは りつけたり 出 来 ます 日 付 日 付 を 入 力 写 真 1~3 画 像 を 添 付 して 掲 載 することが 出 来 ます 関 連 ふぁおる1~3 トーナメント 表 の エクセルやPDFのファイルをアップロード アップロードファイルのタイトルは 入 力 8
ニュースタイトル 添 付 画 像 本 文 関 連 ファイル トップページにはタイトル 表 示 タイトルが 表 示 9
7.アルバム 管 理 写 真 を 集 めたアルバムを 作 成 7-1.アルバム 追 加 新 規 アルバム アルバム 名 を 入 力 説 明 文 アルバムの 説 明 7-2.アルバム 画 像 登 録 アルバムに 写 真 を 追 加 新 しく 作 成 したアルバムの 登 録 画 像 をクリック 10
7-3.アルバム 追 加 写 真 を 集 めたアルバムを 作 成 アルバム 一 括 画 像 登 録 複 数 の 画 像 がある 場 合 は 一 括 で 画 像 を 登 録 画 像 一 括 アップロードはコチラ をクリック キーボードの ctrl を 押 しながら 画 像 をクリックしていくと 複 数 選 択 出 来 ますので 選 択 後 開 く をクリック 画 像 一 括 登 録 が 成 功 です アルバム 画 像 登 録 登 録 画 像 が5 枚 以 内 の 時 は 一 枚 ずつアップロードすることが 出 来 ます 11
12
8. 試 合 試 合 を 登 録 8-1. 新 規 試 合 登 録 8-2. 試 合 を 入 力 大 会 名 大 会 名 を 入 力 試 合 場 所 試 合 球 場 等 を 入 力 試 合 日 時 日 付 を 選 択 対 戦 相 手 対 戦 チームを 入 力 攻 撃 順 チームが 先 攻 か 後 攻 かを 選 択 回 戦 練 習 試 合 2 回 戦 決 勝 戦 その 他 等 を 選 択 コメント 試 合 に 対 するコメントを 入 力 13
8-3.スコア 入 力 8-4. 試 合 写 真 の 登 録 試 合 に 対 する 写 真 を 登 録 登 録 方 法 はアルバム 登 録 同 様 14
HP 上 で 関 係 者 でも 画 像 登 録 可 能 トップページには 最 新 の 試 合 が 表 示 15
9. 選 手 /スタッフ 登 録 選 手 や 指 導 者 役 員 等 の 登 録 選 手 / 指 導 者 名 選 手 や 指 導 者 役 員 等 の 名 前 を 入 力 選 択 選 手 指 導 者 役 員 等 を 選 択 肩 書 き 選 手 以 外 で 肩 書 き( 会 長 や 監 督 など)がある 場 合 は 入 力 生 年 度 生 まれた 年 度 を 入 力 例 :1978/4/5また1979/3/28 生 まれの 人 は1978 年 度 になります 選 手 以 外 は 不 要 高 校 進 学 先 選 手 で 高 校 の 進 学 先 がわかれば 入 力 写 真 写 真 があれば 登 録 コメント 自 由 に 入 力 選 手 は 目 標 監 督 やコーチなどの 場 合 は 経 歴 など E-mail 登 録 関 係 者 のみに 表 示 されているスケジュールを 見 る 際 E-mailでログインすれば 表 示 カレンダーにてスケジュールを 一 括 でメール 送 信 する 際 に 使 用 できます 出 欠 確 認 の 際 に 使 用 出 来 ます メール 一 括 配 信 スケジュールのメールを 送 信 するか しないかを 選 択 16
9-2.アルバム 作 成 選 手 個 人 のアルバムを 作 成 登 録 方 法 はアルバム 登 録 同 様 * 選 手 の 一 枚 一 枚 の 画 像 に 簡 単 コメント 残 せます *1 年 時 2 年 時 3 年 時 の 成 長 の 写 真 は 楽 しいです! 17
10.スポンサー チームで 集 めたスポンサーさんをHPに 掲 載 出 来 ます きっと 喜 んでもらえると 思 う 構 成 になっています 今 後 スポンサー 集 めが 比 較 的 楽 になるかも!? 10-1.スポンサー 登 録 スポンサー スポンサー 名 入 力 ホームページURL ホームページがあれば URLを 入 力 スポンサーバナー バナーサイズ 横 幅 300pxで 登 録 ホームページ 上 では200pxで 表 示 全 ページの 右 に 掲 載 18
11.カレンダー 設 定 カレンダーの 使 い 方 は 後 述 ここでは カレンダーへの 項 目 設 定 標 準 で 試 合 や 公 式 戦 練 習 試 合 の 項 目 を 設 定 しています カレンダータイプ カレンダーにスケジュールを 登 録 する 際 の 項 目 カラー カレンダーを 見 やすくするために 色 分 け カラーコードを 入 力 19
12.CSS 変 更 ある 程 度 htmlやcssの 知 識 がある 方 が 操 作 して 下 さい メニューの 色 や 背 景 色 などの 変 更 が 出 来 ます 編 集 する 前 には 必 ずメモ 帳 等 にコピーペーストし バックアップして 下 さい 一 度 失 敗 すると 元 には 戻 せません 20
13.Htmlファイル 登 録 Html 画 像 登 録 ファイル 登 録 しておくことで ページ 作 成 での 本 文 入 力 にて リンクを 設 定 することで 画 像 又 はPDFファイルやエクセルファイルを 表 示 させることが 出 来 ます また css 編 集 でもメニューのボタンを 編 集 したりと 様 々な 利 用 方 法 があります 画 像 をアップロードすると 画 像 のリンク 先 が 表 示 <img src~ jpg>までをコピーし 本 文 にペーストすれば 表 示 21
14.カレンダー カレンダーの 使 用 は チームにとって 非 常 に 重 要 なツールです また 実 はチームだけではなく 入 団 予 定 の 家 族 もどんなスケジュールで 練 習 試 合 や 催 事 があるのかを 見 ているのです ここの 利 用 が 活 発 であれば ご 家 族 も 安 心 しますので 入 団 の 決 定 につながります チーム 内 だけでなく 入 団 希 望 家 族 へのアピールの 場 としても 活 用 して 下 さい カレンダーは カレンダーコードを 持 っていれば 誰 でも 追 加 編 集 削 除 が 出 来 ます 関 係 者 のみ(カレンダーコード 又 はE-mai 登 録 )の スケジュール 表 示 も 設 定 出 来 ます E-mail 登 録 者 (9)に 一 括 でスケジュールをメール 送 信 また 出 欠 確 認 を 取 ることができます 日 にちをクリックすれば その 日 のカレンダーにスケジュールを 追 記 出 来 ます 22
14-1.カレンダー 使 用 説 明 (カレンダー 入 力 ) タイトル カレンダーに 表 示 させるタイトルを 入 力 内 容 スケジュールの 詳 細 を 入 力 時 間 予 定 の 時 間 を 選 択 タイプ 練 習 試 合 や 練 習 などを 選 択 11カレンダー 設 定 で 追 加 修 正 した 項 目 はここで 選 択 されます 公 開 一 般 公 開 か 関 係 者 のみかを 選 択 コード チーム 内 で 共 有 しているカレンダーコードを 入 力 23
14-2.カレンダー 使 用 説 明 ( 関 係 者 のみへのメール 送 信 ) 新 規 でカレンダー 登 録 した 後 スケジュールを 再 度 クリックすると 自 動 メール 送 信 などを 配 信 することが 出 来 ます 自 動 メールには 出 欠 確 認 のメールも 自 動 で 配 信 されます カレンダーコードを 入 力 し 詳 細 表 示 をクリックすると 下 記 詳 細 表 示 が 表 示 されます 9で 登 録 配 信 設 定 した 選 手 やスタッフにメールで 一 括 送 信 することが 出 来 ます また 出 欠 確 認 をすることが 出 来 ます 24
14-3.カレンダー 使 用 説 明 ( 自 動 メール 配 信 出 欠 登 録 ) 自 動 メールの 配 信 内 容 は 下 記 となります カレンダーにリンクがあるので クリックすると カレンダーが 表 示 されます 出 席 出 席 しないかを 選 択 一 言 あれば 入 力 返 信 するを 押 せば 出 欠 登 録 出 来 ます 25
14-4.カレンダー 使 用 説 明 ( 出 欠 確 認 ) 出 欠 の 確 認 もスケジュール 上 で 行 えます カレンダーコードを 入 力 し 詳 細 表 示 をクリックすると 下 記 詳 細 表 示 が 表 示 されます 26
14-5.カレンダー 使 用 説 明 ( 出 欠 変 更 ) 出 欠 の 変 更 もスケジュール 上 で 行 えます カレンダーコードを 入 力 し 詳 細 表 示 をクリックすると 下 記 詳 細 表 示 が 表 示 されます 変 更 することが 出 来 ます 27
15. 練 習 ログ ホームページのようにパブリックなコンテンツでは 無 いので ツイッターのような 感 じで フランクにチームの 情 報 を 配 信 出 来 ます!! チームのお 楽 しみコンテンツの 用 にご 利 用 下 さい!! 日 頃 の 練 習 風 景 プライベート など 写 真 と 簡 単 なメッセージを 添 えて 更 新 して 下 さい 試 合 後 の 選 手 の 一 言 や 監 督 コーチ 保 護 者 の 一 言 などあっても 面 白 いと 思 います ホームページとは 違 った 角 度 で 情 報 を 発 信 する 事 で 入 団 を 検 討 しているご 家 庭 にチームの 雰 囲 気 を 感 じてもらう 事 で 入 団 のきっかけ 作 りにすること 出 来 ます!! 練 習 ログの 更 新 は 簡 単!! 15-1.ログイン クリックする NETTOに 登 録 されているE-mailとパスワードを 入 力 して ログインして 下 さい ログイン 出 来 ない 場 合 は パスワードを 忘 れた 方 をクリックすると 登 録 E-mail にパスワード 設 定 のURL 付 メールを 送 信 出 来 ますので 再 度 パスワード 設 定 して 下 さい 28
15-3. 書 き 込 み ログインすると 画 面 上 に 書 き 込 み 出 来 るパネルが 表 示 されます 画 像 も 一 緒 にアップロード 出 来 ます 投 稿 するとログアウトする 場 合 があります その 際 は 再 度 ログインして 下 さい ログイン 出 来 ない 場 合 は パスワードを 忘 れた 方 よりパスワードを 再 度 請 求 して 下 さい 15-4.タイムラインに 表 示 以 上 で 投 稿 終 了 です 29
15-5.チームメンバーも 練 習 ログに 参 加 15-6. 新 規 会 員 登 録 チームのホームページにある 練 習 ログ をクリック クリックする クリックする 30
15-7.チームメンバーも 練 習 ログに 参 加 受 信 可 能 なメールアドレスを 入 力 して 送 信 釦 15-8. 登 録 確 認 のメールが 届 きます 下 記 URLをクリック 15-9. 登 録 確 認 のメールが 届 きます 自 分 のURLとなるアカウント お 名 前 (ニックネーム) パスワード を 入 力 して 新 規 登 録 してログインする を クリックして 下 さい 31
15-10.ブロガー 登 録 し プロフィールを 設 定 メインの 背 景 画 像 を 変 更 出 来 ます ご 自 分 のサムネイル 画 像 を 変 更 出 来 ます 32
閲 覧 者 のみページの 説 明 ホームページを 通 して チーム 内 の 情 報 を 流 しているチームも 多 くあると 思 います ただ その 内 容 はチーム 内 に 留 めておきたい ホームページに 公 表 するような 内 容 でない 事 も 多 くあると 思 います ページ 作 成 時 に 閲 覧 者 のみ 設 定 をすることで そのページを 閲 覧 するには ユーザーコードが 必 要 となります チーム 内 でユーザーコードを 共 有 しておけば いつでも チーム 内 のみだけで ページを 見 ることが 出 来 ます *セキュリティ 強 化 のテクニック ページ 作 成 の 際 閲 覧 者 のみ + 表 示 しない にすると ホームページのメニューには 表 示 されませんので セキュリティは 上 がります チーム 内 閲 覧 者 には そのページのURLをブックーマークしておいてもらいましょう おそらく URLがわからないとい 質 問 が 多 くなってしまいますので 33
チーム 掲 示 板 の 説 明 ホームページ 上 で ユーザーコードを 持 っている 関 係 者 とやりとりする 掲 示 板 です 掲 示 板 内 をキーワードで 検 索 掲 示 板 掲 示 板 に 書 き 込 む 内 容 を 入 力 ニックネーム ニックネームを 入 力 ( 極 力 本 名 にした 方 がよいかもしれません) 掲 示 板 コード 書 き 込 んだ 掲 示 板 の 内 容 を 編 集 削 除 する 際 に 必 要 です *ユーザーコード 間 違 わないように 注 意 して 下 さい 34
問 い 合 わせページ 設 置 の 説 明 問 い 合 わせフォームを 準 備 しました 問 い 合 わせフォームへのリンクを 問 い 合 わせフォームに 飛 ばしたいページに 設 置 して 下 さい 問 い 合 わせフォームのリンク 先 :http://www.netto.jp/cs/form_mail.php?usr_account= アカウント 問 い 合 わせフォーム 画 面 設 置 例 1 問 い 合 わせフォームを 設 置 したいページの 段 落 へ 2 例 問 い 合 わせフォームと 入 力 しマウスでドラッグし リンク 設 置 アイコンをクリック ドラッグ リンク 設 置 アイコン をクリック 3 問 い 合 わせフォームのリンク 先 を 入 力 し OKボタン 35
YOUTUBE 埋 め 込 みの 説 明 YOUTUBE 動 画 ページより 共 有 埋 め 込 みコード をクリックして 埋 め 込 み 用 のコードを 表 示 させ コードをコピーします 設 置 例 ページ 作 成 画 面 でソース 表 示 にしてコードをペースト 高 さ 横 幅 指 定 できますが width 320 height 240 を 推 奨 しています 36