コンテンツメニュー
■□■ 共通初期操作 ■□■□■□■□■□■□■□■□■
HP左ブロック下の管理者用ユーザー名・パスワードを入力し、ログイン
左ブロックのユーザメニューから管理者メニューを選択
■□■ １．メインブロック（お知らせ・トピック等）■□■□■□■□■□■□■□■□■
左ブロック一番上・総合管理画面を選択
A.新規ブロック作成の場合（新しく『トピック』等のコーナーを作るとき）
１行目<カスタムブロック> の右隣の（新規） を選択
表示サイド（左、中央のどちらかを選ぶ、普通は中央）
優先度 (表示したい、上からの順番を入れる)
表示 ON/OFF⇒ONにする
表示対象 （普通はトップページか全ページ）
タイトル （既存のタイトルは、お知らせ、トピック、一学期のトピック等）フォントは変えられない
コンテンツ （アップする内容を入れる ※印のところが特に重要）
＊鎖マーク ⇒ リンクしたいサイトのurl 説明 ２
＊メールアドレス ⇒ リンクしたいメールアドレス
＊画像ファイル ⇒ 画像ファイルのurl
※イメージマネジャー ⇒ 画像を取り込む 説明１
＊＜＞ プログラムコード
＊ 引用したい文を入力
※文字をべた打ちするだけなら大きな枠の中に入れる。
字の形を変えたいときは大きな枠の上の小さな横長空白スペース（追加ボタンの左のボックス）に文字を入力して、そのあと大きさ、フォント、色等を指定して、追加ボタンをクリックすると下の大きな枠に指定した命令が付いた文字が入力される。
＊絵文字を入れたければ絵文字 ＆（もっと）から選択
カスタムブロックの種類 カスタム（HTML＋BBCODE変換＋自動クリック＋顔アイコン）注）この中に 顔アイコンが入っていると顔の絵がHP画面に表示される
キャッシュ （キャッシュなしでOK）
最後にプレビューをクリック ⇒ 最下段にプレビューが表示される
OKなら新規作成をクリック ⇒ ＨＰを更新する前段階（カスタムブロックのブロック管理）へ進む。
ブロック管理の項目の下の方・アクセス権限設定
⇒ 自分の作った項目にチェックマークを付ける
(管理サイト者・登録ユーザ・ゲストの３つに普通はチェックを入れる)
送信をクリック ⇒「権限を更新しました」と画面に表示される
ホーム(ホームページ)に戻りチェック
B.既成のブロック（トピック等）の記事を差し替え、更新する場合
管理者メニュー・総合管理画面の中の＜カスタムブロック＞を選択
既成のブロックのリスト ⇒ 更新したいブロックの右端の編集を選択
コンテンツの内容を編集
一番下のプレビューでチェック ⇒ OKなら更新実行ボタンを押す
■□■ ２．コンテンツ (左側) ■□■□■□■□■□■□■□■□■
注：メインブロックでも表示サイドを左にするとHP左側に表示されるが、その場合、内容すべてがHP画面に表示される
管理者メニュー・ページコンテンツ作成を選択 ⇒ コンテンツ一括管理を選択
A.新規作成の場合
ページコンテンツ作成から[コンテンツ作成]を選択
表題 （HP画面左のコンテンツメニューに表示したい題名を入れる）
本文 （入力支援 ON/OFF にチェックを入れると、メインブロック作成時と
同じ各種ボタン-- リンク、画像アップ等 --が出てくる）
本文フィルター （そのまま）
表示順 （表示したい順番を入れる）
オプション （そのまま）
プレビューでチェックし、OKなら編集内容を登録を押す
＊新規コンテンツ作成の場合はメニューに関連付けが必要
管理者メニュー・メニュー作成 ⇒ メニュー管理を選択
一番下にメニューを追加する欄がある
メニュー名 (コンテンツの表題と同じ)
url
⇒例 (http://www.komatsugawakoukoupta.com/modules/piko/index/php/contnt0015.html)
15はコンテンツ作成時の記事番号、メニュー作成のBlock IDや左端のIDとは違う
更新を押す
B. 既存のコンテンツ更新の場合
[コンテンツ作成]コンテンツ一括管理のリストから更新したいコンテンツの右端の編集を選択
編集
プレビューでチェックし、OKなら編集内容を登録を押す
＊コンテンツの表示順
コンテンツ一括管理リストの表示順に番号を入力し送信を押す
説明 １ 写真をホームページの『写真、画像の置き場所』に取り込む
イメージマネジャー （画像のアップロード）
イメージマネジャーのアイコンを選択
PTAを選択 ⇒ 既にアップされている写真のリストが表示される
新規に画像をアップロードさせたい場合
画面上部右の[画像のアップロード]を選択
イメージファイル 参照 をクリック
⇒自分のPC等からアップロードさせたい画像ファイルを選択
イメージ名 を入力
アップロードさせたい画像ファイルの右端にあるアップロードの位置（左、中央、右）を選択 ⇒ 通常、中央か左、試してみてください
注：アップロードさせる前に写真を小さくして、PC等に入れておく。
（この時、画像の大きさは800×800が限界です。でも、この限界サイズで入れるとページを占領してしまうので注意して下さい。今までのアップロードさせた写真の大きさは、300x225ピクセル, 240x180ピクセル）
■□■ ３．写真について ■□■□■□■□■□■□■□■□■
1.パソコンに入っている写真の編集用ソフト
2.Jtrim（フリーソフト、使い勝手はいいです）
Jtrimはネットからダウンロードも出来ます
http://www.vector.co.jp/soft/win95/art/se108932.html
部会にＵＳＢを持ってくれば、コピーしてお渡しします。
＊下記のサイトにウィンドウズに入っているソフトの使用説明が載っています。
（個人の方が、仲間に説明するために作ったもののようです）
http://www5b.biglobe.ne.jp/~oyumino/temailshasinpaint.htm
写真掲載上の注意
＊個人の顔の判らない集合写真や、後姿等を使う。
顔がわかる場合は写真編集ソフトで、顔の部分を加工する。
＊遠目の写真なら顔に加工をせずにつかえる。その方が、見た目はきれいです。２胡・ハープの写真ぐらい小さい顔だと使いやすい。
＊写真は180×240（コマ校祭の写真の大きさ）の大きさに加工してＵＰする。
195×260、210×280も載せられる。（3：4の縦横バランスで加工すること）
＊大きさを決めたら、明るさ、コントラストを工夫したほうが良い。
＊人の写っている写真をトリミングすると、顔がわかりやすくなってしまう。
＊自分のパソコンだけで見ていると、写真の明るさがわからず、人の顔が鮮明に判っ てしまう可能性もあるので、顔の載っている写真は、ＵＰしたあとで、必ず他の人に確認してもらう。
★写真の読み込みをまとめて先にする方法・写真を削除する方法★
管理者メニュー ⇒ 互換モジュール
イメージマネージャー ⇒ イメージカテゴリの一覧
Ａ．新規追加
写真はＰＴＡ、2009、2010と分けて登録するようになっている ⇒ 2011に登録する
右端の操作の中に＋マーク（イメージの新規追加）があるので、クリック
画像の参照をクリックすると自分のパソコンのファイル等から取り込めるようになるので、取り込みたいものをクリック
イメージ名に画像の名前を入れる
表示にチェックマークを入れる
画像の順番を指定する （特に入れなくても可）
カテゴリーＩＤを2010にして、送信をクリックする
Ｂ．削除
イメージカテゴリ一覧の目のマーク (一覧)をクリック
鉛筆のマーク(編集)と×のマーク(削除)があるので、×をクリックし、削除する
⇒ 鉛筆マークをクリックし、各取り込み済み画像の名前等を編集できる（写真の大きさは編集不可なので、画像を加工しなおして、再度，ＵＰする）
■□■ ４．PDF（その他Word, Excel, Powerpoint）をHPにアップする方法 ■□■
1．まずロリポップFTPにアップロードさせる
イメージファイルのアップロード方法←←←クリックすると詳細を表示します。
ロリポップFTPの利用方法←←←←←←←クリックすると詳細を表示します。
小松川高校PTA・HPのサーバーであるロリポップサーバー(http://lolipop.jp/)にログイン
ユーザー専用ページへを選択
ログインには、独自ドメインやパスワードを入力する
左ブロックのWEBツール ⇒ ロリポップFTP 選択
現在のディレクトリに既に作成されているdataを利用する
ディレクトリを展開させる (例：dataをクリックすると展開等の選択科目が表示される)
data ⇒ pdf ⇒ pta ⇒ 2008 ⇒ (既存) tateshina ⇒ PDF等をアップしたい位置から上部にあるFile Upload を選択
アップロードできるファイルが10までOK
⇒ 右端参照ボタンを押してPC等からアップする ⇒ 実行ボタン
★ アップロードしたurl （例：http://www..........tateshina/onbashira_map080920.pdf）を書き留めておく
注：ファイルをアップロードする前（PC等に保存している状態時）にファイル名を半角英数字名にしておかないとアップロードできない。
２．HPにPDF等をリンクさせる
HP管理者メニュー
(例) ページコンテンツ作成
コンテンツ一括管理
url をリンクしたコンテンツの右端編集を選択
入力支援 ON/OFF クリック
鎖マーク(url)を選択
（１）リンクしたいサイトのurl入力
（２）サイト名 わかりやすい名を付ける (例：蓼科寮周辺マップ)
（３）OKボタンを押す
HP左ブロック下の管理者用ユーザー名・パスワードを入力し、ログイン
左ブロックのユーザメニューから管理者メニューを選択
■□■ １．メインブロック（お知らせ・トピック等）■□■□■□■□■□■□■□■□■
左ブロック一番上・総合管理画面を選択
A.新規ブロック作成の場合（新しく『トピック』等のコーナーを作るとき）
１行目<カスタムブロック> の右隣の（新規） を選択
表示サイド（左、中央のどちらかを選ぶ、普通は中央）
優先度 (表示したい、上からの順番を入れる)
表示 ON/OFF⇒ONにする
表示対象 （普通はトップページか全ページ）
タイトル （既存のタイトルは、お知らせ、トピック、一学期のトピック等）フォントは変えられない
コンテンツ （アップする内容を入れる ※印のところが特に重要）
＊鎖マーク ⇒ リンクしたいサイトのurl 説明 ２
＊メールアドレス ⇒ リンクしたいメールアドレス
＊画像ファイル ⇒ 画像ファイルのurl
※イメージマネジャー ⇒ 画像を取り込む 説明１
＊＜＞ プログラムコード
＊ 引用したい文を入力
※文字をべた打ちするだけなら大きな枠の中に入れる。
字の形を変えたいときは大きな枠の上の小さな横長空白スペース（追加ボタンの左のボックス）に文字を入力して、そのあと大きさ、フォント、色等を指定して、追加ボタンをクリックすると下の大きな枠に指定した命令が付いた文字が入力される。
＊絵文字を入れたければ絵文字 ＆（もっと）から選択
カスタムブロックの種類 カスタム（HTML＋BBCODE変換＋自動クリック＋顔アイコン）注）この中に 顔アイコンが入っていると顔の絵がHP画面に表示される
キャッシュ （キャッシュなしでOK）
最後にプレビューをクリック ⇒ 最下段にプレビューが表示される
OKなら新規作成をクリック ⇒ ＨＰを更新する前段階（カスタムブロックのブロック管理）へ進む。
ブロック管理の項目の下の方・アクセス権限設定
⇒ 自分の作った項目にチェックマークを付ける
(管理サイト者・登録ユーザ・ゲストの３つに普通はチェックを入れる)
送信をクリック ⇒「権限を更新しました」と画面に表示される
ホーム(ホームページ)に戻りチェック
B.既成のブロック（トピック等）の記事を差し替え、更新する場合
管理者メニュー・総合管理画面の中の＜カスタムブロック＞を選択
既成のブロックのリスト ⇒ 更新したいブロックの右端の編集を選択
コンテンツの内容を編集
一番下のプレビューでチェック ⇒ OKなら更新実行ボタンを押す
■□■ ２．コンテンツ (左側) ■□■□■□■□■□■□■□■□■
注：メインブロックでも表示サイドを左にするとHP左側に表示されるが、その場合、内容すべてがHP画面に表示される
管理者メニュー・ページコンテンツ作成を選択 ⇒ コンテンツ一括管理を選択
A.新規作成の場合
ページコンテンツ作成から[コンテンツ作成]を選択
表題 （HP画面左のコンテンツメニューに表示したい題名を入れる）
本文 （入力支援 ON/OFF にチェックを入れると、メインブロック作成時と
同じ各種ボタン-- リンク、画像アップ等 --が出てくる）
本文フィルター （そのまま）
表示順 （表示したい順番を入れる）
オプション （そのまま）
プレビューでチェックし、OKなら編集内容を登録を押す
＊新規コンテンツ作成の場合はメニューに関連付けが必要
管理者メニュー・メニュー作成 ⇒ メニュー管理を選択
一番下にメニューを追加する欄がある
メニュー名 (コンテンツの表題と同じ)
url
⇒例 (http://www.komatsugawakoukoupta.com/modules/piko/index/php/contnt0015.html)
15はコンテンツ作成時の記事番号、メニュー作成のBlock IDや左端のIDとは違う
更新を押す
B. 既存のコンテンツ更新の場合
[コンテンツ作成]コンテンツ一括管理のリストから更新したいコンテンツの右端の編集を選択
編集
プレビューでチェックし、OKなら編集内容を登録を押す
＊コンテンツの表示順
コンテンツ一括管理リストの表示順に番号を入力し送信を押す
説明 １ 写真をホームページの『写真、画像の置き場所』に取り込む
イメージマネジャー （画像のアップロード）
イメージマネジャーのアイコンを選択
PTAを選択 ⇒ 既にアップされている写真のリストが表示される
新規に画像をアップロードさせたい場合
画面上部右の[画像のアップロード]を選択
イメージファイル 参照 をクリック
⇒自分のPC等からアップロードさせたい画像ファイルを選択
イメージ名 を入力
アップロードさせたい画像ファイルの右端にあるアップロードの位置（左、中央、右）を選択 ⇒ 通常、中央か左、試してみてください
注：アップロードさせる前に写真を小さくして、PC等に入れておく。
（この時、画像の大きさは800×800が限界です。でも、この限界サイズで入れるとページを占領してしまうので注意して下さい。今までのアップロードさせた写真の大きさは、300x225ピクセル, 240x180ピクセル）
■□■ ３．写真について ■□■□■□■□■□■□■□■□■
1.パソコンに入っている写真の編集用ソフト
2.Jtrim（フリーソフト、使い勝手はいいです）
Jtrimはネットからダウンロードも出来ます
http://www.vector.co.jp/soft/win95/art/se108932.html
部会にＵＳＢを持ってくれば、コピーしてお渡しします。
＊下記のサイトにウィンドウズに入っているソフトの使用説明が載っています。
（個人の方が、仲間に説明するために作ったもののようです）
http://www5b.biglobe.ne.jp/~oyumino/temailshasinpaint.htm
写真掲載上の注意
＊個人の顔の判らない集合写真や、後姿等を使う。
顔がわかる場合は写真編集ソフトで、顔の部分を加工する。
＊遠目の写真なら顔に加工をせずにつかえる。その方が、見た目はきれいです。２胡・ハープの写真ぐらい小さい顔だと使いやすい。
＊写真は180×240（コマ校祭の写真の大きさ）の大きさに加工してＵＰする。
195×260、210×280も載せられる。（3：4の縦横バランスで加工すること）
＊大きさを決めたら、明るさ、コントラストを工夫したほうが良い。
＊人の写っている写真をトリミングすると、顔がわかりやすくなってしまう。
＊自分のパソコンだけで見ていると、写真の明るさがわからず、人の顔が鮮明に判っ てしまう可能性もあるので、顔の載っている写真は、ＵＰしたあとで、必ず他の人に確認してもらう。
★写真の読み込みをまとめて先にする方法・写真を削除する方法★
管理者メニュー ⇒ 互換モジュール
イメージマネージャー ⇒ イメージカテゴリの一覧
Ａ．新規追加
写真はＰＴＡ、2009、2010と分けて登録するようになっている ⇒ 2011に登録する
右端の操作の中に＋マーク（イメージの新規追加）があるので、クリック
画像の参照をクリックすると自分のパソコンのファイル等から取り込めるようになるので、取り込みたいものをクリック
イメージ名に画像の名前を入れる
表示にチェックマークを入れる
画像の順番を指定する （特に入れなくても可）
カテゴリーＩＤを2010にして、送信をクリックする
Ｂ．削除
イメージカテゴリ一覧の目のマーク (一覧)をクリック
鉛筆のマーク(編集)と×のマーク(削除)があるので、×をクリックし、削除する
⇒ 鉛筆マークをクリックし、各取り込み済み画像の名前等を編集できる（写真の大きさは編集不可なので、画像を加工しなおして、再度，ＵＰする）
■□■ ４．PDF（その他Word, Excel, Powerpoint）をHPにアップする方法 ■□■
1．まずロリポップFTPにアップロードさせる
イメージファイルのアップロード方法←←←クリックすると詳細を表示します。
ロリポップFTPの利用方法←←←←←←←クリックすると詳細を表示します。
小松川高校PTA・HPのサーバーであるロリポップサーバー(http://lolipop.jp/)にログイン
ユーザー専用ページへを選択
ログインには、独自ドメインやパスワードを入力する
左ブロックのWEBツール ⇒ ロリポップFTP 選択
現在のディレクトリに既に作成されているdataを利用する
ディレクトリを展開させる (例：dataをクリックすると展開等の選択科目が表示される)
data ⇒ pdf ⇒ pta ⇒ 2008 ⇒ (既存) tateshina ⇒ PDF等をアップしたい位置から上部にあるFile Upload を選択
アップロードできるファイルが10までOK
⇒ 右端参照ボタンを押してPC等からアップする ⇒ 実行ボタン
★ アップロードしたurl （例：http://www..........tateshina/onbashira_map080920.pdf）を書き留めておく
注：ファイルをアップロードする前（PC等に保存している状態時）にファイル名を半角英数字名にしておかないとアップロードできない。
２．HPにPDF等をリンクさせる
HP管理者メニュー
(例) ページコンテンツ作成
コンテンツ一括管理
url をリンクしたコンテンツの右端編集を選択
入力支援 ON/OFF クリック
鎖マーク(url)を選択
（１）リンクしたいサイトのurl入力
（２）サイト名 わかりやすい名を付ける (例：蓼科寮周辺マップ)
（３）OKボタンを押す
 PTA用語集 |
 PTA |
ＨＰ訪問者総数です。ありがとうございます。
