右カラム
<{if $xoops_showrblock == 1}></span> <div id="RightColumn"> <dl> <{foreach item=block from=$xoops_rblocks}> <dt class="BlockTitle"><{$block.title}></dt> <dd class="BlockContent"><{$block.content}></dd> <{/foreach}> </dl> </div> <{/if}>
html は WordPress のソースを使いますので、重要なのは PHP (Smarty) のコードの部分です。
つまり、<{ 〓 }> の部分です。実際に抜き出すと、
<{if $xoops_showrblock == 1}> <{foreach item=block from=$xoops_rblocks}> <{$block.title}> <{$block.content}> <{/foreach}> <{/if}>
左カラム、中央右、中央左、中央真ん中の各ブロックも、ほぼこの形になっているのがすぐ分かると思います。
ただし、これらのブロックは Acosmin v4 のテーマには該当するものがないので今回は使われません。
さて、実際に、Acosmin v4テーマの右カラム(id=sidebar)に当てはめてみましょう。
Acosmin v4 の sidebar はごちゃごちゃ書かれていますが、重要なのは、
- ブロックの見出しは H4 で囲まれている。
- ブロックの中身は UL でリストになっている
という点です。
この点に気をつけて書き直すと、次のような短いHTMLになります。
<div id="sidebar"> <{foreach item=block from=$xoops_rblocks}> <h4 class="recentarticles"><{$block.title}><span></span></h4> <{$block.content}> <{/foreach}> </div>