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の投稿に印刷用オプションを追加する方法

編集メモ: WPBeginner のパートナーリンクから手数料を得ています。手数料は編集者の意見や評価に影響を与えません。編集プロセスについて詳しく知る。

WordPressの投稿にプリンターフレンドリーオプションを追加したいですか?

ユーザーは、面白いと思った投稿を印刷したいと思うことがよくあります。デフォルト設定では、多くのWordPressテーマは印刷用に最適化されていません。コンテンツだけを印刷するのではなく、グラフィック、色、サイドバー、広告までも含めたサイト全体のレイアウトをユーザーに印刷させることになる。

この投稿では、WordPressの投稿にプリンターフレンドリーオプションを追加する方法を紹介します。

How to Add a Printer Friendly Option to Your WordPress Posts

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

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

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

幸いなことに、必ずしもそうなるとは限らない。WordPressテーマの中には、印刷用に区切られたCSSスタイルシートが付属しているものがある。このスタイルシートは、ユーザーが望むコンテンツだけを印刷するために使われる。

CTRL+P(MacではCommand+P)を押して印刷プレビューを表示し、WordPressサイトを印刷したときの見え方を確認してください。

Print Preview Will Show You How Your Theme Handles Printing

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

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

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

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

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

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

プラグインをカスタマイズするには、ナビゲーション” 設定 ” 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をメールで送信することもできます。

このチュートリアルで、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.

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$編集プロセスをご覧ください。

Avatar

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 says

    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. facebook says

    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 says

      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 :)

      管理者

  3. Brooke Favorat says

    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 says

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

      管理者

    • Brooke says

      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

  4. Lineisy Kosenkova says

    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?

  5. Mark Klinefelter says

    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.

返信を残す

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