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

ブログ記事で技術的な手順を説明しようとしたのに、テキストの壁に埋もれてしまった経験はありませんか？何をすべきかは正確にわかっているのに、言葉だけでは読者に明確に伝えられないと、イライラすることがあります。

私たちも同じ経験をしてきました。WPBeginnerでは、特にステップバイステップのチュートリアルにおいて、1枚のスクリーンショットが100の言葉に値することをすぐに学びました。

スクリーンショットを追加することで、分かりにくい説明が簡単な視覚的なガイドに変わります。これにより、読者は手順を追いやすくなり、エクスペリエンスが向上し、ブログへの再訪問につながります。

このガイドでは、あらゆるデバイスでスクリーンショットを撮影する方法を正確に説明します。すぐにWordPressブログ用の非常にクリアなチュートリアルを作成できるようになります。

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

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

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

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

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

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

• Droplrでスクリーンショットを撮る方法
• Macでスクリーンショットを撮る方法
• Windowsでスクリーンショットを撮る方法
• Chromebook でスクリーンショットを撮る方法
• iPhoneでスクリーンショットを撮る方法
• Androidスマートフォンでスクリーンショットを撮る方法
• スクリーンショットの撮影に関するよくある質問
• ブログ画像の追加リソース

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」を押し、キーボードの「Space bar」も押してください。

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

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

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

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

Windowsデバイスでスクリーンショットを撮るには、キーボードの「PrtSc」キーを押す必要があります。これにより、画面全体がキャプチャされます。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

iPhone X 以降を使用している場合は、ブログ投稿またはアプリを画面で開く必要があります。その後、スマートフォンの右側にある「サイド」ボタンと左側にある「音量アップ」ボタンを同時に押すだけです。

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

iPhone 8以前のモデルを使用している場合は、キャプチャしたい画面を開きます。次に、「電源ボタン + ホームボタン」を同時に押すだけでスクリーンショットが撮れます。

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

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

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

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

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

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

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

テキストやユーザーインターフェースを含むほとんどのスクリーンショットでは、PNG形式が理想的です。テキストがシャープでクリアに保たれます。スクリーンショットが写真に近い場合は、JPEGを使用するとファイルサイズが小さくなり、ページの読み込みが速くなります。

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

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

さらに高度な機能が必要な場合は、もう1つの人気のある有料ツールとして、Snagitがあります。

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

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

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

いいえ、プラグインは必要ありません。デバイスの組み込み方法でスクリーンショットを撮ると、標準の画像ファイル（PNGやJPGなど）として保存されます。その後、WordPressのメディアライブラリに直接アップロードし、標準の画像ブロックを使用して投稿に追加できます。

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

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

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

この記事が気に入ったら、WordPressのビデオチュートリアルについては、YouTubeチャンネルを購読してください。 TwitterやFacebookでもフォローできます。