ヘッダ

ヘッダは、中身を調べてみると以下の図のようになっているのが分かると思います。


  • XOOPSでは、h1にサイト名($xoops_sitename)、h2にサイト副題($xoops_slogan)を入れている。一方、WordPress にはサイト名しかなく、h2に入れている。ちなみに h1 は記事のタイトルに使われている。
  • WordPress のテーマには、検索窓用のスタイルが指定されている。
  • WordPress のテーマでは、メインメニューが横に並ぶようになっている。

さて、ヘッダでも WordPress の html に、XOOPS のコードを埋め込んでやります。

ロゴ部分+検索部分の書き換え

Acosmin v4 の元のソース

<div class="logopart">
  <h2 id="logo"><a href="<?php echo get_option('home'); ?>">Alexandru Cosmin blog<span></span></a></h2>
  <div id="search">
  <form method="get" action="<?php bloginfo('url'); ?>/">
    <input type="text" value="<?php the_search_query(); ?>" name="s" class="searchformtop" />
    <input type="image" src="<?php bloginfo('template_url'); ?>/images/trans.png" class="gosearch" />
  </form>
</div>

書き換え後

<div class="logopart">
  <h2 id="logo"><a href="<{$xoops_url}>"><{$xoops_slogan}> - <{$xoops_sitename}><span></span></a></h2>
  <div id="search">
  <form method="get" action="<{$xoops_url}>/search.php">
    <input type="text" name="query" value="" id="s" class="searchformtop" />
    <input type="image" src="<{$xoops_imageurl}>images/trans.png" class="gosearch" />
  </form>
</div>

h2 には、$xoops_sitename と $xoops_slogan の両方を詰め込みました。
get_option('home'); となっている部分は、サイトのトップのURLが入ります。XOOPS の場合は、<{$xoops_url}> と書きます。
bloginfo('template_url'); は、テーマファイルの置いてある場所になります。XOOPS の場合は <{$xoops_imageurl}>

検索窓は、XOOPS の検索ブロックを参考に修正します。

メニュー+RSS部分の書き換え

Acosmin v4 の元のソース

<div id="menu">
  <ul class="left">
    <li><a href="<?php echo get_option('home'); ?>/">Home</a></li>
    <?php $pages = wp_list_pages('title_li=0'); ?>
    <li style="background:none;"><a href="http://www.acosmin.com/ro/">RO</a></li>
  </ul>
  <ul class="rss">
    <li><a href="<?php bloginfo('comments_rss2_url'); ?>">Comments RSS</a></li>
    <li><a href="<?php bloginfo('rss2_url'); ?>">Full RSS</a></li>
  </ul>
</div>

書き換え後

<div id="menu">
  <ul class="left">
    <li><a href="<{$xoops_url}>/">Home</a></li>
  </ul>
  <ul class="rss">
    <li><a href="<{$xoops_url}>/rss">Comments RSS</a></li>
    <li><a href="<{$xoops_url}>/fullrss">Full RSS</a></li>
  </ul>
</div>

本当はメニュー部分に、メインメニューの内容を流し込みたいのですがそれは後回しにします(^ ^;