ブログ記事用のスクリーンショットの撮り方（初心者ガイド）

画像なしで技術チュートリアルを作成すると、読者は混乱し、不満を感じることがよくあります。言葉だけでは、画像ほど明確にプロセスを説明することはできません。

WPBeginnerでは、何千ものガイドを作成してきましたが、スクリーンショットはユーザーを惹きつけるための秘密兵器です。複雑な指示をわかりやすいステップに変えます。

スクリーンショットを追加すると、読者の成功に役立ち、ユーザーエクスペリエンスが向上し、ブログに戻ってきてもらえるようになります。

このガイドでは、あらゆるコンピューターやデバイスでブログ投稿用のスクリーンショットを撮る方法を正確に説明します。

ブログ記事でスクリーンショットを撮るメリット

WordPressブログに高品質のスクリーンショットを追加すると、コンテンツがより魅力的になります。これらは、モバイルまたはデスクトップ画面にあるものすべてをキャプチャまたはスナップしたものです。

スクリーンショットをチュートリアルに使用して、ユーザーに段階的にガイドすることができます。これにより、人々はソフトウェアやプラグインを設定する際に、どこをクリックし、何をどこに入力すればよいかを正確に知ることができます。

同様に、スクリーンショットをまとめ投稿やリスト投稿に使用できます。たとえば、最高のEメールマーケティングツールについて書いているとします。各ツールのホームページのスクリーンショットを撮り、コンテンツに表示できます。

スクリーンショットの撮り方には様々な方法があるため、デバイスやアプリごとにブログ用のスクリーンショットを撮る方法をステップバイステップで解説したガイドを作成しました。WordPressプラグインを使用する必要すらありません。

皆さんの便宜を図るため、以下の目次も作成しましたので、ご自身に適用される方法を素早く見つけることができます。

Droplrでスクリーンショットを撮る方法

Droplrは、人気のプレミアムスクリーンキャプチャアプリです。これにより、コンピューターで簡単にスクリーンショットを撮り、注釈を付け、共有できます。

Droplrはスクリーンショットを自動的にクラウドに保存します。ただし、WordPressのブログ投稿の場合は、これらの画像をコンピューターにダウンロードしてから、メディアライブラリにアップロードする必要があります。これにより、画像が常に高速に読み込まれ、サイトに表示され続けることが保証されます。

Mac、Windows、Chromebookデバイスで、選択した領域や画面全体を素早くキャプチャするのに最適です。Chrome拡張機能もあるため、ブラウザから素早くスクリーンショットを撮ることができます。

Droplrは、Slack、Microsoft Teams、Gmail、Adobe Photoshopなどの人気アプリとも統合されています。

Droplrデスクトップアプリを使用したスクリーンショットの撮影

Droplr を使用してスクリーンショットを撮るには、まずお好みのデバイスにアプリをインストールする必要があります。その後、Mac のメニューバーまたは Windows のタスクバーにある Droplr アイコンをクリックできます。

ここから、「スクリーンショット」オプションをクリックするだけです。

Macユーザーの場合、「Option + Shift + 4」を押してスクリーンショットをキャプチャすることもできます。Droplrでスクリーンショットを撮るには、Windowsで「Alt + Shift + 4」を押します。

次に、スクリーンショットを撮りたい領域を選択する必要があります。

Droplrは、スクリーンショットの撮影が完了するとすぐに、ブラウザウィンドウでスクリーンショットを開きます。ここで、画像をダウンロードしたり、他の人とリンクを共有したりできます。

上部にある「マークアップ」ボタンをクリックすると、スクリーンショットを編集するオプションが見つかります。

例えば、ボタンや重要な機能を指し示すために矢印を追加できます。また、図形を描いたり、絵文字を追加したり、画像のさまざまな部分をぼかしたり、テキストを追加したりすることもできます。

完了したら、画像を保存するかダウンロードします。それが終わったら、ブログコンテンツに追加します。

Droplr Chrome拡張機能を使用したスクリーンショットの撮影

Droplr Chrome拡張機能を使用して、スクリーンショットや画面録画を行うこともできます。この拡張機能はデスクトップアプリと同様に機能し、Chrome拡張機能ツールバーから簡単にアクセスできます。

まず、ChromeウェブストアにアクセスしてDroplr拡張機能をインストールする必要があります。

次に、「Chromeに追加」をクリックします。

拡張機能を追加したら、ブラウザの上部にあるツールバーからDroplrアイコンをクリックできます。

次に、選択した領域、アプリケーションウィンドウ、フルスクリーン、またはページ全体をスクリーンショットできます。

スクリーンショットを撮ると、Droplrは画像を新しいタブで開き、共有できるリンクが表示されます。

Droplrでは、音声付きの簡単なチュートリアルを作成するために、ビデオスクリーンキャストを作成することもできます。ブラウザのメニューバーにあるDroplrアイコンをクリックし、テレビアイコンを選択するだけで画面を録画できます。

「デスクトップ全体」オプションを選択した場合、どのウィンドウを録画するかを選択する必要があります。一方、「現在のタブ」オプションを使用すると、ブラウザのタブをスクリーンキャストできます。

Macでスクリーンショットを撮る方法

Macデバイスを使用していて、最初のブログ記事のためにスクリーンショットを撮りたい場合は、いくつかの選択肢があります。

Macデバイスでは、画面全体、画面の一部、特定のウィンドウなどをキャプチャできます。

Macデバイスで画面全体のスクリーンショットを撮るには、単に「Shift + Command + 3」を押すだけで、画面がキャプチャされます。

選択した部分をキャプチャしたい場合は、「Shift + Command + 4」を押してください。次に、十字線（ポインター）をクリックしてドラッグし、選択した領域のスクリーンショットを撮ります。

特定のウィンドウのスクリーンショットを撮りたい場合は、まず「Shift + Command + 4」を押します。次に、キーボードの「スペースバー」をすぐにタップします。

ポインターがカメラアイコンに変わるのがわかります。カメラアイコンをウィンドウ上でドラッグしてハイライトし、キャプチャするだけです。

スクリーンショットを撮ると、画面の隅にサムネイルが表示されます。それをクリックすると、すぐに注釈ツールが開き、保存する前にトリミング、矢印の描画、テキストの追加ができます！✨

デフォルトでは、すべてのスクリーンショットはデスクトップに保存され、ファイル名にはキャプチャ日時が、ファイル拡張子には.pngが使用されます。

Windowsでスクリーンショットを撮る方法

Windowsデバイスでスクリーンショットを撮るには、キーボードの「PrtSc」（Print Screen）キーを押すだけです。新しいバージョンのWindowsでは、これによりスニッピングツールが自動的に開く場合があります。開かない場合は、画面全体の画像をクリップボードにコピーします。

次に、このスクリーンショットをAffinity Photo、Paint、またはCanvaのような無料の画像エディターに貼り付けて、必要な領域を切り取り、コンピューターに保存できます。

次に、このスクリーンショットをAffinity PhotoやAdobe Photoshopのような画像編集ソフトウェアで開き、必要な領域を切り取り、コンピューターに保存できます。

スクリーンショットを撮る別の方法として、WindowsにプリインストールされているSnipping Toolを使用する方法があります。

このツールを使用すると、画面の特定の部分をキャプチャし、自動的にクリップボードに保存できます。

Windowsでスクリーンショットを撮る別の方法として、「Windowsキー + Shiftキー + Sキー」を押すと、Snipping Toolを使ってスクリーンショットを撮り始めることができます。

マウスボタンを離すと、自動的にスクリーンショットがキャプチャされます。

画面の隅に通知が表示されます。それをクリックすると、Snipping Toolエディタでスクリーンショットが開かれ、保存する前に画像にトリミング、ハイライト、描画を行うことができます。

Chromebook でスクリーンショットを撮る方法

Chromebook でスクリーンショットを撮るのは簡単かつ迅速です。最も信頼性の高い方法は、組み込みのスクリーンキャプチャーツールを使用することです。

画面の右下隅にあるクイック設定パネル（時計がある場所）をクリックし、「スクリーンキャプチャ」オプションを選択します。

表示されるツールバーから、全画面、単一のウィンドウ、または選択した領域をキャプチャするかを選択できます。キャプチャ後、スクリーンショットは自動的にクリップボードにコピーされ、「ダウンロード」フォルダに保存されます。

または、キーボードショートカットを使用することもできます。

• 画面全体をキャプチャする: Ctrl + Switch Window キー（長方形に矢印の付いたキー ❐）を押します。
• 画面の一部をキャプチャする: 「Ctrl + Shift + Switch Window」キーを押します。カーソルが十字線に変わり、クリック＆ドラッグで領域を選択できるようになります。

外付けキーボードを使用している場合、F5キーがウィンドウ切り替えキーとして機能することがよくあります。

iPhoneでスクリーンショットを撮る方法

iPhoneやその他のスマートフォンでスクリーンショットを撮るのは、実際には非常に簡単です。

Face ID搭載のiPhone（iPhone X以降）をお使いの場合は、キャプチャしたいアプリを開きます。次に、右側の「サイドボタン」と左側の「音量ボタン（上げる）」を同時に押します。

両方のボタンを同時に押すようにしてください。これにより、画面のスクリーンショットが撮られ、スマートフォンの「Screenshots」フォルダに保存されます。

ホームボタン搭載のiPhone（iPhone SEやiPhone 8など）をお使いの場合は、サイドボタンとホームボタンを同時に押すだけです。非常に古いモデルでは、サイドボタンの代わりにトップボタンを押す必要がある場合があります。

Androidスマートフォンでスクリーンショットを撮る方法

Android OSを搭載したスマートフォンを販売しているメーカーは多数ありますが（Samsung Galaxy、Motorola、Google Pixelなど）、ほとんどの新しいデバイスでは、スクリーンショットを撮るための同じ普遍的なプロセスが採用されています。

Androidスマートフォンでは、キャプチャしたい画面を開く必要があります。次に、「電源ボタン + 音量ダウンボタン」を同時に押します。

これでスクリーンショットが撮られ、フォトギャラリーに保存されます。

スクリーンショットの撮影に関するよくある質問

ブログ記事でスクリーンショットを効果的に活用する方法について、よくご質問をいただきます。ここでは、よくある質問とその回答をご紹介します。

1. ブログ用のスクリーンショットを保存するのに最適な形式は何ですか？

初期のキャプチャには、テキストをシャープに保つPNGが最適です。ただし、ブログにアップロードする際は、WebP形式に変換することをお勧めします。WebP画像はサイズがはるかに小さく、読み込みが速いため、SEOに最適です。

2. スクリーンショットの編集や注釈付けはどのように行えますか？

はい、多くのツールでこれが可能です！前述のように、Droplrはスクリーンショットに注釈を付けるのに優れたアプリです。簡単な編集には、macOSとWindowsの両方に組み込まれている無料のツールも、矢印、テキスト、ハイライトを追加するのに最適です。

さらに高度な機能については、もう1つの人気のあるプレミアムツールはSnagitです。

3. スクロールが必要な全ウェブページのスクリーンショットを撮ることはできますか？

はい、これは「スクロールキャプチャ」と呼ばれることがよくあります。Droplr Chrome拡張機能を含む多くのサードパーティ製アプリやブラウザ拡張機能がこの機能を提供しています。これにより、ウェブページ全体を上から下まで1つの画像ファイルとしてキャプチャできます。

4. 投稿にスクリーンショットを追加するために、特別なWordPressプラグインが必要ですか？

いいえ、このためにプラグインは必要ありません。スクリーンショットはWordPressのメディアライブラリに直接アップロードできます。アップロード後、検索エンジンが画像の内容を理解できるように、スクリーンショットに「代替テキスト」を追加することを忘れないでください。

ブログ画像の追加リソース

スクリーンショットの撮り方がわかったので、ブログ画像をさらに良くすることができます。次にチェックすることをお勧めするガイドをいくつかご紹介します。

• 画像 SEO の初心者ガイド – 検索エンジンのための画像を最適化する
• WordPress画像圧縮プラグイン比較
• ブログ記事用の画像をより良く作成するためのツール

この記事が気に入った場合は、WordPressのビデオチュートリアルのために、YouTubeチャンネルを購読してください。また、TwitterやFacebookでも私たちを見つけることができます。