<?php tpl_pagetitle()?> [<?php echo strip

====== カスタマイズその１ ====== ===== テンプレートの作成 ===== カスタマイズを始める前に、"lib/tpl/default"を"lib/tpl/テンプレート名"にコピーし、これを書き換えていきます。\\ テンプレートの選択は「管理」「サイト設定」「基本」「テンプレート」で切り替えます。\\ ===== タイトルヘッダの書き換え ===== デフォルトではタイトルヘッダが、ページ名[wiki名]になっています。(main.php)\\ {{:dokuwiki:wiki001.png|}}\\


  
    <?php tpl_pagetitle()?>
    [<?php echo strip_tags($conf['title'])?>]

このままではブックマークしたときに見にくいので、wiki名[ページ名]に変更します。\\ {{:dokuwiki:wiki002.png|}}\\


  
    <?php echo strip_tags($conf['title'])?>[<?php tpl_pagetitle()?>]

===== 全体のレイアウトを固定幅に ===== design.cssに段組用のcssを記述し、ブログやSNSのようにページの幅を固定します。\\ 背景に画像(上部、中央、下部)を使用しレイアウトします。\\ {{:dokuwiki:wiki003.png|}}


/* Pain Layout */
#ydlBox {
  width: 976px;
  margin-left:  auto;
  margin-right: auto;
}

#ydlBoxTop {
  background: __background__ url(ydlimgs/bg_top.gif) no-repeat top;
  width: 976px;
  height: 16px;
}
#ydlBoxMid {
  background: __background__ url(ydlimgs/bg_mid.gif) repeat top;
  width: 960px;
  overflow: hidden;
  padding: 0px 8px 0px 8px;
}

#ydlBoxBot {
  background: __background__ url(ydlimgs/bg_bot.gif) no-repeat top;
  width: 976px;
  height: 16px;
}

背景の色はdesign.cssのbodyを書き換えます。フォントにメイリオとＭＳゴシックを追加します。


// 変更前
body {
  font: 80% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: __background__;
  color: __text__;
}
// 変更後
body {
  font: 80% "メイリオ", "ＭＳ ゴシック", "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif;
  background-color: #CFCAB4;
  color: __text__;
}

main.phpのを以下のように書き変えます。

**変更前**\\ {{:dokuwiki:wiki004.png|}}\\ **変更後**\\ {{:dokuwiki:wiki005.png|}}\\