樹羅工房　weblog

Serene Bach でログインパスワードをリセットする手段が下記に掲載されていましたのでお知らせします。

Serene Bach でパスワードをリセットする手段

携帯電話からのアクセスを自動判別し，携帯電話専用のページを表示させるようにするには，「ウェブログコンテンツを全て動的に出力する」方法を設定するとよいでしょう。

「ウェブログコンテンツを全て動的に出力する」方法は，「Serene Bach」のヘルプ付録TIPSに掲載されています。

携帯電話からのアクセスを自動判別

「複数のSerene Bachを設置する」方法は，「Serene Bach」のヘルプ付録TIPSに掲載されています。

複数のSerene Bachを設置する

　修学旅行や宿泊学習先から携帯電話などで学校のホームページに活動の様子を手軽に報告できると保護者も安心ですね。このような携帯電話などのメール機能を利用してブログ風ホームページを更新することをモブログといいますが，残念ながら現バージョンの「SereneBach」は単独でそのような機能を持っていません。
　しかし，「moblog.uva.ne.jp」を利用すると携帯電話からの画像付きのメールを「moblog.uva.ne.jp」経由で「SereneBach」へ投稿することが可能になります。素晴らしい機能を持ったサイトを無償で提供してくださって「moblog.uva.ne.jp」さん，ありがとうございます。
　以下「moblog.uva.ne.jp」を利用した「SereneBach」へのモブログの導入方法を説明します。


１　http://moblog.uva.ne.jp/にアクセスし，トップページ右上の「Create new account 」をクリックします。



２　学校ホームページの登録
　「email」に，普段ご利用のメールアドレス
　　　例：○○○@miyazaki-c.ed.jp　（フリーメールでもＯＫ）
　「moblog url」に「SereneBach」で構築したトップページのアドレス
　　　例：http://www.miyazaki-c.ed.jp/○○○/sb/
　「username」に，「SereneBach」のユーザ名
　　　※　モブログ専用のユーザを追加するのも一案
　「password」に，上記ユーザのパスワード
(passwordは、８（６？）文字以下のようです。それ以上だとエラーが出ます。)


　間違いなく記入したら，左最下部の「Next」ボタンをクリック



３　「SereneBach」の管理画面のＵＲＬを登録
　「email」，「username」，「password」には，先程入力した情報が入っています。
　「weblog xmlrpc url」に「SereneBach」の管理画面のＵＲＬ
　　　例：http://www.miyazaki-c.ed.jp/○○○/sb/admin.cgi

　間違いなく記入したら，左最下部の「next」ボタンをクリック



４　投稿用メールアドレスとその他の情報登録
　「email」は，アドレスが短い下段のアドレスをチェックすると良いでしょう。
　「weblog」には，学校のホームページのタイトルが読み込まれているはずです。
　「category」の初期値は「none」ですが，▼をクリックすると自校のホームページのカテゴリーが表示されますので一つ選びましょう。
　「image archive-path」は「img」
　「image site-path」は「/img」
　「template」は必要に応じて記載。未記入でよい。
　「image template」は必要に応じて記載。未記入でよい。
　「Publish」は「Publish」にチェック
　「Public?」は「Yes」にチェック

　間違いなく記入したら，中央最下部の「save」ボタンをクリック



５　設定終了画面
　以下の画面が，表示されると設定が無事終了しています。
　投稿用メールアドレスに画像付きメールを送信して試してみよう。



６　モブログで投稿されたページを公開する

　「SereneBach」の場合，モブログで投稿されたページを直接公開するためには，更に以下の改造が必要です。
　「SereneBach」の「init.cgi」をFTPソフトでダウンロードし，最下部に以下を追加記述し，再アップロードします。
　公開する場合 → XmlrpcForcedPublish 1
　下書き（非公開）の場合 → XmlrpcForcedPublish 0
　（注意：最終行に必ず空の改行を入れておくこと）

　しかし，投稿内容と幾つかの設定の確認作業を考慮すると学校ホームページでは，学校での責任者の確認後公開する方が現実的のように思われます。
　
　「SereneBach」の管理画面より，モブログで投稿された記事を確認し，以下の設定を調整した後，公開すると良いでしょう。
　「カテゴリー」の設定確認
　「コメント」と「トラックバック」の設定確認
　投稿されたページ内容の確認

　すべて，確認できた後に「公開して保存」をクリックして公開します。



　モブログで投稿した参考ページ

７　「moblog.uva.ne.jp」への設定を変更する。

　「SereneBach」の場合，設定変更は今のところできません。
　「moblog.uva.ne.jp」のトップ画面右上の「delete」をクリックして一度設定を削除した後に，再度登録し直してください。　



　「email」に，登録たメールアドレス
　「password」に，登録したパスワード
　間違いなく記入したら，最下部の「Next」ボタンをクリック



　登録削除が成功したら「moblog.uva.ne.jp」のトップに戻り，再度登録し直してください。
　なお，その際「email」に，以前と同じメールアドレスを登録すると，投稿用メールアドレスも同じになります。

　アイコンをクリックするとＣＳＳテンプレートの記述が表示されますので，ＣＳＳテンプレートの記述をすべてコピーし，変更予定のＣＳＳテンプレートと入れ替えます。（変更前のＣＳＳテンプレートの記述をすべて削除し，新しいＣＳＳテンプレートの記述を貼り付けます。）　
　ＣＳＳテンプレートの変更方法は，「テンプレートパッケージの編集」を参考にしてください。

＃	カラーサンプル	右メニュー用 ＣＳＳテンプレート	左メニュー用 ＣＳＳテンプレート
１
２
３
４
５
６
７
８
９
１０
１１
１２

学校用基本テンプレートパッケージの利用方法

　アイコン上で右クリックして表示されるポップアップメニューより「対象をファイルに保存」を選び，ローカルＰＣにテンプレートパッケージを保存します。
　「テンプレートパッケージのインポート」を参考にテンプレートパッケージをインポートしてください。

　学校用基本テンプレートパッケージ（英語表記，２列右列メニュー，標準カラー）


　学校用基本テンプレートパッケージ（英語表記，２列左列メニュー，標準カラー）


　学校用基本テンプレートパッケージ（日本語表記，２列右列メニュー，標準カラー）


　学校用基本テンプレートパッケージ（日本語表記，２列左列メニュー，標準カラー）

　学校ホームページを「Serene Bach」で構築してからは，運用が非常に楽になり，更新が頻繁になりました。行事の度ごとに，デジカメで記録を取り，画像ファイルを「Serene Bach」の管理ページ上からアップロードして，コメントを書き込む。デザインやリンクは，「Serene Bach」任せですから，ホームページ編集ソフトやファイル転送ソフトを利用することなく作業は完了です。さらに，すべてのページでコメントやトラックバックが利用可能な状態になっていますので，学校からの情報発信だけではなく，保護者や地域の方とのコミュニケーションの窓口として利活用することが可能です。
　このような素晴らしい環境を構築することができるブログシステム「Serene Bach」を，無償で利用できる形態で配布して下さっている「Serene Bach」開発研究所の大谷陽子様に謝意を表します。

参考文献等

「Serene Bach」は，（「Serene Bach」開発研究所：http://serenebach.net/）は，大谷陽子様が開発されたブログシステムです。本システムは，営利目的でない公立学校のホームページにおいて無償で利用できる数少ないブログシステムです。

「FFFTP FFFTP」（http://www2.biglobe.ne.jp/~sota/）は，曽田純様が開発されたフリーのファイル転送ソフトです。


http://www.i-learn.jp/　　　i-learn.jp
http://www.mext.go.jp/　　　文部科学省

http://www.sticknz.com/　　　stick（「Serene Bach」のデフォルトテンプレート配布所）
http://www.sbusersgroup.com/　　　「Serene Bach」UsersGroup
http://nz.jugemers.net/　　　JUGEMカスタマイズ講座

　「Serene Bach」の管理画面にログインした直後，または，左のメニューより「コメント」，「トラックバック」を選択すると，第３者からのコメントやトッラックバックの様子を知ることができます。両機能とも環境設定で「承認が必要」を選んでいるので，それぞれの新着は下図のように承認待ちで表示されます。



　個々のコメントを選択し，下図のように内容を確認し，公開，非公開，削除等の処理を選び「実行」をクリックします。



　トラックバックも同様に，下図のように内容を確認し，公開，非公開，削除等の処理を選び「実行」をクリックします。



　コメントやトラックバックを承認し公開すると，下図のようにコメントやトラックバックの内容がページやナビゲーションに反映されます。



※　未処理の「コメント」と「トラックバック」をためすぎると，処理がうまく働くなったり，「Serene Bach」のシステムに障害が発生することがありますので定期的に処理するよう心がけましょう。また，スパム「コメント」や「トラックバック」が多量に発生する場合は，「拒否設定」等を調整しましょう。

　「Serene Bach」の管理画面の左側のメニューより「リンク」を選択し，「サイト名」，「ＵＲＩ」，「説明」を入力し，「追加する」をクリックするとリンクが追加されます。



　ホームページを確認すると，下図のように「Ｌｉｎｋ」に，教育ネットひむかが追加されています。



※　「Serene Bach」の管理画面へのリンクを追加しておくと便利です。

　「Serene Bach」のトップページのタイトル画像を四季折々の学校の風景画像にしたり，学校行事に応じて更新したりする簡単な方法を以下の手順で解説します。
１　タイトルに表示する画像を準備します。
２　「Serene Bach」の「管理画面」よりタイトル画像を「アップロード」します。
３　アップロードしたタイトル画像の「Serene Bach」内でのアドレスを取得します。
４　タイトル画像の「Serene Bach」内でのアドレスを「CSSテンプレート」に記述します。

１　タイトルに表示する画像を準備します。
デジカメ等で撮った画像を画像編集ソフトで，タイトル画像として適当な大きさに切り出したり，拡大縮小したりし，画像保存形式ｊｐｇ（または，ｇｉｆ，ｐｎｇ）で保存します。パソコンの標準的な解像度（１０２４×７６８）に合わせて，画像の大きさは，１０２４×２００程度にすると良いでしょう。（画像が小さいときは，初期設定では，タイルのように敷き詰められように表示されます。）

２　「Serene Bach」の「管理画面」よりタイトル画像を「アップロード」します。



３　アップロードしたタイトル画像の「Serene Bach」内でのアドレスを取得します。
図のようにアップロードしたタイトル画像の上で右クリックして，表示されるポップアップメニューより，「プロパティ」を選択します。




図のようなプロパティ画面が表示されますので，アドレスをドラッグしてコピーします。（ドラッグしアドレスの上で右クリックして，表示されるポップアップメニューより，「コピー」を選択します。）

※　「Serene Bach」では，画像ファイルを管理するために，通常ファイル名の頭に「img番号_」を付加しています。よって，プロパティに表示されたファイル名がタイトル画像の「Serene Bach」内でのファイル名となります。



４　タイトル画像の「Serene Bach」内でのアドレスを「CSSテンプレート」に記述します。
「Serene Bach」のタイトル画像の設定は，「ＣＳＳテンプレート」に記述されています。そこで，図のように「Serene Bach」の「管理画面」より「テンプレート」を選択します。



次に，図のように「テンプレート」の画面より，「ベースＨＴＭＬテンプレート」の下に記述されている「ＣＳＳテンプレート」を選び，次のように編集します。



５　「ＣＳＳテンプレート」の記述の中から，下記のように「タイトルのバックグランド画像を指定する」と記述された箇所を見つけ出し，下線部分の現在設定されているタイトル画像のアドレスを，新しいタイトル画像のアドレスに変更します。（実際には手順３でタイトル画像の「Serene Bach」内でのアドレス」をコピーしているので，現在設定されているタイトル画像アドレスをドラッグ反転させ，その上で右クリックして，表示されるポップアップメニューより，「貼り付け」を選択します。）
なお，アドレス指定行の両端に「/*」と「/*」が記述されている場合は両方セットにして削除します。（「/*」と「/*」の間の記述はすべてコメントと見なされ，有効に機能しなくなるため。）

/* title */
・・・・・
・・・・・
/* ------------------　タイトルのバックグランドの画像を指定する　*/
/*　 　　background: transparent url(http://www.miyazaki-c.ed.jp/○○○○/sb/img/title.jpg); 　/*　

/* ------------------　タイトルの高さを指定する　/*
/* height: 195px !important; */
height: 195px;
・・・・・
・・・・・


※　また，タイトル画像の指定を記述している部分のすぐ下には，タイトル部分の高さを記述している部分がありますので，画像大きさに合わせて調整すると良いでしょう。

６　最後に右図のように「ＣＳＳテンプレートを保存する」のボタンをクリックすると設定が反映されますので，トップページを開いて確認しましょう。