Netto ホームページ作成マニュアル 2015年4月21日作成ver8.01

管理画面ＵＲＬ http://netto.jp/usr/index.php ログインE-mail （ ） パスワード （ ） ホームページＵＲＬ http://netto.jp/アカウント名 練習ログＵＲＬ http://www.netto.jp/cs/bg.php?usr_account=アカウント名

①．基本データ ②．自分のページ ③．TOPページ編集 ④．画像登録（看板画像・メイン画像を登録） ⑤．ページ作成 ⑥．新着管理 ⑦．アルバム管理 ⑧．試合 ⑨．選手／スタッフ登録 ⑩．スポンサー ⑪．カレンダー設定 ⑫．ＣＳＳ変更（経験者推奨） ⑬．Htmlファイル登録（画像やPDF・エクセルファイルを登録） ⑭．カレンダー使用説明 （カレンダー入力、関係者のみへのメール送信、自動メール配信→出欠登録、出欠確認、出欠変更）

⑮．練習ログ ■閲覧者のみページの説明 ■チーム掲示板の説明 ■問い合わせフォーム設置 ■YOUTUBE埋め込みの説明

PC/スマートフォン対応 スマートフォンでは一部使用出来ない メニューがございます。

1

http://netto.jp/usr/index.phphttp://netto.jp/usr/index.phphttp://netto.jp/http://netto.jp/http://www.netto.jp/cs/bg.php?usr_accounthttp://www.netto.jp/cs/bg.php?usr_account

１．管理画面へのログイン

・ＵＲＬ（http://netto.jp/usr/index.php）をブラウザにて入力 ・E-mail と パスワード入力でログイン

①．基本データ

●チーム名・・・チームの名前 ●アカウント・・・ＵＲＬとなります。（http://www.netto.jp/アカウント名） ●メールアドレス・・・管理画面にログインする際に必要です。（初回ログイン時は必ずメールアドレス変更） ●問い合わせフォーム用メールアドレス・・・問い合わせフォームを設置した際の問い合わせ送信先のメールアド レスを登録して下さい。 ●パスワード・・・管理画面にログインする際に必要です。（初回ログイン時は必ずメールアドレス変更） ●ユーザーコード・・・チーム内で管理するコードです。 試合画像の削除・チーム掲示板やチーム専用ページ にログインする際に必要となります。定期的な変更をおススメします。 ●カレンダーコード・・・チーム内で管理するコードです。ホームページ上でカレンダーの追加・編集を行う際に 必要となります。 ●旧サイト・・・URLを入力しておくことで、「ページ作成」ページにて、旧サイトを読み込むメニューが表示されます。 ●コンタクト・・・担当者名・メールアドレス、電話番号を入力して下さい。NETTOスタッフからの連絡は、この部分 で確認します。

① ③

④

⑩

⑪

⑫

⑬

⑥

⑦

⑧

⑨

⑤

⑭

⑮

2

http://netto.jp/usr/index.phphttp://www.netto.jp/

②．自分のページ 作成しているチームのページです。編集作業時、チェックしながら、作業を行って下さい。

③．TOPページ編集 作成しているチームのページです。編集作業時、チェックしながら、作業を行って下さい。

ＴＯＰページの画面中央に表示されます。 画像を掲載することやリンクを掲載することが、 可能です。 Htmlコードを入力できる方は、直接ソース入力 して下さい。

3

④．画像登録．自分のページ 看板画像とＴＯＰページのメイン画像を登録出来ます。 メイン画像は５枚まで登録可能。画像がスライド出来るシステムが標準装備されています。

4

⑤．ページ作成 標準で準備されているページと新規でページを作成することが出来ます。 このページでは編集出来ませんが、 ニュース・アルバム・試合・アルバム・掲示板（チーム専用）などを掲載するページが標準で、準備 されています。

下記ページが標準装備されています。 ホームページ上に表示する・しないは「編集」で変更することが出来ます

⑤－１ページ追加

ページ名・・・ページのタイトルを入力（ホームページのメニューに表示） ファイル名・・・http://netto.jp/johto/● ● ● ●.php（ ● ● ● ●部分にあたります） 閲覧者・・・関係者のみにすると、ページを見る際にコードを必要とします。チーム内だけの情報を 共有する場合は、こちらを選択。一般的に表示される場合は全員を選択してください。

5

⑤-２ページ編集 ページの内容を編集していきます。新しく作成したページの「編集」をクリック

「段落追加」をクリックして、記事を作成していきます。

⑤-３記事作成

段落タイトル・・・段落のタイトルです

ニュース本文・・・ニュースの本文を入力して下さい。 ・フォントに色を付けたり ・表を作成したり ・リンクをつけたり ・画像をはりつけたり 出来ます。

画像を使用・・・画像を添付して掲載することが出来ます。ひと段落につき、一枚のみ。

＊ニュース本文での画像リンクには制限はありません。 色々操作してマスターして下さい。 簡単です。 わからなければ、いつでもご質問して下さい。

6

段落

本文

添付画像

⑤-４ページの表示・非表示／閲覧者の設定

ページ表示・・・「表示する」は、メニューに表示。「表示しない」はページはあるが、メニューには非表示。 閲覧者・・・「関係者のみ」は、ページを見るために①「基本データ」で設定したユーザーコードを入力しないと 閲覧出来ない。（後述■閲覧者のみページの説明） 「全員」は、誰でも閲覧可能。 ＊設定したら確定ボタンを押すのを忘れずに。 7

⑥．新着管理 チームのニュースを配信。写真やＰＤＦ・エクセル等をアップロードすることが出来ます。

タイトル・・・ニュースのタイトル ニュース本文・・・ニュースの本文を入力。フォントに色を付けたり、表を作成したり、リンクをつけたり、画像をは りつけたり出来ます。 日付・・・日付を入力 写真1～3・・・画像を添付して掲載することが出来ます。 関連ふぁおる1～3・・・トーナメント表の、エクセルやＰＤＦのファイルをアップロード。 アップロードファイルのタイトルは、入力。 8

ニュースタイトル

本文

添付画像

関連ファイル

タイトルが表示

トップページにはタイトル表示

9

⑦．アルバム管理 写真を集めたアルバムを作成。

⑦ - １．アルバム追加

新規アルバム・・・アルバム名を入力 説明文・・・アルバムの説明

⑦ - ２．アルバム画像登録 アルバムに写真を追加。新しく作成したアルバムの「登録画像」をクリック

10

⑦-３．アルバム追加 写真を集めたアルバムを作成。

アルバム一括画像登録

複数の画像がある場合は、一括で画像を登録。「画像一括アップロードはコチラ」をクリック

キーボードの「ctrl」を押しながら画像をクリックしていくと、 複数選択出来ますので、選択後、「開く」をクリック

画像一括登録が成功です。

アルバム画像登録

登録画像が５枚以内の時は、一枚ずつアップロードすることが出来ます。 11

12

⑧．試合 試合を登録

⑧-１．新規試合登録

⑧-２．試合を入力

大会名・・・大会名を入力 試合場所・・・試合球場等を入力 試合日時・・・日付を選択 対戦相手・・・対戦チームを入力 攻撃順・・・チームが先攻か後攻かを選択 回戦・・・練習試合・２回戦・決勝戦・その他等を選択 コメント・・・試合に対するコメントを入力

13

⑧-３．スコア入力

⑧-４．試合写真の登録

試合に対する写真を登録。 登録方法はアルバム登録同様。

14

トップページには最新の試合が表示

ＨＰ上で、関係者でも画像登録可能

15

⑨．選手／スタッフ登録 選手や指導者・役員等の登録。

選手/指導者名・・・選手や指導者・役員等の名前を入力 選択・・・選手・指導者・役員等を選択 肩書き・・・選手以外で肩書き（会長や監督など）がある場合は入力 生年度・・・生まれた年度を入力 例：1978/4/5また1979/3/28生まれの人は1978年度になります。 選手以外は不要 高校進学先・・・選手で高校の進学先がわかれば入力。 写真・・・写真があれば登録。 コメント・・・自由に入力。選手は目標。監督やコーチなどの場合は経歴など。 E-mail登録・・・関係者のみに表示されているスケジュールを見る際、E-mailでログインすれば、表示。 カレンダーにてスケジュールを一括でメール送信する際に使用できます。 出欠確認の際に使用出来ます。 メール一括配信・・・スケジュールのメールを送信するか・しないかを選択。

16

⑨-2．アルバム作成

選手個人のアルバムを作成。 登録方法はアルバム登録同様。 ＊選手の一枚一枚の画像に簡単コメント残せます。 ＊１年時・２年時・３年時の成長の写真は楽しいです！

17

⑩．スポンサー チームで集めたスポンサーさんをＨＰに掲載出来ます。 きっと喜んでもらえると思う構成になっています。今後スポンサー集めが比較的楽になるかも！？

⑩-１．スポンサー登録

スポンサー・・・スポンサー名入力 ホームページＵＲＬ・・・ホームページがあれば、ＵＲＬを入力 スポンサーバナー・・・バナーサイズ横幅300pxで登録。ホームページ上では200pxで表示。

全ページの右に掲載

18

⑪．カレンダー設定 カレンダーの使い方は後述。ここでは、カレンダーへの項目設定。

標準で試合や公式戦・練習試合の項目を設定しています。 カレンダータイプ・・・カレンダーにスケジュールを登録する際の項目 カラー・・・カレンダーを見やすくするために色分け。カラーコードを入力

19

⑫．ＣＳＳ変更 ある程度htmlやCSSの知識がある方が操作して下さい。メニューの色や背景色などの変更が出来ます。 編集する前には、必ずメモ帳等にコピーペーストし、バックアップして下さい。 一度失敗すると、元には戻せません。

20

⑬．Htmlファイル登録 Html画像登録・ファイル登録しておくことで、 ページ作成での本文入力にて、リンクを設定することで、 画像又はPDFファイルやエクセルファイルを表示させることが出来ます。 また、css編集でもメニューのボタンを編集したりと様々な利用方法があります。

画像をアップロードすると、画像のリンク先が表示。 までをコピーし、本文にペーストすれば、表示。

21

⑭．カレンダー カレンダーの使用は、チームにとって非常に重要なツールです。 また、実はチームだけではなく、入団予定の家族もどんなスケジュールで、 練習試合や催事があるのかを見ているのです。 ここの利用が活発であれば、ご家族も安心しますので、 入団の決定につながります。 チーム内だけでなく、入団希望家族へのアピールの場としても活用して下さい。

カレンダーは、カレンダーコードを持っていれば、 誰でも追加・編集・削除が出来ます。

日にちをクリックすれば、その日のカレンダーにスケジュールを追記出来ます。

関係者のみ（カレンダーコード又はE-mai登録）の スケジュール表示も設定出来ます。

E-mail登録者（⑨）に一括でスケジュールをメール送信。 また、出欠確認を取ることができます。

22

⑭-１．カレンダー使用説明（カレンダー入力）

タイトル・・・カレンダーに表示させるタイトルを入力 内容・・・スケジュールの詳細を入力 時間・・・予定の時間を選択 タイプ・・・練習試合や練習などを選択。⑪カレンダー設定で追加修正した項目はここで、 選択されます。 公開・・・一般公開か関係者のみかを選択 コード・・・チーム内で共有しているカレンダーコードを入力

23

⑭-２．カレンダー使用説明（関係者のみへのメール送信） 新規でカレンダー登録した後、スケジュールを再度クリックすると、自動メール送信などを配信することが、 出来ます。 自動メールには、出欠確認のメールも自動で配信されます。

カレンダーコードを入力し、「詳細表示」をクリックすると、 下記詳細表示が表示されます。

⑨で登録、配信設定した選手やスタッフにメールで、 一括送信することが出来ます。 また、出欠確認をすることが出来ます。

24

⑭-３．カレンダー使用説明（自動メール配信→出欠登録） 自動メールの配信内容は下記となります。 カレンダーにリンクがあるので、クリックすると、 カレンダーが表示されます。

出席・出席しないかを選択 一言あれば入力 返信するを押せば出欠登録出来ます。

25

⑭-４．カレンダー使用説明（出欠確認） 出欠の確認もスケジュール上で行えます。

カレンダーコードを入力し、「詳細表示」をクリックすると、 下記詳細表示が表示されます。

26

⑭-５．カレンダー使用説明（出欠変更） 出欠の変更もスケジュール上で行えます。

カレンダーコードを入力し、「詳細表示」をクリックすると、 下記詳細表示が表示されます。

変更することが出来ます。

27

⑮．練習ログ ホームページのようにパブリックなコンテンツでは無いので、 ツイッターのような感じで、フランクにチームの情報を配信出来ます！！ チームのお楽しみコンテンツの用にご利用下さい！！ ・日頃の練習風景 ・プライベート など、写真と簡単なメッセージを添えて、更新して下さい。 試合後の選手の一言や監督・コーチ・保護者の一言などあっても、 面白いと思います。 ホームページとは違った角度で、情報を発信する事で、 入団を検討しているご家庭にチームの雰囲気を感じてもらう。 事で、入団のきっかけ作りにすること出来ます！！ 練習ログの更新は簡単！！

⑮-１．ログイン クリックする

NETTOに登録されているE-mailとパスワードを入力して、ログインして下さい。 ログイン出来ない場合は、「パスワードを忘れた方」をクリックすると、登録E-mail にパスワード設定のURL付メールを送信出来ますので、再度パスワード設定して 下さい。 28

⑮-３．書き込み

ログインすると、画面上に「書き込み」出来るパネルが表示されます。 画像も一緒にアップロード出来ます。 ※投稿するとログアウトする場合があります。その際は、再度ログインして下さい。 ログイン出来ない場合は、 、「パスワードを忘れた方」よりパスワードを再度請求して下さい。

⑮-４．タイムラインに表示

以上で、投稿終了です。

29

⑮-５．チームメンバーも練習ログに参加

⑮-６．新規会員登録

チームのホームページにある「練習ログ」をクリック。

クリックする

クリックする 30

⑮-７．チームメンバーも練習ログに参加

⑮-８．登録確認のメールが届きます。

受信可能なメールアドレスを入力して送信釦

下記URLをクリック

⑮-９．登録確認のメールが届きます。

・自分のURLとなるアカウント ・お名前（ニックネーム） ・パスワード を入力して、「新規登録してログインする」を クリックして下さい。

31

⑮-１０．ブロガー登録し、プロフィールを設定

メインの背景画像を変更出来ます。

ご自分のサムネイル画像を変更出来ます。

32

■閲覧者のみページの説明 ホームページを通して、チーム内の情報を流しているチームも多くあると思います。 ただ、その内容はチーム内に留めておきたい・ホームページに公表するような内容でない 事も多くあると思います。 ページ作成時に、「閲覧者のみ」設定をすることで、 そのページを閲覧するには、ユーザーコードが必要となります。 チーム内でユーザーコードを共有しておけば、 いつでも、チーム内のみだけで、ページを見ることが出来ます。

＊セキュリティ強化のテクニック ページ作成の際、「閲覧者のみ」＋「表示しない」にすると、ホームページのメニューには、 表示されませんので、セキュリティは上がります。 チーム内閲覧者には、そのページのＵＲＬをブックーマークしておいてもらいましょう。 おそらく、ＵＲＬがわからないとい質問が多くなってしまいますので。

33

■チーム掲示板の説明 ホームページ上で、ユーザーコードを持っている関係者とやりとりする掲示板です。

掲示板内をキーワードで検索

掲示板・・・掲示板に書き込む内容を入力 ニックネーム・・・ニックネームを入力（極力本名にした方がよいかもしれません） 掲示板コード・・・書き込んだ掲示板の内容を編集・削除する際に必要です。 ＊ユーザーコード間違わないように注意して下さい。

34

■問い合わせページ設置の説明 問い合わせフォームを準備しました。 問い合わせフォームへのリンクを問い合わせフォームに飛ばしたいページに設置して下さい。 問い合わせフォームのリンク先：http://www.netto.jp/cs/form_mail.php?usr_account=【アカウント】 ◆問い合わせフォーム画面

◆設置例

①問い合わせフォームを設置したいページの段落へ

②例問い合わせフォームと入力しマウスでドラッグし、 リンク設置アイコンをクリック

ドラッグ

リンク設置アイコン をクリック

③問い合わせフォームのリンク先を入力し、OKボタン

35

■YOUTUBE埋め込みの説明 YOUTUBE動画ページより、「共有」、「埋め込みコード」をクリックして埋め込み用のコードを表示させ、 コードをコピーします。

◆設置例

「ページ作成画面」でソース表示にしてコードをペースト。 ※高さ、横幅指定できますが、width「320」height「240」を推奨しています。

36