トップ   編集 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS

PUKIWIKIで、印刷時の表示サイズを縮小する の変更点

Top / PUKIWIKIで、印刷時の表示サイズを縮小する

*PUKIWIKIで、印刷時の表示サイズを縮小する [#d1454dbc]


印刷時に、記事の右側が切れてしまって不快な思いをしていたので、これを何とか解決できないかと悩んでいたのですが、とりあえず表示サイズを縮小することにしました。

まあ、抜本的な解決策ではないのですが、普通に表示される記事だったら普通に印刷できるようになりました。

***表示サイズの縮小 [#pf6dbfe6]

CSSのzoomを指定して縮小します。

基本的な使い方は以下の通り

 zoom:80%;

これをwikiのスタイルシートに埋め込みます。

***wikiのスタイルシートの変更 [#f1caab47]


デフォルトだと、「''sikn''」ディレクトリ配下に「''pukiwiki.css.php''」ファイルがあります。

この中の、「''body,td''」要素の中を以下の要素を足してやります。

 <?php	if ($media == 'print') { ?>
 zoom:80%;
 <?php	} ?>
 	font-size:90%;
 	font-family:verdana, arial, helvetica, Sans-Serif;


まあ、簡単に言うと、mediaがprint(印刷)の場合、''zoom:80%;''を追加する、ってことです。

参考までに、変更前と変更後の''body,td''のところを載せときます。


-変更前(デフォルト)
 body,td {
      color:black;
      background-color:white;
      margin-left:2%;
      margin-right:2%;
      font-size:90%;
      font-family:verdana, arial, helvetica, Sans-Serif;
 }

-変更後
 body,td {
      color:black;
      background-color:white;
      margin-left:2%;
      margin-right:2%;
      <?php	if ($media == 'print') { ?>
      zoom:80%;
      <?php	} ?>
      font-size:90%;
      font-family:verdana, arial, helvetica, Sans-Serif;
 }