伊豆・伊東情報館 Blog

と言っても、プラグインを入れただけなんだけど（苦笑

追加された機能は…
・パンくずリストの表示
・個別記事表示の際、前後記事へのリンク表示
・コメント投稿時に要キー入力

当サイトでアクセス数を稼いでいるのは、残念ながら
ゲームの攻略 ＞ 日記（blog） ＞＞＞ 伊豆の情報
サイトタイトルからしても、本末転倒な事になってるんだけど…
まぁ、仕方あるまい（苦笑

特に日記の方は、パソコンの事から伊豆の事、
ゲーム、ガンダム、プリキュアと
全く、統一性の無い記事を垂れ流してるため
逆に検索でヒットしてくる方が多いようです。

なので、パンくずリストは必要かな？と。

あと、他人様のブログを読んでいて
ずっと「羨ましいなぁ～」と思っていたのが、当該記事の前後記事への移動リンク。

コメントへのキー入力ってのは、所謂スパム対策。
今までも、全てが英文の記事や特定のキーワードで蹴飛ばしていたんだけどね。
とりあえず、NGワードを解除して様子を見てみます。

自分用にまとめてみた。んだけど…
こんなに少なかったっけ？

ちなみに各ブラウザでの対応うんぬんは未確認です（苦笑
・印刷用シートの読込
・改ページ制御
・要素削除
は、ある程度は確認済だけど。

個人的には、ホームページを印刷するってのはナンセンスな気がするんだけど…
（ペーパレス化って意味からね）
状況に応じて、印刷が必要な場合があるのも事実。

目的地への地図・連絡先とかね。
まぁ、携帯がパソコン並みにWEB閲覧が可能になれば、印刷する必要もなくなるんだろうけど…

旅先で携帯使って、調べ物（検索）した事あるけど
普段、使ってないせいか、異常にストレス感じるし（苦笑

と偉そうに言ってはみたけど…
私の携帯は古い機種だからねぇ。
一応、フルブラウザ表示の機能はあるけど、
読み込み時間が長いし、途中でサイズオーバーで途切れるし（苦笑

なので、まだまだ印刷しての利用方法は無視できないなぁ。
と、いう事で自分用のまとめをば。

■印刷用スタイルシートの読込
　<link rel="stylesheet" type="text/css" href="印刷用スタイルシート名.css" media="print">

■印刷時の改ページ制御
　page-break-before: always; /* 指定行で改ページ */
　page-break-after: always; /* 指定行の次要素から改ページ */

■ブロック要素中での改ページ禁止
　page-break-inside: avoid;

■印刷時に要素を消す
　display: none;

全ページにヘッダ・フッタの印刷って方法を見た気がするんだけど…
ザッと手持ちの（CSS関連の）本を漁ったけど発見できず。　orz
ググってみたけど発見できず。

エクセルとかの内容と、ごっちゃになってるっぽい（笑

ちなみに…
ホームページの表示内容と印刷内容が異なる場合、
クレーム（？）となる事もあるので、御注意を。

適度な位置での改ページ制御程度が無難ですかね。