最近あちこちで見かけるようになったWiki。(私だけが知らなかっただけか?) PukiWikiのインストール †
以上がそろったらあとはオフィシャルサイトにあるインストールの手順を見て、管理者名やパスワードなど変更後ファイルを送信。 編集出来ない!? †私の場合、サーバー移転とともに設置したんだけど、 パーミッションが間違っているんじゃないかとか、もう…アレコレアレコレいじくりまわしました。 見出しの色や文字の色を変えよう †pukiwiki.css.php内を変更 全体的な文字色 †body,td、a:link、a:active、a:visited、a:hoverといったカ所のcolorやbackground-colorをhtmlでページを作るのと感じで好きな色に変更。 見出し †h1,h2が大見出し、h3が中見出し、h4が小見出し、h5,h6部分はrecentの「最新の○○件」(メニューバーにあるやつ)ていうとこに使われてます。 フッタ †なんかやたらフッタの文字が小さい気が… div#footer { font-size:70%; padding:0px; margin:16px 0px 0px 0px; } デフォルトでは70%のようなので好みで変更。(このサイトでは90%にしてみました) ツールバー(ナビバー)取っちゃおう †pukiwiki.skin.php内ある。 define('PKWK_SKIN_SHOW_NAVBAR', 1); // 1, 0 や define('PKWK_SKIN_SHOW_TOOLBAR', 1); // 1, 0 の部分。 define('PKWK_SKIN_SHOW_NAVBAR', 0); // 1, 0 define('PKWK_SKIN_SHOW_TOOLBAR', 0); // 1, 0 現在は編集作業が頻繁なので両方とも表示してある。 ヘッダに背景を †pukiwiki.skin.php内のbody以下にあるheader部分を変更 <body> <div id="header"> から <body> <div style="background-image: url(./image/test.png);" id="header"> ./image/test.png部分は自分が背景にしたい画像にする。 div#header { padding:0px; margin:0px; } 背景にしたい画像の高さに併せて高さを設定する。(このサイトでは100px) div#header { padding:0px; margin:0px; height: 100px; } 罫線太くない? †pukiwiki.css.php内を変更
widthの4つの数字は左から、上の線、右の線、下の線、左の線になってる。 メニューバーの幅と色を変えよう †pukiwiki.css.php内を変更
ページタイトル †ページタイトル下のURLを変える †デフォルトではページタイトル下に小さな文字でそのページのURLが表示されます。 // SKIN_DEFAULT_DISABLE_TOPICPATH // 1 = Show reload URL // 0 = Show topicpath if (! defined('SKIN_DEFAULT_DISABLE_TOPICPATH')) define('SKIN_DEFAULT_DISABLE_TOPICPATH', 1); // 1, 0 1がURL、0がパスなので、この中の一番下の行を以下(0)に変更 define('SKIN_DEFAULT_DISABLE_TOPICPATH', 0); // 1, 0 ボディ内にページタイトルを入れる †pukiwiki.skin.php内 <h1 class="title"><?php echo $page ?></h1> <?php if ($is_page) { ?> <?php if(SKIN_DEFAULT_DISABLE_TOPICPATH) { ?> <a href="<?php echo $link['reload'] ?>"><span class="small"><?php echo $link['reload'] ?></span></a> <?php } else { ?> <span class="small"> <?php require_once(PLUGIN_DIR . 'topicpath.inc.php'); echo plugin_topicpath_inline(); ?> </span> <?php } ?> <?php } ?> この部分を <div id="body"><?php echo $body ?></div> の間に持ってくる。で、このサイトの場合はタイトルの上下に罫線を入れました。 <?php echo $hr ?> 罫線部分↑この行なので、これを入れたい位置に入れる。 <div id="body"> <?php echo $hr ?> <h1 class="title"><?php echo $page ?></h1> <?php if ($is_page) { ?> <?php if(SKIN_DEFAULT_DISABLE_TOPICPATH) { ?> <a href="<?php echo $link['reload'] ?>"><span class="small"><?php echo $link['reload'] ?></span></a> <?php } else { ?> <span class="small"> <?php require_once(PLUGIN_DIR . 'topicpath.inc.php'); echo plugin_topicpath_inline(); ?> </span> <?php } ?> <?php } ?> <?php echo $hr ?> <?php echo $body ?></div> タイトルの上に罫線を持ってきたため、ナビバー下の罫線がうざいので削除。 ページタイトルを完結に †ページが階層化されていると、タイトル部分が非常に長くなったりする。 pukiwiki.skin.php内 <h1 class="title"><?php echo $page ?></h1> をhttp://pukiwiki.sourceforge.jp/dev/によると <?php if(mb_ereg("(.*)/(.*)", $title, $regs)){ $t = $regs[2]; //ページタイトル $p = $regs[1]; //タイトルを除いたページのパス $e = rawurlencode($t); echo "<h1 class=\"title\"><a href=\"$script? $r_page&cmd=search&word=$e\">$t</a></h1>\n<span class=\"size1\">$p</span>"; }else{ echo "<h1 class=\"title\">$page</h1>"; } ?> に置き換えるだけでOKとのこと。 \n<span class=\"size1\">$p</span> を削除 <?php if(mb_ereg("(.*)/(.*)", $title, $regs)){ $t = $regs[2]; //ページタイトル $p = $regs[1]; //タイトルを除いたページのパス $e = rawurlencode($t); echo "<h1 class=\"title\"><a href=\"$script? $r_page&cmd=search&word=$e\">$t</a></h1>"; }else{ echo "<h1 class=\"title\">$page</h1>"; } ?> このように変更したらうまく表示できたので、たぶん平気なはず(憶測でどんどん変更していってます…) フッタにスクエアエニックスの権利表記を入れたい †当ホームページに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。 libフォルダ内にあるinit.phpを変更 define('S_COPYRIGHT', の下に '<p>当ホームページに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。<br />'. 'Copyright © 2005 SQUARE ENIX CO., LTD. All Rights Reserced.</p>'. を入れて、以下のようになる。 define('S_COPYRIGHT', '<p>当ホームページに記載されている会社名・製品名・システム名などは、各社の登録商標、もしくは商標です。<br />'. 'Copyright © 2005 SQUARE ENIX CO., LTD. All Rights Reserced.</p>'. '<strong>PukiWiki ' . S_VERSION . '</strong>' . ' Copyright © 2001-2005' . ' <a href="http://pukiwiki.sourceforge.jp/">PukiWiki Developers Team</a>.' . ' License is <a href="http://www.gnu.org/licenses/gpl.html">GPL</a>.<br />' . ' Based on "PukiWiki" 1.3 by <a href="http://factage.com/yu-ji/">yu-ji</a>' ); 階層化されたページ †たとえば、「ほげほげ」というページの下に「ちょっとほげほげ」をいうページを作る場合 他のページのコンテンツを入れたい †変更したのに反映されない †私はSafari、Netscape、IEでそれぞれ見て確認してるのですが、ヘッダの背景を変更したときIEだけページの更新をしても一行に画像が出てきませんでした。(SafariもNetscapeも画像がすぐ出た) |