今までのブログテーマをベースに3段組のテーマを作ってみた。なかなかいい感じ。
横のサブメニューも下に長くなりすぎないし。
結構気に入ったかも♪

a-blog開発サイトで新しい機能を検討してるとのこと。

タイトルに画像を設定できるように！

というのがそれである。
そこの記事によると、次の方法を考えているそうだ。

1)特定ファイル名を images に入れるだけで自動的に画像に出来るようにする。一番お手軽ではあるが、表示される度に画像があるかをチェックし、サイズを取得するという処理をしないといけない事になる。

2)上記の仕様で、ファイル名をconfigで指定するようにする。 これにする事で、利用者が GIF , JPG , PNG 等好きな形式を選べるようになる。

3)ファイル名やサイズが正しい事を前提に編集するようにする。ファイルの存在やサイズの取得という処理を利用しない事になるので多少処理が簡素化され負荷軽減になるのではないかと思う。

やまもとかずみちさんも言っておられるが、3)を採用しようと考えているそうな。
私としても、3)に賛成である。というのも、ブログの表示が遅くなるのは、正直言って嫌である。
できる限り、軽くなる仕様にしてほしいと思う。

この機能が追加されると、テーマの幅も広がりそう。というか、自由度の高いテーマの作成が可能になるだろう。
非常に楽しみである。

1月4日にリリースした、Ver.1.00ですが、Fire Foxの表示でバグがあったので、修正しました。

TERACHOPS03 Ver.1.01

TERACHOPS03

本テーマをダウンロードするにあたり、以下を必ずご覧下さい。

続きを読む

Headline.php
Photo.php
Writer.php
が利用できるようにしました。
その他カート機能等ありますが、私のライセンスがパーソナルなため、確認することが出来ません。
それぞれが動作すると次のようになります。

ヘッドライン表示機能
フォトログ機能
筆者一覧機能

これらの設定方法等についてはまた後日。

明けましておめでとうございます。
いろいろとやりたいと思いつつ、昨年はほとんど更新できませんでした。
今年からはちょっと頑張ってみようかと思っています。
ということで、ブログのテーマを作ってみました。

続きを読む

a-blogでテーマを作るのには一から作るより、デフォルトで準備されているテーマをベースに作るのが一番簡単である。
今回は、2コラムで左側が記事で右側にサブメニューがあるタイプを作成してみる。
ということで、「a-gray-r」というテーマをベースに作成する。

まずは、themeフォルダの中にあるa-gray-rフォルダをコピーし、フォルダの名称を変える。
ここでは「dev」というフォルダにしてみる。
このフォルダをFTPソフトを使ってサーバーにアップする。
アップするフォルダは「theme」フォルダ。
アップが完了すると、管理ページの「インストール済みテーマ」というところに「dev」というテーマができているはずである。
試しに、この「dev」というテーマをクリックしてみると、「a-gray-r」と同じテーマで管理画面が表示される。
問題が無ければ、設定タブをクリックし、Config編集の[B-02]のテーマ名を「dev」に変更する。
これで、編集対象のテーマが選択された状態になる。

ここまでで、テーマ作りの準備は完了である。
これからは、この「dev」フォルダの中身を編集してテーマを作成することにする。

[A]の基本設定は、a-blogをインストール後、最低でも設定すべき項目が記載されています。まずはここの設定をしましょう。

[A-01] サイト名(タイトル)の設定
テンプレートのサイト名で表示される内容をここで設定します。
テンプレート変数{siteName}に反映します。

$siteName = "サイト名(ブログ名)";

[A-02] ブログ詳細の設定
タイトルの下に表示される、ブログ説明の内容をここで設定します。
テンプレート変数{description}に反映します。

$site_description = "ブログの説明";

[A-03] フッターテキストの設定
フッター部分に表示されるテキストの内容をここで設定します。
テンプレート変数{siteFooter}に反映します。

$siteFooter = "フッターのテキスト";

[A-04] サイトの管理者メールアドレス設定
コメントやトラックバック、パスワードの通知で利用する管理者アドレスを設定します。
パスワード再発行時の確認メール送付先にもなります。必ず設定しましょう。
コメントやトラックバックの通知については、[D-16]で詳細設定をします。

$siteMailAddress = "管理者メールアドレス";

[A-05] RSSファイルのコメント設定
RSSファイルに表示されるコメントの内容をここで設定します。

$rss_description = "このサイト(ブログ)の説明を記述(RSS用)";

[A-06] RSSのdescriptionの文字数設定
RSSのコメント文字数の設定をします。0で制限なしとなり、全文章を出力します。

$rssDescriptionLength = 文字数(デフォルト256);

[A-07] RSSの表示日数設定
RSSに表示される日数を設定します。

$listDayRSS = 表示日数(デフォルト5);

a-blog 1.3になって追加された機能について検証しました。今回はLiteを含んだ全部での新規追加機能について(パーソナルの機能については後日)。
今まで、「これがあったらなぁ」と思う機能が結構追加されています。
今後もバージョンアップでいろいろ機能が追加されると嬉しいですね。
a-blog開発の皆様、頑張ってください!!

続きを読む

1.21のテーマをそのまま1.3で利用するためには、newsFootの中身を全部変更する必要があります。
具体的には下記の通りにリンク変数を変更します。

対象テンプレート
index.tpl.html
news.tpl.html

変更するリンク変数
newsTime変数のリンク部分のリンク変数を
?ID={newsID}→PermalinkNews
TrackBackのリンク部分のリンク変数を
?ID={tbNewsID}→PermalinkTB
Commentのリンク部分のリンク変数を
?ID={comNewsID}→PermalinkCM

これ以外にも、新しい機能が加わっているので、それを使うにはテンプレートの変更が必要になります。
ただし、現在までのテンプレートを変更するのであれば、上記部分だけでも変更すれば問題なく動作います。

これ以外の詳細変更点については後日掲載します。

1) a-blog 1.3をダウンロードする

公式ページからa-blogをダウンロードし、解凍する。

2) config.server.php, config.system.php をダウンロード
1.21を導入しているサーバーから、config.server.php, config.system.php をダウンロードします。
config.server.phpについては、バックアップの意味でもちゃんとダウンロードしておきましょう。
config.system.phpについては、1.3で設定内容が変わりますので、新しく設定し直す必要があります。

3) 1.3のconfig.system.php を編集する

config.system.php
1.21のconfig.system.phpの内容を元に編集します。
指定でも[A]の内容だけでも編集しましょう。
また、1.21のテーマをそのまま利用する場合は、[B]のテーマの設定も編集しておいて良いでしょう。
ただし、1.21のテーマ自体の編集も必要になります。

4) ファイルのアップロード

config.server.phpとlicense.php以外のファイルをアップロードします。

5) セットアップの実行

ファイルをアップロードしたディレクトリのセットアップディレクトリにアクセスします。
そして、アップグレードを選択し、画面の指示通りに選択します。
最後完了画面が出たら、アップグレード完了です。
サーバー上のsetupディレクトリを削除して、ログインしましょう。
ログイン画面が、1.3の画面になっていたらアップグレード完了です。

a-blog、待望の新バージョンがリリースされました。
今回の新機能を見ると、なかなかかゆいところに手が届く仕様になったようです。
まだインストールしていないので、詳しいことは書きませんが、早いところアップグレードして、新機能の検証をしたいと思います。

a-blogをインストールするためには下記の環境が必要となります。

・PHPが使える
・MySQL(DB)が使える

この条件にマッチする格安レンタルサーバーを探してみました。もちろん、次のレンタルサーバー以外でもインストール可能なサーバーはありますが、ここでは月額1,000円以下の格安サーバーのみで調査してみました。

続きを読む

今まで2段組でしたが、今回は3段組のレイアウトのテーマを作ってみました。
まだ配布できる状態ではありませんが･･･。
完成したら配布しようかと思っています。

a-blogについて書いている当ブログですが、a-blogの公式サイトである、a-blog開発ブログで紹介されました。

今後もいろいろとa-blogに関することを書いていこうと思うと同時に、国産ブログツールとして応援していこうと思います。

a-blogのテーマを作成する方法として、自分でレイアウトを独自のセレクタをつけてやる場合と、元々標準で準備してあるテーマのセレクタをそのまま使うという二通りがあります。
a-blogでは自動で挿入されるセレクタもあるため(例えば記事の部分newsBox等)元々標準で準備されているテーマをベースに作った方が効率的です。
そこで、ここではそれぞれのセレクタについて説明していこうと思います。

続きを読む

a-blogの記事を編集していて思った要望。
今回の要望は結構欲しいかもです・・・

・追加した記事に対して「強調」等のタグを挿入したときに画面がトップに戻らないようにして欲しい。
記事を追加するフォームの中に文章を書いているときに、強調タグを挿入すると、画面がトップに戻ってしまいます。特に長い文章を書いていると、スクロールして下まで戻って編集を再開しなくてはならないのでそれがストレスになります。結果的に、せっかく付いているタグ挿入ボタンを使わずに、手打ちでタグを挿入しています。

・過去に送付したトラックバックの一覧を見れるようにして欲しい
記事ごとにどこへトラックバックを送信したか一覧で見れるようにして欲しいです。これがないとその記事をトラックバックしたかどうかわからなくなってしまいます。二重トラックバック送信を防ぐ意味でも欲しいです。

今回はa-blogの記事表示部分で使っているテンプレート変数について説明します。

adminForm変数
アドミン画面にログインした際に表示される、新規記事追加や管理ページボタンが表示されるフォームを表示するための変数。

newsDate変数
記事の投稿日を表示する変数。

holiday変数
管理画面の「休日」メニューで設定した、「何の日」の内容を表示する変数。

newsBox変数
記事の種類によってボックスの設定(class)を切り替えるための変数。
公開する記事の場合はnewsBox、非公開の場合はnewsBoxHidden、期限切れ記事のボックスの場合はnewsBoxLimitが選択されます。

newsTitle変数
記事のタイトルを表示する変数。

categoryName変数
カテゴリを表示する変数。

imgTag1変数、imgTag2変数
画像を表示する変数。位置によって選択される変数が変わる。
記事本文より前(上もしくは左)に表示する場合はimgTag1、記事本文より後(下もしくは右)に表示する場合はimgTag2が選択されます。

continueLink変数
記事を全文表示させるためのリンクアドレスを挿入する変数。記事の一部を非表示にしている場合に適用されます。つまり、「続きを読む」に対してリンクを貼ることに使われます。

updateForm変数
「文章追加」で追加された文章で、表示設定にしてあるものを表示するための変数。

userName変数
記事を投稿したユーザーのユーザー名を表示する変数。

newsID変数
記事の全文表示(コメント、トラックバック含む)のリンクアドレスを挿入する変数。continueLink変数とは異なり、記事の一部を非表示にしているかどうかにかかわらず挿入されます。

newsTime変数
記事の投稿時間を表示する変数。

tbNewsID変数
トラックバックの表示先リンクアドレスを挿入する変数。出力結果はnewsIDと同じになるが、#trackbackを後ろにつけることにより、リンク先ページ内のトラックバック部分トップが表示されます。

tbCount変数
その記事のトラックバック件数を表示する変数。

comNewsID変数
コメントの表示先リンクアドレスを挿入する変数。出力結果はnewsIDと同じになるが、#commentを後ろにつけることにより、リンク先ページ内のコメント部分トップが表示されます。

comCount変数
その記事のコメント件数を表示する変数。

dateBanner変数
これは日ごとにバナーを表示する変数。ライセンスがLITEだと使えない機能です。

nextNewsLink変数
これは1ページで表示される記事数を越えたときに、以前の記事を見るためのリンクを挿入する変数です。
全記事が1ページに収まっていれば表示されません。

1日分の日付表示部分ですが、デフォルトでは日本語表示になっています。
これを英語表示にするにはどうしたらよいか。
早速、やってみました。

管理ページにログインして、設定のページを表示します。
いろいろな設定がありますが、今回変更するのは、

[C] 表示の詳細設定（一般向け）

の部分。この設定の中の3番目に以下の設定があると思います。

//[C-03] 1日分の日付表示部分のフォーマットの設定
$dateStyle = "Y年m月d日(D)";

この設定を変更すれば英語表示にすることができます。
この設定はPHPの日付フォーマットで行うので、「June 14th, 2005(Tue)」と表示するのであれば、下記のように変更します。

//[C-03] 1日分の日付表示部分のフォーマットの設定
$dateStyle = "F dS, Y(D)";

ここで使っている日付フォーマットは下記のものです。

F: 月を英文フルネームで表示
d: 日付を２桁で表示
S: 英語形式の序数を表すサフィックスを2文字で表示(st、nd、rd、th)
Y: 年を４桁で表示（西暦）
D: 曜日を３文字のテキストで表示

このように、PHPの日付フォーマットを使えば好きなように日付表示をカスタマイズできます。
もちろん、投稿日の表示部分等([C-05]、[C-08]、[C-09])の設定も同じ要領で変更することができます。

表示できる日付フォーマットについては、検索エンジンで検索すればすぐに見つかるので探してみましょう。

a-blogに対する要望を書いてみます。
私なりにこの機能がついていればいいんだけどなぁ〜って内容です。
#もしかしたら実装されていて、使い方がわかっていないものも含まれてるかも・・・やり方がわかる人がいたら教えてください!!

・カテゴリごとにトラックバック先をデフォルトで設定できるようにしてほしいなぁ。
記事を書くたびにTBのリンクを貼り付けるのが面倒。この機能欲しいです。

・投稿時の時刻をボタンで取得できるようにして欲しいなぁ。
これはsbというブログシステムにある機能なのですが、エントリを記入中、時間は刻々と経過。新規投稿のボタンを押した時点での時刻がデフォルトで入っているので、時間を入力して変更してから投稿しています。ボタン一つでそのときの時間が取得されて入力される機能が欲しいですね。

・記事変更時も「強調」や「リンク」等のタグ挿入ボタンが欲しい
一回投稿してから、「やっぱりこの部分を強調したいなぁ」と再編集使用と更新ボタンをクリック。しかし、タグ挿入ボタンがないためタグを手打ちするしかないです。
これは改善して欲しいですね。贅沢言ったら、自分の好きなタグをカスタマイズしてボタンを作れれば最高なのですが・・・

今までブログシステムの移行について悩んできました。
理由はいろいろありますが、現在a-blogに移行することにほぼ決定となりました。

まだまだ勉強する必要がありますが、カスタマイズに関しても、a-blogが一番面白いです。
今後、バージョンアップもされるみたいなので(正式リリースはいつなんだろう･･･気になる･･･)今後の発展にも期待ってとこですかね。

本家の移行については近々実施する予定ですが、このブログは継続して運営します。
a-blogに対する要望も書いていこうかと･･･。
とりあえず、もっと使いこなせるようにならなくては!!

a-blogのTheme第一弾を作成しました。
明るい日の光をイメージしました。
動作確認はしていますが、バグを見つけたら教えて下さい。

確認環境
・IE 6.0 SP2
・Firefox 1.0

このテーマ(Sunny)をダウンロードする。

せっかくなので、テンプレートを作ってみました。
テーマごとにフォルダを作る形式なので結構手こずりました。
MTであれば、機能の一つとして各ファイルの編集は可能なのですが、a-blogの場合はテンプレートと呼ばれるファイル一式が必要になります。
気軽に変えるのはできないのですが、テーマを入手すれば変更は比較的簡単。

どっちを取るかはユーザー次第ですけどね。
自分でカスタマイズするのはちょっと・・・という方には良いですね。

まずはヘッダ部分、つまりブログ名を表示する部分に使っているテンプレート変数について説明します。

toplink変数
トップページへのリンクを埋め込む変数。
ヘッダ部分では、ブログ名をクリックしてトップページに戻るために使います。

siteName変数
ブログ名を埋め込む変数。
ヘッダ部分では、ブログの説明を表示するために使います。

description変数
ブログの説明を埋め込む変数。
ヘッダ部分では、ブログの説明を表示するために使います。

テンプレートをいじろうかと思い、まずはどうしても気に入らなかったカレンダーの月表示変更を行いました。
一番上にあった、特大の月表示を消し、年が表示されていた部分に月もあわせて表示するようにしました。
そのときにいじったテンプレート変数。

year変数: 現在の年を表示する変数
month変数: 現在の月を表示する変数
day変数: 日付を表示する変数

ということで、その周りのcssをいじってカレンダーの表示を少し変えてみました。

いろいろと調べていると、どうやらそういうことらしい。
今の最新バージョンは、1.21。私が導入したのも1.21です。
まだ使い込んでいないので、何が変わったかというと難しいのですが、新機能としては下記の機能が追加されるらしいです。

新規機能追加
・Pタグ以外の編集機能の追加
・写真の複数アップロード機能の追加
・文章の順番の変更機能の追加
・コメントに指定件数毎に改ページできるようになりました。
・確認画面を用意しました。
・入力時のパスワードで書いた人自身が削除も可能になりました。
・管理者モードでコメントで入力されたメールアドレスを表示する機能を追加
・詳細画面での移動ができるような機能を追加
・記事の無い、または表示する事ができない場合にはトップページに飛ばす機能を追加
・RSSの出力件数を指定できるような機能を追加
・カテゴリ毎のRSSを出力できるような機能を追加
・未来の日付も表示させる機能を追加

バグフィックス
・バナー管理でリンク先名に日本語があると文字化けする問題を修正
・削除したユーザーのタイトルだけが一覧に表示されてしまう問題を修正
・非公開の記事にリンクがあると【非公開】と表示されない問題を修正

リリースの日程はわからないのですが、ベータ版は公開されています。

ベータ版公開ページ(http://www.a-blog.jp/dev/index.php?ID=36&cID=6)

ベータ版を導入してみるか否か・・・
もうすぐ正式版がでると思うので、それまで待つか・・・
これまた悩ましいものである。

a-blogの機能として、モブログの機能もあります。
ただし、このモブログ機能はタイムリーなものではなく、a-blogにログインしてメール取得操作を行ってはじめてブログに反映されます。

つまり、

エントリをメールで送付 → a-blogにログインする → メール取得操作を行う → エントリがブログに反映

という流れになります。

ここでは、その設定方法について説明します。

続きを読む

まず、インストールしようとしているサーバーにインストールできるかを確認します。
a-blogをインストールするためには最低限、次の環境が必要です。

・PHPが使える
・MySQLが使える

私が利用しているレンタルサーバーは「ロリポップ!」なので、上記環境は整備されており、問題なくインストールできました。
#他にインストールできそうなレンタルサーバーについては別途調査しました。調査結果は、こちら。
では、早速インストールを開始しましょう。

続きを読む