Wind-Sunlight - Webプログラミング 風の巻

少しづつ、コメントが頂けるようになりました。そうなると、WPのサイドバーにコメントとトラックバックを表示したくなります。でも、WPはコメントとトラックバックが一緒に管理されているので・・・。分けてできないかと思い、探すと、ありました。

Commented entry list プラグイン

Hirobeeさん作のコメントとトラックバックを分けて表示するWPのプラグインです。以下から入手できます：

• http://hirobee.jp/archives/2005/05/
  commented-entry-list-11/

ここから、

• commented-entry-list_1.2.zip

をダウンロードします。

使用法

1. 必要なファイルは、commented-entry-list.php　です。
2. このファイルをWPのプラグインディレクトリ(wp-content/plugins)に
   アップロードコピーします。
3. テーマのサイドバーを変更します。

※詳しくは、同封のReadMe.txtを参照して下さい。

私の場合は、サイドバーに以下のコードを追加しました。

<li><h2>最新のコメント</h2>
<ul>
<?php get_recently_commented(10); ?>
</ul>
</li>
<li><h2>最新のトラックバック</h2>
<ul>
<?php get_recently_trackbacked(10); ?>
</ul>
</li>

どうしても、Wiki風書式を使いたくて、もう一度、Markdown を調べてみました。すると、

• PHP Markdown Extra — http://www.michelf.com/projects/php-markdown/
• その説明　— http://www.michelf.com/projects/php-markdown/extra/

PHP Markdown Extra は PHP Markdown の拡張版でライセンスはMarkdown と同じ修正BSDです。興味ある拡張はテーブルが記述できる点です。よかった。これで、Textile と ほぼ同じです。

PHP Markdown Extra 1.0.1

Markdown の書式ですが、Wiki風です。とりあえず：

• #H1
• ##H2
• テーブル表記

を使って、テストです。詳しくは、http://daringfireball.net/projects/markdown/syntax　にあります。

さて、PHP Marckdownの使い方ですが、沢山あります。同封の Readme.text によれば、以下の利用法が紹介されていました。

1. WordPress　のプラグイン
2. bBlog　のプラグイン
3. Textile PHP 互換モード
4. 自分のプログラムで使う
5. Smarty の修正子(modifier)として使う

すごいですね。いっぱい使い道があって。このリストから見て、xoopsへの移植は簡単そうですね。今日は、とりあえず。上の(4)と(5)を試してみます。

あー。今日は時間です。テストの結果は今度の記事で・・・

テーマ EasyAll のコメント欄ですが、メール入力のところの説明がありません。なぜ？

comments.php に以下のコードを追加しました。

<label for=”email”><small>Mail (will not be published)<?php if ($req) _e(’(required)’); ?></small></label>

普段はWPをログインしっぱなしで使っているので、今まで気づきませんでした。でもなぜ？

WPのビジュアルエディタは便利ですが、テーブル表示ができません。また、Wikiになれ親しんでいる私としては、Wiki書式が使いたいです。

DocuWiki

WP用にはDocuWikiというプラグインがありました。でも、日本語のドキュメントがほとんどありません。 ドキュメント作成機能に優れたWikiだそうです。これをWPで使えるようにしたのが、WP-DocuWiki プラグインです。

• WP-DocuWiki —  http://floatingsun.net/blog/code/wp-dokuwiki/
• DocuWiki(本家)　—　http://wiki.splitbrain.org/ 
• 参考記事 — http://blog.monimonimuu.com/?p=304

WP-DocuWiki  0.3 を導入してみました。

インストール 

1. 上のWP-DocuWiki のサイトから WP-DocuWiki 0.3( wp-dokuwiki-0.3.tar.tar )をダウンロード
2. 解凍して、wp-dokuwikiフォルダ を wp-content/plugins 下にフォルダごとアップロード
3. WPの管理画面[プラグイン]でWP-DocuWikiを有効化する

結果は、NGです。JavaScriptでエラーがでます。同じような現象がネットでも公開されていました。

そこで、次はWP-DocuWiki  0.2 を試しました。JavaScriptのエラーはでません。OKです。思ったとおりの動きをしますが、問題がありました。それは、DocuWiki書式を使った記事では、事実上ビジュアルエディタが使えないと言う点です。

残念。他のプラグインを探します・・・

PukiWiki

ひょっとしたら、xoopsのWordPressモジュールについているPukiWikiプラグインが使えるかも？と思って入れて見ました。このプラグインは、WordPressでもxoopsでも動きます。すごい！PukiWikiファンの私には涙が出るくらいうれしいです。動作的にはOKです。但し、PukiWikiのキャシュディレクトリ(MOD_PUKI_CACHE_DIR)の設定が少し変なでの修正する必要があります。

でも、WordPressの記事を全てWiki書式で書かなくてはならないなんて、ほんの一部でいいのです。テーブルだけでいいのです。おー ・・・ Help ME!

他のWiki風書式

他のWiki風書式も調べました：

• Markdown　— http://daringfireball.net/projects/　本家
  http://www.michelf.com/projects/php-markdown/ — PHP Marckdown(WordPressプラグイン)
  http://detourist.net/2005/07/04/markdownn_syntax　参考
• textile — http://textism.com/tools/textile/　本家
  http://jimandlissa.com/project/textilephp — TextilePHP
  http://idly.org/2004/05/23/new-textile-2　WordPressプラグイン
  http://drupal-jbox.net/?q=node/5　参考

Markdownにはテーブル機能がありません。でも、修正BSDライセンスみたいなのでプログラムで使えるかも。プラグインとしての動作は問題ありません。ただ、これも、事実上ビジュアルエディタが使えません。

textileの方には、 テーブル機能がありました。でも、日本語表示がNG、内部コードがUTF-8でないとだめみたいです。仮にコード系を変えても、ビジュアルエディタとの併用は期待薄です。

調査をしていて気づきましたが、ビジュアルエディタとWiki書式の両立は不可能かも知れません。理想的には、こんな感じでしたいのですが：

[wiki]
|h1|h2|h3|h
|r1|r2|r3|
[/wiki] 

ちょっと気になるもの

http://mudbomb.com/archives/2004/05/29/wysiwyg-hack-for-wordpress/

やはり「風」と言えば、WEB2.0でしょう。巷で、Lightboxなるものが流行っているとの事。WPのプラグインを実験してみよう。

http://www.m3nt0r.de/blog/lightbox-wordpress-plugin/

インストール 

Lightbox 2.0 Plugin
Version : v0.6.2

1. ダウンロード　— wp-lightbox062.zip
2. /wp-content/plugins/　にダウンロードした以下のファイルをアップロード
   ・lightbox-plugin.php
   ・lightbox-plugin　　（フォルダ）
3. プラグインの有効化

使い方

このプラグインは、基本的に完全自動です。プラグインをインストールすると、画像にリンクしてるURLをLightBoxのJavaScriptに置き換えます。ビジュアルエディタで画像を挿入するとき時に、[画像へのリンク]を設定しておけばOKです。便利だ。ちなみに、[リンクしない]と[ページへリンク]の場合はLightBox表示しません。

「画像表示ウインドウのキャプション」は aタグ のtitle属性が使われます。画像をシリーズ化する場合もaタグ のtitle属性が使われます。以下の例を見て下さい。

この例では、 aタグ のtitle属性が以下のようになっています。

title=”{flower}花のシリーズ(1)”
title=”{flower}花のシリーズ(2)”
title=”{flower}花のシリーズ(3)”

このようにシリーズ名をカーリーブラケットで指定できます（これもカーリーブラケットか。これも流行ですね）但し、aタグ のtitle属性はビジュアルエディタで変更できせん。これもHTMLを直に・・・。（うーん、そーですか）

このように Lightbox プラグインは全自動です。でも、Lightbox表示したくない場合もあります。この場合は次のようにします。

• 記事やページの中に　{2シャープ}NOLIGHTBOX{2シャープ}　を入れます。どこでもよい見たいですが、先頭の方が分かりやすいでしょう。
  ※{2シャープ}には#を２つ書きます
• aタグ のtitle属性に{nolb}を付けます。

上の画像リンク(aタグ)のtitle属性は、title=”{nolb}風車” です。 

詳しくは、ダウンロードしたREADME.txtを参照して下さい。

感想

• 本当に簡単に使えます。
• インストールや使いかはは、ダウンロードしたREADME.txtを読むのが早いです。サイトの説明は分かり難い（特に英語音痴の私には）。

Refer To:

• http://www.m3nt0r.de/blog/lightbox-wordpress-plugin/ — WP Pligin
• http://bd.dotted.jp/archives/42/ — WP Pligin
• http://www.syunsui.net/2006/05/lightboxjs.html — MT
• http://www.huddletogether.com/projects/lightbox2/ — Lightbox JS v2.0

「ページって何」って何？何で？そうなんです。WordPress用語で、「ページ」というのがあります。何とも素朴な専門用語ですね。英語圏の人は日常的な言葉を専門用語に平気で転用します。まあ、しかたないような気もします。日本人なら漢字やカタナカを使い新しい専門用語が簡単に作れますが、英語はそうはいかないのでしょう。

WordPress用語で、「ページ」とは、正確には「ページコンテンツ」ですが、投稿記事以外のコンテンツを「ページコンテンツ」と呼んでいます。xoops的には「セクション」ですね。また、ページは親子関係を作って階層化できます。この機能も便利ですね。ほんと、WordPressってすごいわ。昔使ったMT(Movable Type)の不満を全て解消してくれそうです。大きな期待ありです。CMSとしてもつかえそう。がんばれ、WP!

ま、とりあえず。私的には次の理解で話を進めます。

• 投稿コンテンツ — 時系列とカテゴリで分類
• ページコンテンツ — 階層化とカテゴリで分類

WordPress ３日目。今日はテーマがテーマです。まずは、WP公式サイトにいって情報収集。

デザインカスタマイズについて

• デザイン要素はテーマとして統一的に管理されています。xoopsと同じ 
• テーマエディタで各種テンプレートやCSSが編集できます。すごい！
• テンプレートタグで簡単にPHPとリンク
• プラグインによるテンプレートタグの拡張

ただ、難点はWrodPressはテンプレートエンジンを採用していません。テンプレートと言っても、PHPコードです。ユーザやデザイナさんには少し抵抗感があるのでは、Smartyになれてしまった私には少し違和感があります。少し残念です。

テーマファイルの所在

• {インストールディレクトリ}/wp-content/themes　にあります。
• テーマ毎にディレクトリを作って管理します。
  テーマが EasyAl lなら /wp-content/themes/EasyAll

テーマファイルの構成

基本的なテーマファイルの構成は同じです。１つのページは複数のテンプレートから構成されます。ですから幾つかのテンプレートファイルを呼び出すメインテンプレートがあります。メインテンプレートの主だったものは：

• メインインデックス（index.php） — WPのメインページ
• ページテンプレート(page.php) — ページコンテンツ用
• アーカイブインデックス(archive.php) — アーカイブページ用

これらのメインテンプレートからパーツとなるテンプレートが呼び出されます。その主だったものは：

• ヘッダー部 (header.php)　—- スタイルシート(style.css)
• サイドバー (sidebar.php) 
• フッター部　(footer.php)

基本的に以上の構成ですが、細部はテーマごとに違います。現段階では、まだテーマに関する謎は多いですが、とりあえずこんなもんでしょう。

ユーザレベル

0 — subscriber:購読者
1 — contributor:投稿者
2 — author:作成者
7 — editor:編集者
10 — administrator:管理者

数字で設定するプラグインもあるので要注意

PS. 配布ファイルの中のreadme.html にユーザレベルに関する記載がありました。

Word Pressで「風」を書くのはいいとして、Word Press って何、そして何ができるの？プログラマとしては気になるところです。 早々に調べてみました。Word Press自体も「風」ですから。最初の風としてはいい素材です。

ライセンス

• GPL

バージョンと動作環境

• WordPress ME2.0.3
• PHP　V4.2以降
• MySQL　V3.23以降

操作性（書き手）

• 下書き機能とプレビューも大変使い易い。 
• リッチエディタはかなり良い、時代錯誤を承知で言うと「チョベリグ」です。
• 日本語化ですが、少し変と思う用語もあるので注意。例えば：「ピン」ってピングの事ですか？
• サムネール作成
• スマイリー　— でも一覧がない、どこ？ !
• ブックマークレット

操作性（読み手）

• 記事の検索
• RSSフィードはRSS 1.0/RSS 2.0/ATOMに対応

ブログテクノロジ

•  もちろんPingBack/TrrackBack可
• パーマリンク設定はすごく良い。.htaccessに書くmod_rewriteまで出力してくれる。便利だ。意味の分からない人でも使える。
• ブログAPIはどうなんだろう？

できる事いろいろ

• メール投稿
• 事前投稿 — 仕込んどいて指定期日に公開
• 分割投稿 — １つの記事をページ替えで表示できる
• リンク管理 — まだためしてない
• コンテンツ系ページも作れる　— いわゆるCMS
• テーマ 
• そして、プラグイン

駆け足で調べた。機能的には満足。もうMTの時代は終わったのでしょうか？

テーマについては、また明日。