プリンタフレンドリーなページのデザイン方法
人々があなたのウェブサイトのコンテンツをどのように消費するかを決して知ることはできません。 彼らは伝統的なデスクトップやラップトップコンピュータでサイトを訪問することも、何らかのモバイルデバイスを訪問している多くの訪問者の1人かもしれません。 この幅広いビジターに対応するため、今日のWebプロフェッショナルは、このような幅広いデバイスや画面サイズで見栄えの良いサイトを作成します。 誰かがあなたのウェブページをプリントアウトするとどうなりますか？
多くのWebデザイナーは、WebページがWeb用に作成されていれば、そのWebページを読むべきだが、それはやや狭い思考であると感じている。 一部のWebページは、読者がスクリーン上のコンテンツを見るのが難しい特別なニーズがあり、書かれたページからより快適になるため、オンラインで読むのが難しい場合があります。 一部のコンテンツは、印刷することが望ましい場合もあります。 「方法」の記事を読んでいる人にとっては、その記事を印刷して、メモを書いたり、完了した段階を確認したりする方が簡単かもしれません。
要点は、あなたのWebページを印刷することを選ぶかもしれないサイト訪問者を無視すべきではなく、ページに印刷されるときにサイトのコンテンツが消耗するようにすることです。
プリンターフレンドリーなページを作るのはプリンターフレンドリーですか？
ウェブ産業には、プリンタに優しいページを書く方法についていくつかの意見の相違があります。 一部の人々は、記事の内容とタイトル（おそらくは行単位）だけをページに含めるべきだと感じています。 他の開発者は、サイドとトップのナビゲーションを削除するか、記事の一番下にあるテキストリンクに置き換えるだけです。 一部のサイトは広告を削除し、他のサイトは一部の広告を削除し、さらに他のサイトはすべての広告をそのまま残します。 特定のユースケースで最も効果的なものを決定する必要がありますが、ここでは考慮すべきヒントをいくつか示します。
印刷フレンドリーなページにおすすめのこと
- 白を白に変えてください。
- Webページに背景色がある場合、または色付きフォントを使用している場合は、プリンタフレンドリーなページは白い背景に黒いテキストで表示されます。 ほとんどの人は白黒プリンタを使用しており、色付きの背景ではインクやトナーを多量に使います。
- フォントを読みやすい面に変更する
- あなたのウェブページが文章のフォントを使用している場合は、簡単に読むことができるように、印刷されたページのセリフまたはサンセリフに簡単に変更することができます。
- フォントサイズを見る。
- 小さなフォントサイズの Webページを作成する場合は、印刷用のフォントサイズを確実に増やす必要があります。 あなたの聴衆に応じて、16pt以上のテキストをお勧めします。
- すべてのリンクに下線を引く
- リンクはプリンタフレンドリーなページではクリックできないので、リンクであることが明白になると、ページ情報が明確になり、読者にデジタルページから欠落している機能が分かるようになります。 私はまた、カラープリンタのために働く、青へのリンクの色を変更するのが好きです。
- 重要でない画像を削除する。
- 不可欠なイメージを作るのは、開発者とマーケティング部門によって異なります。 私は記事のために必要なものとページの左上のブランドロゴに画像を限定します。
- ナビゲーションを削除します。
- ページを印刷するのを困難にする原因の多くは、広告とサイドナビゲーションによって引き起こされます。 それを削除することで、テキストが画面上を流れる余地が広がり、印刷時に読みやすくなります。 また、ページは印刷されるため、 ナビゲーションは単なるインクの無駄です。
- 広告の一部またはほとんどを削除します。
- これは粘着性のある主題です。プリンターに優しい一部の広告主様は、特に広告を含む、プリンター向けのページからすべての画像を削除するためです。 しかし、実際には、多くのサイトが広告でサポートされており、すべての広告を削除すると、それらのサイトがビジネスに滞在する能力に影響します。 私が印刷物の広告か消えたサイトのどちらかを選ぶ必要があったなら、私は広告を選ぶだろう。 結局のところ、私がそれを印刷するのが好きであれば、私はサイトを続行したいと思います。
- すべてのJavaScriptおよびアニメーション画像を削除します。
- これらはうまく印刷されず、場合によってはWebページの印刷に問題を引き起こす可能性があります。
- by-lineを含める。
- あなたの記事には通常、行がない場合でも、プリンタに適したバージョンに記事を含める必要があります。 こうすることで、顧客が記事を提出すれば、Webサイトに戻ることなく後で書いた人をすぐに見つけることができます。
- 元のURLを含めます。
- 印刷物の一番下に元の記事へのURLを含めることは非常に重要です。 こうすることで、顧客がリンクをたどったり、サイトからより多くの情報を得る必要がある場合、顧客は正確なページをオンラインに戻すことができます。 また、プリントアウトをコピーすると、サイトの露出が増えます。
- 著作権表示を含めてください。
- あなたがウェブ上に書いたのはあなたの文章です。 顧客がそれを印刷したり、テキストをコピー＆ペーストしてもパブリックドメインであるとは限りません。 それは決定された泥棒を止めることはありませんが、それはカジュアルなユーザーにあなたの権利を思い出させます。
これらの簡単なガイドラインを使用すると、お客様のサイトを使いやすいプリンタ用のページを作成して、お客様が使用して喜んで利用できるようにすることができます。
プリントに優しいソリューションを実装する方法
CSSメディアタイプを使用して、印刷に適したページを作成し、「印刷」メディアタイプに別のスタイルシートを追加することができます。 はい、あなたのウェブページをフレンドリーに変換するためのスクリプトを書くことは可能ですが、あなたのページが印刷されるときのための2番目のスタイルシートを書くことができるときに、本当にそのルートに行く必要はありません。
Jennifer Kryninのオリジナル記事。 ジェレミージラール編集：6/6/17