WordPressサイトが印刷可能であることを確認する方法

Webデザイナー、開発者、またはWebサイトの所有者として、Webサイトのページを印刷する必要があることはまれです。ただし、必要が生じてWebページをプリンターに送信する必要がある場合は、画面上と同じように紙の上と同じように表示する必要があります。.


Webサイトが印刷に対応していない場合、ページが紙に乱雑に見えるだけでなく、紙に低品質の印刷としてレンダリングされる可能性があります。明らかに、それはあなたやあなたのウェブ訪問者が見たいものではありません。すべてのWeb訪問者がWebコンテンツをオンラインで読んでいるわけではないことに注意してください.

この投稿では、WordPressのWebサイトを印刷可能な状態にして、印刷されたページが紙の上にくっきりと整然と表示されるようにする方法について説明します。まず、印刷可能なウェブサイトの必要性は何ですか?

ワードプレスのウェブサイトを印刷可能にする理由?

大多数のインターネットユーザーがデジタルデバイスを使用してWebサーフィンをしていることを考えると、なぜWebサイトを印刷可能にする必要があるのか​​を正しく質問するかもしれません。真実は、人々があなたのウェブサイトのコンテンツをどのように読むかについてあなたが仮定をすべきではないということです。実際、ウェブサイトの訪問者の大多数はコンテンツをオンラインで直接読んでいますが、ウェブページを印刷する可能性のある少数の人に対応するのは良いことです。そして、ウェブサイトを印刷可能にするのはそれほど多くの作業ではないことを考えると、そうしない理由はほとんどありません。.

一般に、印刷など、コンテンツにアクセスする可能性のあるすべての方法に対応する必要があります。基本的に、あなたはあなたのウェブ訪問者があなたのコンテンツを使用したいと思うかもしれないもののために準備をしたいと思っています。たとえば、読者が自分の仕事に関連する投稿を見つけて、それをプレゼンテーションの参照ポイントとして使用することにした場合、彼らはそれを印刷したいと思うでしょう。あなたは誰があなたのサイトを訪問するか、そして彼らがどのようにコンテンツを使用するかを知りません。では、デジタル画面と紙の両方でWordPressブログをくっきりと明瞭にレンダリングするには?

印刷可能なWordPressプラグイン

WordPressの修正に期待しているように、救済のためのプラグインが常にあります。印刷用に独自のCSSを作成することは強力ですが、発生する問題のテストと修正に追加の時間がかかることは言うまでもなく、少し計画が必要です。そのため、CSSの記述に手を煩わせたくない場合は、プラグインを選択して作業を行ってください。ブログのレイアウトの複雑さに応じて、使用できるプラグインがいくつかあります。考慮すべきいくつかの選択肢を次に示します。

Easy Social Share WordPressプラグイン

ワードプレス向けの簡単なソーシャルシェア

CodeCanyonで最も人気のあるプラグインの1つであるEasy Social Shareには、読者が簡単にブログを共有できる優れた機能が満載です。プラグインは20を超える主要なソーシャルネットワークをサポートするだけでなく、投稿やページに追加できる便利な印刷オプションも備えています。また、[印刷]ボタンはすべてのソーシャル共有ボタンに含まれているため、印刷オプションをウェブサイトにすばやくシームレスに追加できます.

印刷しやすいPDFボタンの無料のWordPressプラグイン

wordpress-print0friendly-pdf-button

Print Friendly and PDF Buttonは、ボタンをクリックするだけでWebページの印刷バージョンを作成します。その後、ページをPDFとして保存したり、紙に印刷したりできます。 20以上の言語をサポートし、ユーザーの言語設定に合わせて言語を自動的に調整します。プラグインには他にも多数の機能が付属しており、何よりも無料で(広告付きで)使用できます。広告なしのバージョンが必要な場合は、サブスクリプションを購入する必要があります.

WP Print無料のWordPressプラグイン

wp-print-plugin

これは、WordPressブログを簡単に印刷できるようにするもう1つの優れた小さなプラグインです。以前のプラグインほど多くの機能はありませんが、印刷するページ要素を制御するための立派な設定があります。 Webページには、ユーザーが任意のページの印刷可能なバージョンを生成できる単一の印刷ボタンが表示されます.

印刷用のカスタムCSS

コーディングに慣れている場合は、WordPressブログの印刷物を準備するための出発点としてCSSを使用することをお勧めします。実際、Webサイトを印刷可能にするためには、基本的に要素を非表示または表示するCSSスタイルを記述して、要素が紙の上に明確になるようにします。テーマが印刷準備が整っていない場合、またはカスタム印刷スタイルを追加する場合は、まず子テーマを作成してください。これにより、カスタムCSSを追加するか、お気に入りのカスタムCSSプラグインをインストールしてアクティブ化できます.

あとは、カスタム印刷スタイル(CSS)を追加して、ウェブページを印刷できるようにするだけです。これも簡単です。宣言を作成し、その宣言内に次のようにスタイルを記述します。

@media print {
/ *印刷スタイル* /
}

宣言は、指定されたスタイルを使用して、印刷時のWebページの外観を制御するメディアクエリです .

2番目の方法では、すべての印刷スタイルを別のCSSファイルに配置します。これはよりクリーンで整理された方法であり、ブログのメンテナンスタスクを実行するときに特に便利です。新しいCSSファイルを作成し、スタイルを記述します(最初に @メディア印刷 宣言し、カスタム印刷CSSファイルをテーマにロードします。スタイルファイルに何を入れるかは完全にあなた次第ですが、基本的には、ブログの印刷バージョンに表示したいすべてのものを含めます。.

印刷のスタイルを設定する際の一般的なガイドラインを次に示します。

  • サイドバーなど、印刷バージョンに表示したくない部分があります。その場合、使用すると 表示:なし これらの部分を非表示にするには、残りのブロックを再編成して、印刷時にページが乱雑に見えないようにしてください.
  • デジタル画面に最適なemやピクセル単位ではなく、フォントサイズにポイントを使用します。一方、プリンターはポイントで最もよく機能します.
  • ブログの印刷バージョンでは全幅を使用する必要があります。デジタルデバイスでは、幅のサイズを制限することをお勧めしますが、紙に印刷した場合は見栄えがよくありません.
  • 特にあなたのブログが非常にアクティブな場合は、コメントセクションのコンテンツを削除してください.
  • ナビゲーションとフッターのコンテンツを削除する(単に使用する 表示:なし それらの要素について)。ほとんどの場合、ページのテキストコンテンツは印刷バージョンで重要なことなので、印刷CSSを作成するときに主な焦点になるはずです。.
  • 前のポイントに加えて、関連するテキストコンテンツを理解するために絶対に必要でない限り、すべての画像を非表示にすることも検討する必要があります。明らかに、他のすべてのインタラクティブメディア要素は、紙の上に散らかっているだけなので、デフォルトで非表示にする必要があります。紙の上では意味がないため、リンクも削除する必要があります.

WordPress.orgには、印刷スタイルシートの良い例があり、自分で作成する際の参考にできます。見る ここに.

まとめ

Webサイトを印刷可能にすることは、多くの人がWebサイトを構築するときに考えていることではありません。ただし、Webと印刷の両方を最初から設計することが重要です。それでも、これを行わずにバインドされたと感じた場合は、簡単に修正できます。実際、印刷スタイルをテーマに簡単に実装できることを考えると、ほとんどの人は、WordPressの初心者であっても、特に上記で推奨されているプラ​​グインのいずれかを使用している場合、これらの変更を自分で行うことができるはずです。.

では、ブログを印刷可能にする予定はありますか?これらの対策をすでに講じている場合、どのように対処しましたか?以下のコメントであなたの経験についてすべて聞いてみたいです.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me