KumarinX Kaneko Ryogen Jean Michel Kaneko Photography MacOSX

コメントブロックを WP_Recent_Comment のように表示する

table タグを取り去ってすっきりさせる

 コメントシステムを Xoops のコメントシステムに一本化するにあたって Xoops のコメントブロックを WordPress モジュールの Recent Comment ブロックと同様な表示が出来きるように system_block_comments.html を書き換えてみた。 Xoops のコメントブロックは table タグで区切られていてどうも仰々しいし左右の巾がないところに押し込むと改行が不自然になってしまう。 table タグを取り払って wp-block.css.php を参考に CSS のみで表現する。ただし wp-block.css.php は該当部分のスタイルを WordPress モジュールしか参照にいかないからグローバルに適用するには同じスタイル定義を thema.css に書き足しておかないとならない。リストタグでの囲い込み方とかの問題なんだろうけど Recent Comment ブロックと同様に書いてみてもどうもフォントサイズやらマージンやらがキチンと揃わないので wp_block のプロパティーをそのまま使うわけにいかなくて、とりあえずスタイル定義は system_block_comments.html でやっておくことにした。以下覚え書き。

コメントアウトは wp-block.css.php で定義されるスタイルということのメモがわり。

<!-- class="wpRecentPost" -->
<div style="word-break: break-all;">
<!-- class="wpBlockDateList" -->
<ul style="list-style-position:outside;list-style-type:none;margin-left:1px;">
<{foreach item=comment from=$block.comments}>
<li style="list-style-position:outside;list-style-type:none;">
<!-- class="postDate" -->
<span style=font-weight: bold;font-size:110%;"><b><{$comment.time}></b></span>
<!-- class="children -->
<ul style="list-style-position:outside;list-style-type:disc;margin:1px;margin-left:2px;font-size: 90%;">
<li style="list-style-position:outside;list-style-type:disc;font-size: 110%;">
<!-- class="post-title" -->
<span style="margin-left:-2px;"><{$comment.title}></span><br />
<div style="text-align:right; color:black;font-size: 90%;"><b>[</b><{$comment.module}><b>]</b> <{$comment.poster}></div>
</li>
</ul>
</li>
<{/foreach}>
</ul>
</div>

 こうして WordPress のコメントを Xoops に一本化することで WordPressTrackBack をコメントとして扱ってしまうことも回避しながら WordPress のコメントシステムを WeblogTrackBack 専用のシステムとして利用することが出来る。最後に xoops 管理者ページからモジュール管理へ行ってヘッドラインモジュールのアップデートをかけて終わり。後の xoops バージョンアップ対策としてオリジナルの system_block_comments.html を system_block_comments.html.old などとリネームして同じデレクトリに置いておくことにするのは前回:Xoopsのヘッドラインブロックを直リンクにすると同じ。