ブログ印刷用にヘッダー・フッター・広告を隠した話

ブログ印刷用にヘッダー・フッター・広告を隠した話

star-moti.com をブログ・ツール・ポートフォリオ兼用で育てていくなかで、手元で見やすい印刷も欲しくなりました。

ブラウザの印刷プレビューだと、ヘッダーのメニューやフッター、AdSense の広告が載ってきて、本文以外が地味に邪魔だったんですよね^^;

やったこと

印刷時（@media print）に、だいたい次を隠すようにしました。

• サイト共通の ヘッダー（メニュー）
• フッター
• AdSense（Auto ads の枠や、残っていたアンカー広告っぽい操作バーも含む）

無駄な広告やヘッダー・フッターなしで本文だけ印刷できたのは、振り返りとしてもよかったな〜と思っています(^^)

実際の使い方：デイトレ記事を印刷して実践

直近公開した デイトレ の内容を印刷して、実践しながらブログの印刷を見て作業しました。

簡単な作業ならスマホでポチポチやるのもラクですが、手元に紙があると視線を移しやすく、チェックしながら進めやすいです。プリントアウトしやすい状況にしておくと、こういう使い方ができるのがうれしいポイントです。

サイトの改修ログとしては小さめですが、「自分のブログを自分の作業道具にする」という意味では、効き目のある改修でした。

（本文 随時追記予定）