RingBlog v.2.41 からモバイルアクセス(携帯電話からのアクセス)が可能になりました。
ただし、RingBlogは基本的にPC用であり、モバイル用は本来の機能を補完する補助ツールであると考えています。 メンバーや記事のデータや管理はPC版と同じで、表示と操作が違うだけです。
画面の狭さ、通信の遅さ、操作性の悪さ、などから機能的には大きく制限をしており、できないよりはマシ という程度です。携帯用に完璧をめざすつもりはありません。
モバイルからのアクセス先
PCからのアクセスかモバイル機器からかを判断するのではなく、モバイル専用CGI moblog.cgi を用意しています。
moblog.cgi を blog.cgi と同じディレクトリに置き、モバイルからのアクセスの場合には そちらのURLを指定してください。
記事中のリンク先が blog.cgi であればPC版のほうへ飛んでしまいますが、これは仕様です。
moblog.cgi を blog.cgi と同じディレクトリに置き、モバイルからのアクセスの場合には そちらのURLを指定してください。
記事中のリンク先が blog.cgi であればPC版のほうへ飛んでしまいますが、これは仕様です。
機能
モバイルアクセスは機能制限版です。ID、パスワードはPCからでもモバイルからでも同じです。
できることは以下のとおり。
できることは以下のとおり。
- 最新記事の読み出し
トップページから一覧表などを経由せずに最新記事にアクセスできます。 - 記事一覧表の表示
1ページ5件(件数固定)の記事一覧を表示し、前頁、次頁で移動できます。 - 個別記事の表示
「最新記事」か「記事一覧」から個別記事を表示できます。コメント入力もできます。
前頁、次頁でページの移動ができます。
画像が添付されている記事では、[添付画像]という項目に画像へのリンクがあります。見る 場合にはこれを選んでください。 - 新規書き込み
ログインして、記事の新規書き込みができます。 - 記事の編集
自分の記事の編集、削除ができます。コメントやトラックバックの削除もできます。
PC版とは異なり、記事閲覧画面の下に「編集」ボタンがあり、そこからログインします。(記事単位でのログイン) - メンバーの選択
メンバーを選択し、そのメンバーの記事だけの一覧や記事の閲覧ができます。メンバー選択状態は 新規か編集でログインするか、公開メンバー登録を実行するか、メンバー選択で「すべて」を選択するか で解除されます。 - 公開メンバー登録
この機能がオンになっていれば、モバイルでも公開メンバー登録が可能になります。
できないことは、次のようなことです。
- 管理機能
管理者でのログイン機能はありません。管理画面での設定はすべてモバイルでは不可です。
モバイル専用の設定項目もありません。文字色、背景画像の設定なども不可です。
文字色だけは、Mobile.pmの先頭部分を編集すれば、変更は可能です。 - カテゴリ、年月などの選択
サイドバーに表示する機能のうち、「メンバー」、「公開メンバー登録」と「メンバーのログイン」以外の機能は ありません。 - 画像の添付
端末側の制限で画像アップロードはできないようなので、画像の添付フィールドはありません。
モバイルアクセスの案内
訪問者をモバイルアクセスのCGI moblog.cgi へ誘導する必要があります。
その方法の一つとして MessageBox.pm を使うことができます。以下はその例です。
package MessageBox;
#
# タイトルの下、記事の上にメッセージを表示する。
#
# <div class="message_box"> 〜 </div> の間は自由に変更可能。
#
# レイアウト設定で「メッセージボックスを表示する」がオンになっていれば表示される。
# 背景色、文字色、文字の大きさはデフォルトではタイトル領域と同じになっているが、
# <div style=.....> で任意に変更できる。
#
sub messageBox {
1;
その方法の一つとして MessageBox.pm を使うことができます。以下はその例です。
package MessageBox;
#
# タイトルの下、記事の上にメッセージを表示する。
#
# <div class="message_box"> 〜 </div> の間は自由に変更可能。
#
# レイアウト設定で「メッセージボックスを表示する」がオンになっていれば表示される。
# 背景色、文字色、文字の大きさはデフォルトではタイトル領域と同じになっているが、
# <div style=.....> で任意に変更できる。
#
sub messageBox {
$query = shift;
$config = shift;
my $html;
# Perlスクリプトを追加するなら、この前に。
$html = <<HTML;
<div class="message_box">
<!-- ここから変更可能 -->
<div style="padding:3px; text-align:right; background-color:black;color:white;font-size:small;">
モバイルアクセスは
<a href="http://abc.xyz.com/blog/moblog.cgi"><font color="white">http://abc.xyz.com/blog/moblog.cgi</font></a>
</div>
<!-- ここまで変更可能 -->
</div>
HTML
return $html;
}$config = shift;
my $html;
# Perlスクリプトを追加するなら、この前に。
$html = <<HTML;
<div class="message_box">
<!-- ここから変更可能 -->
<div style="padding:3px; text-align:right; background-color:black;color:white;font-size:small;">
モバイルアクセスは
<a href="http://abc.xyz.com/blog/moblog.cgi"><font color="white">http://abc.xyz.com/blog/moblog.cgi</font></a>
</div>
<!-- ここまで変更可能 -->
</div>
HTML
return $html;
1;
- padding
- 文字列の周囲の余白
- text-align
- テキストを置く位置 (left, center, right)
- background-color
- 背景色
- color
- 文字色