公務員叩きに物申す！−現職公務員の妄言 システム運用保守に、後期高齢者医療制度に、公務員叩き批判に、行政改革に、福祉行政に、ITに、WEB2.0に、SNS管理に、VBに、Scriptに、情報セキュリティに、IPネットワークに、SEOに、ほんの少し家族サービスなブログ。

上記の広告は１ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

　記事印刷専用の画面を作ってみた。

　今使っているテンプレートの記事中に下図↓のようなリンクを追加し、



　リンクをクリックすると、下図のようなボタン付きの印刷専用画面が現われるという仕組みである。



　記事の内容を是非読者に印刷してもらいたい、と思っている方にはうってつけである。

　せっかく作ったので、FC2の共有テンプレートにも登録してみた。
　現在申請中であるが、首尾よく認可されれば、共有テンプレダウンロード画面で、キーワード「g_print」で検索すると見つかるはずである。

　と言う訳で、解説。

---

テンプレの説明

　このテンプレートは個別の記事を印刷するためのものであり、旗は立てて使わない。
　メインのテンプレは別に用意していただき（今使っているもので差し支えない）、それを改変して呼び出して使うためのものである。
　めんどいのでCSSは無し。
　クレジット表示さえ残していただければ改造は自由なので、自信があるかたは好きにいじっていただきたい。

---

設定方法

１．共有テンプレート「g_print」をダウンロードする。
　ダウンロードしたらこのテンプレは放置。何もしなくて良い。
　（ただし、印刷ボタンを表示しない場合は改造が必要）

　なお、「g_print_ctl」を利用する場合、使用前に必ずテンプレート名を「g_print」に変更すること！（2月17日追記）

２．普段使うテンプレート（以下「メインテンプレ」）のバックアップを取る。
　必ずやっていただきたい。テンプレ改造中に事故やミスが起こり、元に戻せなくなったとしても、当方は一切責任をもつことはできない。
　やり方は、

• バックアップしておくテキストファイルを作る

　適当なところ（フォルダ内やデスクトップなど）で右クリック→新規作成→テキストドキュメント
　名前は何でも良い。
　そのテキストファイルをダブルクリックしてメモ帳等のテキストエディタを開いておく。


• メインテンプレのhtmlソースをコピーする。
　
　メインテンプレの編集画面を開き、「HTMLの編集（テンプレ名）を編集しています。」のすぐ下の枠内を適当に選択。
　右クリック→全て選択、画面が反転したらさらに、右クリック→コピー


• メインテンプレのhtmlソースを保存する。
　
　メモ帳を選択し、右クリック→ペースト
　テンプレート編集画面の枠内と同じ内容がコピペできたことを確認して、テキストファイルを上書き保存する。


• メインテンプレのCSSソースをコピーする。

　もう１つテキストファイルを作り、全く同じやり方でCSSソースのバックアップも取る。

３．以下のソースをコピーする。
　マウスをあてると自動選択されるので、そのまま右クリック→コピーでOK！
【 <a href="./?style2=g_print&no=<%topentry_no>" target="_blank">印刷用画面</a> 】

４．メインテンプレのhtmlソースにコピーしたコードを追加する。
　一番簡単なのは、メインテンプレのhtmlソースの中に <!--/more--> という部分が絶対あるので、その直後にコードを右クリック→貼り付けでペーストする方法である。
　なお、 <!--/more--> の箇所は、テンプレート編集画面を開いた状態で、ブラウザの検索機能（IEだと、編集→このページの検索）で、「/more-」で検索すれば一発で見つけることができる。

　例えば公式テンプレの「blue sky」だと以下↓のような部分があるので、

---

<!-- 記事本文部分 -->
<div class="entry-body">
<%topentry_body>
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->

<!--community-->

---

　以下↓のように追加してやる。

---

<!-- 記事本文部分 -->
<div class="entry-body">
<%topentry_body>
<!--more_link-->
<p class="entry-more"><a href="<%topentry_link>" title="「<%topentry_title>」の続きを読む">続きを読む &raquo;</a></p>
<!--/more_link-->
<!--more-->
<%topentry_more>
<!--/more-->【 <a href="./?style2=g_print&no=<%topentry_no>" target="_blank">印刷用画面</a> 】

<!--community-->

---

　他にもいろいろな方法が考えられる。
　例えば当blogのように記事の下のコメントやトラックバックの周辺に配置することも可能だが、こればかりはテンプレによってソースが千差万別なので、個別のきめ細かい説明はできない。
　各自工夫していただきたい。

５．動作確認
　更新ボタンを押し、「ブログの確認」から、実際に記事中に【印刷用画面】が追加されているかどうか、またクリックして正常に画面が出るかどうか確認して欲しい。
　以上である。

６．印刷ボタンの削除
　印刷用画面の印刷ボタンが邪魔くさいから消したいぞ！という方は、
　「g_print」テンプレの以下↓の部分を、

---

<!--■印刷ボタンを表示しない場合は矢印より右部分を抹消　　→■-->
<form>
<input type="button" value="この記事を印刷する" onClick="window.print()">
</form>
<!--■←　印刷ボタンを表示しない場合は矢印より左部分を抹消　■-->

---

　以下↓のように変更すればＯＫである。

---

<!--■印刷ボタンを表示しない場合は矢印より右部分を抹消　　→
<form>
<input type="button" value="この記事を印刷する" onClick="window.print()">
</form>
←　印刷ボタンを表示しない場合は矢印より左部分を抹消　■-->

---

　元に戻すときにはその逆を行えばよい。（というか、もう１回テンプレをダウンロードした方が早いかも）

７．コメント＆トラックバックの削除（2月13日追記）
　記事のみで、コメントやトラックバックは表示したくない、というご要望があったので、その方法を解説。
　コメントを表示しないようにするには、「g_print」テンプレの以下↓の部分を丸ごと削除してしまえば良い。



　トラックバックを表示しないようにするには、以下↓の部分を丸ごと削除する。



　もちろん、コメントとトラックバック、両方とも表示しないようにするには、上記の両方の部分を削除すればＯＫである。
　削除した後、更新ボタンを押すのを忘れずに！

　「g_print_ctl」のテンプレートを利用すれば、最初から両方とも表示されないが、使用する際にはテンプレート名を「g_print」に変更する必要がある。（2月17日追記）

---

最後に

　専用プラグインの「印刷画面」または「印刷画面（ボタン付）」を利用すれば、面倒な設定作業を行わずに簡単に「g_print」を利用することができる。詳細はこちらの記事にて。

　不具合等あれば左のメールフォームよりご連絡いただきたい。
　なお、どのテンプレでも上記の方法で大丈夫だと思われるが、個別のテンプレ改造に関する質問等については容赦して欲しい。