「最新のnn件」を表示している左側のメニューバーの表示

はじめに

tableタグをなくした状態で，「一覧」や「単語検索」を選ぶと，左側に空白ができる．これらのページには「最新のnn件」の表示がないため，本文だけが右詰80%の幅での表示となるためである．不恰好なので調節しよう．やり方は以下の二つ．

• 右詰・幅80%を止め，ページ全体に本文を表示
• これらのページにも「最新のnn件」を表示

右詰・幅80%を止め，ページ全体に本文を表示

まずは，「右詰・幅80%を止め，ページ全体に本文を表示」してみよう．修正するのはpukiwiki.skin.ja.phpの119行目以降，tableタグをなくした箇所と同じところである．

<?php if (arg_check('read') and exist_plugin_convert('menu')) { ?>
  <div id="menubar">
    <?php echo do_plugin_convert('menu') ?>
  </div>
  <div id="body" class="right"><?php echo $body ?></div> <!-- id="body"だけでなくclass="right"も指定 --> 
<?php } else { ?>
  <div id="body"><?php echo $body ?></div> <!-- bodyのみ指定 --> 
<?php } ?>
  <div class="clear"/>
        

次は，default.ja.cssの396行以降を修正する．div.rightを追加し，div#bodyからfloat:rightとwidth:80%を移す．

div.right /* 新設 */
{
    float:right;
    width:80%;
}

div#body /* floatとwidthをなくす */
{
    padding:0px;
    margin:0px 0px 0px 0.5em;
}
        

修正した結果，このようになる．

修正前

修正後

これらのページにも「最新のnn件」を表示

もう一つのやり方「これらのページにも「最新のnn件」を表示」を試してみる．右詰80%でbodyを表示しているのだから，空いているところにトップと同様の「最新のnn件」を表示しようということである．つまり，どの画面にも「最新のnn件」を表示すればいいので，pukiwiki.skin.ja.phpの119行目以降を以下のように変える．

<!-- 修正前 -->
<?php if (arg_check('read') and exist_plugin_convert('menu')) { ?>
  <div id="menubar">
    <?php echo do_plugin_convert('menu') ?>
  </div>
  <div id="body" class="right"><?php echo $body ?></div>
<?php } else { ?>
  <div id="body"><?php echo $body ?></div>
<?php } ?>
  <div class="clear"/>

<!-- 修正後 -->
<?php if (exist_plugin_convert('menu')) { ?> <!-- arg_check('read')をはずす -->
  <div id="menubar">
    <?php echo do_plugin_convert('menu') ?>
  </div>
  <div id="body" class="right"><?php echo $body ?></div>
<?php } else { ?>
  <div id="body"><?php echo $body ?></div>
<?php } ?>
  <div class="clear"/>
    

修正結果はこのようになる．

修正前

修正後