Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPBカップ
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPressの投稿に印刷用オプションを追加する方法

読者が役に立つと思った投稿を印刷したいと思うこともあるだろう。

しかし、多くのWordPressテーマは印刷用に設定されていない。多くの場合、グラフィック、色、サイドバー、広告などの余分な要素が含まれています。そのため、印刷ページが乱雑に見えたり、必要以上にインクを使ったりしてしまいます。

幸い、WordPressの投稿にプリンターフレンドリーオプションを追加することで、この問題を解決することができます。これにより、読者は必要なコンテンツだけを簡単に印刷することができる。

このカテゴリーでは、投稿が印刷されたときにきれいでプロフェッショナルに見えるように設定する方法を紹介する。

How to Add a Printer Friendly Option to Your WordPress Posts

なぜWordPressの投稿に印刷用オプションを追加するのか?

WordPressブログから直接印刷すると、投稿コンテンツだけでなくレイアウト全体が印刷されるなど、予期せぬ結果になることがよくある。おそらく、すべての画像、サイドバー、ヘッダー、メニューが印刷されてしまうだろう。

これでは見栄えが悪く、紙とインクを無駄にし、読みにくい。

幸いなことに、これはいつも起こることではありません。WordPressテーマの中には、印刷用のCSSスタイルシートが区切られていて、ユーザーが望むコンテンツだけを印刷するものもある。

Windowsの場合はCTRL+P、Macの場合はCommand+Pで印刷プレビューを表示し、WordPressサイトを印刷したときの見え方を確認できます。

Print Preview Will Show You How Your Theme Handles Printing

印刷プレビューでサイトのヘッダー、フッター、サイドバーが表示される場合は、WordPressサイトにプリンターフレンドリーオプションを追加できます。

そうすることで、画面上に印刷アイコンが追加され、ユーザーにコンテンツの魅力的で読みやすい印刷ができることを知らせることができます。

WordPressの投稿に印刷用オプションを追加する方法を見てみましょう。

WordPressの投稿に印刷用オプションを追加する方法

最初に行う必要があるのは、PrintFriendlyによる印刷、PDF、メールプラグインをインストールして有効化することです。詳しくは、WordPressプラグインのインストール方法のステップバイステップガイドをご覧ください。

有効化すると、サイト上の各投稿やページの下部に「印刷」と「PDF」アイコンが自動的に追加されます。これらは、表示中のコンテンツの魅力的な印刷またはPDFバージョンを作成します。

プラグインをカスタマイズするには、WordPressダッシュボードから設定 ” Print Friendly & PDFに移動します。

ページ上部では、Pro機能を有料で利用しているユーザーがアカウントを有効化することができます。無料版を使用するには、このセクションをスクロールするだけです。

Pro Users Can Activate Their Account

Select content using’セクションに来たら、初期設定の’WP Template’オプションを選択したままにしておきます。

印刷」や「PDF」アイコンがサイトに表示されない場合は、他のオプションをお試しください。

Leave the Default WP Template Option Unless You Can't See the Print Button on Your Site

次に、サイトに表示するボタンのスタイルを選択します。これらは異なるラベルとカラーオプションで利用可能です。いくつかのスタイルにはPDFやメールのボタンが含まれていますが、これらのオプションはどのスタイルを選択してもページのプレビュー時に提供されます。

あなたのサイトに最適なボタンスタイルを見つけるには、いくつか試してみる必要があるかもしれません。

Select a Button Style That Looks Good on Your Site

ボタンを配置する場所も同様です。ボタンをコンテンツの上や下に配置したり、左寄せ、右寄せ、中央寄せにしたり、配置しないこともできます。

いくつかのアライメントオプションを試して、ベストなものを見つける必要があるかもしれない。

You Can Display the Button Before or After Your Content

次のセクションでは、サイト上のどこに印刷ボタンを表示するかを選択します。

初期設定では、すべての投稿とページに表示されます。しかし、ホームページ、カテゴリーページ、タクソノミーページにもチェックボックスがあります。

Choose the Pages Where You Wish the Button to Appear

特定のカテゴリーにのみ印刷ボタンを表示するには、「表示する特定のカテゴリー」と書かれたボックスにカテゴリーを入力します。そのボックスをクリックするだけで、ドロップダウンメニューから必要なカテゴリーを選択できる。

上級ユーザーは、コードスニペットを使用してテーマテンプレートに直接ボタンを追加したり、投稿、ページ、またはウィジェット対応エリア内の任意の場所にショートコードを追加することもできます。

一番下の「オプションを保存」をクリックして変更を保存することをお忘れなく。

Click the Save Options Button to Store Your Settings

あなたのサイトにアクセスして、プリントアイコンを実際に見ることができます。

デモサイトではこんな感じです。

Preview of the Printer Friendly Button

印刷」ボタンをクリックすると、プレビューページが表示されます。

しかし、これは単なるプレビュー ページではない。印刷したくないコンテンツを削除することもできる。

例えば、日付の上にマウスオーバーするとゴミ箱内のアイコンが表示されます。これをクリックすると、プレビューから日付が削除されます。同じように、画像や印刷したくないものを削除してください。

You Can Preview and Adjust the Page Before Printing

準備ができたら、「印刷」アイコンをクリックしてページを印刷してください。また、’PDF’ボタンをクリックしてページのPDFをダウンロードしたり、’メール’ボタンをクリックしてPDFをメールで送信することもできます。

ボーナスのヒントその他のブログ・ハック

ブログ投稿にプリントアイコンを追加することは、読者にとってより簡単な方法のひとつに過ぎません。他にもいくつかクールなトリックがあるので、試してみてほしい。

例えば、「Load More Posts」ボタンを追加することができます。これにより、訪問者はページを離れることなくコンテンツをスクロールし続けることができ、訪問者の関心を維持することができます。

今後予定している投稿を表示することもできます。読者に次の予定を知らせることで、今後のコンテンツへの期待感を高めることができます。

A preview of list of upcoming scheduled posts

最後に、投稿やページにツールチップを追加することができます。誰かが単語やフレーズの上にマウスオーバーしたときに詳細が表示され、ページが散らかることなくわかりやすくなります。

チュートリアルについては、ブログの始め方に関する究極のガイドをご覧ください。

このチュートリアルで、WordPressの投稿に印刷用オプションを追加する方法を学んでいただけたでしょうか。次のチュートリアルでは、WordPressで関連投稿を表示する方法や、最もコメントされた投稿を表示する 方法をご紹介します。

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

情報開示 私たちのコンテンツは読者支援型です。これは、あなたが私たちのリンクの一部をクリックした場合、私たちはコミッションを得ることができることを意味します。 WPBeginnerの資金源 をご覧ください。3$編集プロセスをご覧ください。

アバター

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

究極のWordPressツールキット

ツールキットへの無料アクセス - すべてのプロフェッショナルが持つべきWordPress関連製品とリソースのコレクション!

Reader Interactions

13件のコメント返信を残す

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Joe

    Thank you for the guidance.

    • WPBeginner Support

      You’re welcome :)

      管理者

  3. facebook

    I have one specific page on my site I am trying to get to print without anything around it. I installed the plugin did all of your steps have the print page logo and link. I would like it to just print cleanly the contents of my page with nothing else around it.

    • WPBeginner Support

      You would want to check with the support for the plugin you are using for how they exclude certain content from the printer-friendly page :)

      管理者

  4. Brooke Favorat

    This is exactly what I needed and was so excited to see this information… but sadly the plugin recommended has been closed :( I have no clue about code and all other print plugins are Greek to me. Please help!

    • WPBeginner Support

      The second option is still available but thanks for letting us know, we’ll be sure to look into updating this article

      管理者

    • Brooke

      Just wanted to update in case anyone else would like to know…the plugin BWS PDF & Print is great and has been the solution for me

  5. Sam Mooney

    Neither plugin is maintained anymore which is a shame. Do you have other suggestions?

  6. Peter

    What if I only want this print option on posts and not pages?

  7. MikeM

    where is your print function?

  8. Lineisy Kosenkova

    Have only just started looking into being able to print WordPress posts. Glad I stumbled onto your site and these useful tips. . This is a great post. Tom, do you have any theme suggestions that play nicely with print stylesheets?

  9. Mark Klinefelter

    My favorite is PrintFriendly. Easy to install on any page or post and can be easily removed from any individual page if desired. It also comes with a pdf tool. I use it on my live site and it is a very attractive proposition.

返信を残す

コメントありがとうございます。すべてのコメントは私たちのコメントポリシーに従ってモデレートされ、あなたのメールアドレスが公開されることはありませんのでご留意ください。名前欄にキーワードを使用しないでください。個人的で有意義な会話をしましょう。