Q＆A/デザイン・CSS の履歴差分(No.18)

追加された行はこの色です。
削除された行はこの色です。
*Q＆A/デザイン・CSS [#c724f33f]
:主なFAQ|PukiWikiのデザインやスキンの変更、CSSについてよくある質問

#navi(Q＆A)
#contents

**メニュー（Menubar） [#ub313802]
***Q.　FrontPageのみ左サイドにサブメニューをつけたい [#d6cb8217]
>''A.''

:version1.3系|

>
 if($vars['page'] == 'FrontPage') 
のような判定で振り分ければOKだと思います。pukiwiki.skin.ja.phpの60行あたりに以下のように追加してみて下さい。

>
 +<?php if($vars['page'] == 'FrontPage'){ ?>
 <td valign="top" style="width:120px;word-break:break-all;">
 <?php echo convert_html(@join('',@file(get_filename(encode('MenuBar'))))) ?>
 </td>
 <td style="width:10px">
 </td>
 +<? php } ?>

:version1.4系|pukiwiki.skin.ja.phpの110行目あたりを以下みたいな感じに

>
 <?php if (arg_check('read') and exist_plugin_convert('menu') 
 and $r_page == 'FrontPage') { ?>
あるいは、MenuBarというページを作らない事にして(強制したいなら削除した後に編集認証をかけて)、menuプラグインのサブメニューの機能を利用しましょう。(デフォルトでは無効)



***Q.　MenuBarが表示されない [#i7181279]
>''A.''　MenuBarというページを作成していますか？このページがない場合はMenuBarが表示される部分が空白になってしまいます。


***Q.　MenuBarの幅を変更したい [#cda794d0]
>''A.''　 skin/pukiwiki.skin.ja.php の60行目あたりにMenuBar のテーブルのスタイル定義
 td.menubar{width:135px;}
 div#menubar{width:130px;} 
があるのでこの部分を変更すればサイズを変更できます。


***Q.　MenuBarを2つ設置したい [#mbc9ac4a]
>''A.''　サイトの左側だけ出なく、右側にもMenuBarを設置したい場合は、[[dev:BugTrack/430]]のページを参考にして下さい。


***Q.　編集や検索ページの全てのページにMenubarを表示させたい [#fe98e5cb]
>''A.''　こちらのページを参考にして下さい。~
[[dev:PukiWiki/1.4/ちょっと便利に/編集や検索ページでも常にMenubarを表示する]]


***Q.　断層かしていない状態でincludesubmenuのようにMenuBarの表示内容を切り替えたい [#xa2ec53b]
***Q.　断層化していない状態でincludesubmenuのようにMenuBarの表示内容を切り替えたい [#xa2ec53b]
>''A.''　通常のメニューと切り替えたいページにmenuプラグインを設置して、引数に切り替えたいページを指定してください。
// ×「断層か」 → ○「断層化」？



**編集ページ [#r87e9afa]
***Q.　編集ページのボタンの位置を変えたいのですが [#d5aced7b]
>''A.''　lib/html.phpの編集ページに関する部分を変更してください。


***Q.　編集時のテキストボックスの大きさを変えたい [#oe41fade]
>''A.''　default.ini.php　の以下の部分を変更してください。
 // テキストエリアのカラム数
 $cols = 60;
 // テキストエリアの行数
 $rows = 25;



**ページ [#sad98f3e]
***Q.　検索フォームをページ中に指定したい [#deb0db0d]
>''A.''　プラグインの「#search」を使うことで検索フォームを作ることが出来ます。
また「#lookup(検索,ケンサク)　と　InterWikiName」を組み合わせて擬似検索フォームを作ることができます。

 例　#lookup(検索,サイト内を検索)
 　　#lookup(Google,Googleで外部サイトを検索)
#lookup(検索,サイト内を検索)
#lookup(Google,Googleで外部サイトを検索)

***Q.　ページのタイトルの下にあるURLを表示させたくない [#cec2049a]
>''A.''　skin/pukiwiki.skin.phpの20行目当たりにある以下の部分を変更して下さい。
 // 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



**スキン [#db039027]
***Q.　PukiWikiのロゴの画像を自分のサイトで使いたい [#cf293b70]
>''Q.続き''~
PukiWiki.orgのロゴ画像を自サイトのPukiWikiで使いたいのですが、使用許諾またはガイドラインなどは何処かに書いてありますか？

>''A.''　リンク画像については、PukiWiki.org及びPukiWiki開発サイトへのリンク用の画像としてご自由にお使いください。画像はできるだけご自分のサイトにコピーしてお使いください。なお、他の用途には使わないでください。


***Q.　PukiWikiの公式サイトのスキン・CSSを公開して欲しい [#m8135d33]
>''A.''　[[PukiWiki-official/仕様]]のページを参考にして下さい。またPukiWiki.org及び開発サイトで使用しているスキンは、リリース版やcvs版のスキンとは別物で、それぞれのサイトでカスタマイズしたものを使用しています。開発サイトで使用しているスキンは、開発サイトのページデザインで公開されています(但し、2002年8月時点のものなので、そのままでは使えません)。


***Q.　印刷用ページの出力や対応スキンについて [#a73b635b]
>''A.''　印刷用スキンに関してはこちらのページをご覧下さい。
-[[dev:BugTrack/212]]
-[[dev:BugTrack/110]]
-[[dev:PukiWiki/1.4/ちょっと便利に/印刷用表示対応スキン]]
-[[dev:PukiWiki/1.4/ちょっと便利に/印刷用表示対応スキン2]]


***Q.　スキンにあるmetaのrobots、NOINDEX,NOFOLLOWはいったいなに [#f4c20725]
>''A.''　skin/pukiwiki.skin.ja.phpの
 <?php if (!$is_read) { ?>
 <meta name="robots" content="NOINDEX,NOFOLLOW" />
 <?php } ?>
この部分は、編集画面などを検索エンジンに登録させないために、編集画面などをロボットに巡回させないための設定になっています。


***Q.　Last-modifiedの書式を日本語書式に変更したい [#q4aae2af]
>''A.''　表示される内容を変更する場合は、skin/pukiwiki.skin.phpの270行辺りの以下の部分を修正してください。
 <?php if ($lastmodified != '') { ?>
 <div id="lastmodified">Last-modified: ←ここ
 <?php echo $lastmodified ?></div>
 <?php } ?>

>日付などの順番の変更は、pukiwiki.ini.phpの280行辺りの以下の部分を修正してください。
 // Date format
 $date_format = 'Y-m-d'; 
 // Time format
 $time_format = 'H:i:s';


***Q.　プラグインcounterやonlineをスキンに直接埋め込みたい [#k9c542c0]
>''A.''スキン自体にonlineを埋め込む場合は、skin/pukiwiki.skin.ja.phpに
 <?php if (is_page(':online')) { ?>
 <?php echo convert_html(get_source(':online')) ?>
 <?php } ?>
を記述してください。なお、counterの埋め込みは無理のようです。see [[質問箱/7]]

>簡単な方法は、MenuBarにプラグインcounterやonlineを記述すれば全ページでカウントを行うことが出来ます。以下をMenuBarに入れると便利です。
 RIGHT:today:&color(green){&counter(today);};
 RIGHT:yesterday:&color(green){&counter(yesterday);};
 RIGHT:total:&color(green){&counter;};
 RIGHT:online:&color(green){&online;};




**CSS [#dc7b0223]
***Q.　リンクの色を変えたい [#eb9a0205]
>''A.''　リンクの色を変更するときは、skin/pukiwiki.css.phpの下記の部分を変更してください。
 a:link { color:#215dc6; }

***Q.　見出しの表示色を変更したい [#x9ab52aa]
>''A.''　skin/pukiwiki.css.phpの以下の部分を変更してください。
 h1, h2 { background-color:#999; }


***Q.　横方向のスクロールバーを出ないようにサイトのページ幅を調節するには [#w4c72b75]
>''A.''　整形済みテキストなどで横スクロールバーが出て見難くならないようにしたい場合は、skin/pukiwiki.css.phpのCSSに以下のプロパティを追加すればよいでしょう。
 pre {overflow:auto;}


***Q.　スタイルシートの個別に指定したい [#d9af7915]
***Q.　スタイルシートを個別に指定したい [#d9af7915]
>''A.''　個別のページごとにスタイルシートをしたい場合は以下のプラグインを利用してください。
-[[skin.inc.php（Miko's Cafeterrace）:http://cafelounge.net/dev/?Plugin/skin]]
-[[自作プラグイン/kisekae.inc.php]]


***Q.　表組み（テーブル）自体をページの右、左、中央寄せに寄せたい [#ydaff3d8]
>''A.''　こちらのページを参考にして下さい。~
[[dev:PukiWiki/1.4/ちょっと便利に/テーブルの中央寄せor右寄せ]]

***Q.　カレンダーの横にテキストを回り込ませる方法は？ [#cf27dc82]
>''A.''　カレンダーを包んでいるdiv(またはtable)タグのCSSにfloat:leftを設定してください。