2022年にWordPressに画像を追加する方法クラシックおよびGutenbergエディタで画像を追加するチュートリアル(+ファイルサイズを縮小する方法)

今日は、WordPressに画像を追加し、ファイルサイズを縮小する方法を分解しています(ページ&投稿をできるだけ早くロードし続けるため)。

あなたはブログを開始する方法の基礎を学んでいるだけで、把握することがたくさんあります、私はそれを得ます。 ここでは、フォントサイズの変更、フォントの色の変更、クリック可能なリンクの作成などについて説明しました。

良いニュースは、2022年には、彼らが過去十年間に見てきたすべてのユーザビリティの更新と機能強化でWordPressに画像を追加する方法を学ぶことは非常に簡

このクイックチュートリアルでは、私は古典的なエディタ（私が使用することを好む）と彼らの新しいGutenbergエディタの両方で、WordPressの投稿に画像を追加する方法

さて、WordPressの投稿に画像を追加することに飛び込みましょう—また、SEOのベストプラクティスに沿って滞在し、できるだけ速くページをロードし続けるために、

で画像を追加（ファイルサイズを縮小）する方法2022

1. 古典的なWordPressエディタでの投稿への画像の追加
2. Gutenberg WordPressエディタでの投稿への画像の追加
3. WordPressでの投稿への注目画像の追加

さて、WordPressへの画像の追加に関するこのチュートリアルに進む前に、画像のファイルサイズを小さくする方法(投稿の読み込みを速くする方法)を2つの簡単な手順で紹介します。

画像圧縮WordPressプラグイン（Tiny PNGによる）&PNG画像圧縮プラグイン（Tiny PNGによる）

画像圧縮WordPressプラグイン（Tiny PNGによる）&PNG画像圧縮プラグイン（Tiny PNGによる）

画像圧縮WordPressプラグイン（Tiny PNGによる）)

WordPress用の無料の圧縮JPEG&PNG画像プラグインは、WordPressプラグインライブラリからここからダウンロードできます。

また、プラグインを検索し、ここであなたのブログの管理セクションの左側にアクセス可能なプラグインメニューの中から直接それをインストールする:

圧縮JPEG&PNG画像プラグインをインストールすると、WordPressのブログにアップロードするすべての新しい画像が自動的に最適化され、画像の品質を損なうことなく、できるだけファイルサイズが縮小されます。

注：これははるかに市場で最高の画像圧縮プラグインです。 それは$で有料プランにアップグレードする前に（あなたはおそらく必要がありますよりもはるかに多いです）月額500無料の画像圧縮まで可能にします。009/あなたの最初の500を超えた画像毎月。 それは深刻な掘り出し物だし、あなたはあなたに多くの無料のクレジットを与えるより良い圧縮プラグインを見つ

しかし、自分のコンピュータで直接画像圧縮を行いたい場合（無料で無制限）、ImageOptimアプリケーションをお勧めします。

あなたの画像をアップロード

それはそれです！ 真剣に、それは簡単です。

あなたのブログに圧縮プラグインをインストールした後、または最初にコンピュータ上の個々の画像を圧縮した後、あなたはWordPressのあなたの投稿やページにアップロードする準備が整いました。

さて、WordPressに画像を追加する方法を正確に掘り下げてみましょう。

1. 古典的なWordPressエディタでの投稿に画像を追加する

あなたが私のようで、まだあなたの投稿を追加/編集するための古典的なWordPressエディタのレイアウトを好

一方、投稿コンテンツに新しいGutenbergエディタを使用している場合は、そのチュートリアルの次のセクションにジャンプします。 あなたが使用しているエディタがわからない場合は、ここで下の画像のスクリーンショットを覗いて、あなたのエディタがどのように見えるかと比較 古典的なエディタを使用したいが、それを取得する方法がわかりませんか？ あなたのWordPressのブログに古典的なエディタをインストールする上でYoastの簡単なチュートリアルと一緒に従うために2分

1. 画像を追加する投稿を開きます（適切な場所を見つけます）

まず、画像を追加する投稿の中にいることを確認する必要があります。

次に、画像を追加する投稿内の正確な場所にカーソルを移動します。

2. エディタの上部にある”メディアを追加”ボタンをクリックします

そのボタンはここで次のようになります:

“メディアを追加”ボタンをクリックすると、画像ファイルをアップロードできる画面が表示されます。

3. “ファイルのアップロード”をクリック

“ファイルのアップロード”のタブをクリックすると、選択ツールを使用してコンピュータ上の画像ファイルを選択できる画面が表示されます。

また、デスクトップから画像ファイルをドラッグしてアップロードする場合は、”ファイルのアップロード”画面をスキップして、画像をドラッグしてドロップするようにまっすぐに移動することができます（次のステップではこのデモがあります）。

4. 画像ファイルをアップロードする

デスクトップから画像ファイルをドラッグして、ファイルアップローダーにドロップする方がはるかに速いので、（セレクタを使用してコンピュータ上でそれらを見つけるのではなく）。

ここでは、WordPressにデスクトップから画像を追加する方法の簡単なビデオ/GIFのデモです:

画像をアップロードすると、圧縮プラグインが機能します（舞台裏で）ファイルサイズを縮小するのに役立

注: あなたのイメージのオプションを終え、”ポストに挿入”をクリックする前に、あなたのイメージのためのSEOフレンドリーなAltテキストを書き出すしたいと思

5. あなたの画像のオプションを選択し、”ポストに挿入”をクリックします

最後に、あなたの画像のために定義するいくつかのオプションがあります。 これには、:

• 投稿内の画像の配置を制御する（私は常に中央の配置を選択します）
• 画像を別のページやブログの投稿にリンクする（または読者に指示したい外部リンク）
• 表示サイズ（画質の損失を避けるため、常にフルサイズとしてアップロードすることをお勧めします）。)

これらのオプションを選択した後、”ポストに挿入”をクリックする準備ができていると、あなたは行ってもいいです！

そのボタンは画面の右下隅にあります:

これで、エディタウィンドウに戻り、追加した画像がアップロードした場所に表示されます。

新しい画像の表示で何かを変更したい場合は、まだいくつかの簡単な&簡単な編集オプションがあることに注意してください:

• いずれかの角をつかんでサイズを上下にドラッグすることで手動でサイズを変更することができます
• 画像の中央をクリックして、ポスト内でドラッグして位置を変更することができます
• キーボードの”backspace”または”delete”をクリックして画像を削除し、

をやり直すことができます。それ！ あなたは古典的なエディタでWordPressに画像を追加する方法を学びました。

2. Gutenberg WordPressエディターでの投稿への画像の追加

Gutenberg WordPressエディターでは、投稿の編集オプションは従来のエディターで表示されるものとは大きく異なります。

Gutenbergは、テキストブロック、ヘッダブロック、画像ブロックなどの”ブロック”のシステムを介してコンテンツを追加/編集するアプローチを取ります。 それでは、Gutenbergで画像を追加することに飛び込みましょう。

1. “画像の追加”アイコンを選択

投稿内の適切な場所に画像を追加していることを確認したら、”画像の追加”アイコンを選択します。 それは右ここにこのようになります:

“画像を追加”アイコンをクリックすると、投稿に画像を追加する方法についていくつかのオプションがあります。

2. 画像を追加する方法を選択します

Gutenbergでは、WordPressで画像を追加する方法についていくつかの簡単なオプションがあります。 それは含まれています:

• アップロード（コンピュータから画像ファイルを選択できるセレクタ画面が開きます）
• メディアライブラリ（既存の画像ライブラリに移動します。&をドラッグして画像にドロップすることもできます）
• URLから挿入（インポートしたい画像がオンラインのどこかにある場合は、ここにそのリンクを貼り付けることができます)

ここでは、これらのオプションのスナップショットです（個人的には、私はちょうど”アップロード”をクリックして、すぐに私のデスクトッ):

3. 画像をアップロードする

アップロードしたい画像を選択したら、”開く”ボタンをクリックするだけで、投稿に追加されます。

画像を追加したので、その小さなサムネイルが投稿内に新しいブロックとして表示されます。

ここでは、それがどのように見えるかのスクリーンショットです:

4. 画像設定&クイック編集オプション

先に進む前に、あなたは（SEOのベストプラクティスに従って）あなたの画像設定をダイヤルしたいと思うでしょう。

そして、ちょうど古典的なエディタのように、あなたは画像のためのさまざまな設定やプロパティの多くを定義することができます。 グーテンベルクでは、それは少し違った方法で行われています。 あなたの画像の設定は、代わりに（最初の画像を一度クリックした後）右サイドバーの上に配置されています。

これらの設定は次のようになります:

少なくとも次の二つのプロパティに対して画像設定を定義してください:

• 画像を説明し、キーワードフレーズ
• 画像サイズで織るSEOに優しい代替テキストを書く（私は常に品質の損失を避けるためにフルサイズとして画像を表示)

また、”スタイル”設定をクリックして、Gutenbergで微妙なスタイリング&組み込みのトリミング機能を追加することもできます。

5. Gutenberg

を介して投稿内で画像を移動するGutenbergエディタがコンテンツの”ブロック”を使用することに焦点を当てている非常にクールな副作用の1つは、画像（また

投稿内で再配置したい画像を一度クリックすると、画像のすぐ隣に”上”と”下”の矢印が表示されます。

これらの矢印をクリックすると、次のように投稿内で画像を上下に移動できます:

そして、それはそれです！ 行ってもいい

これで、GutenbergエディタでWordPressに画像を追加する方法も学習しました。§

3. WordPressの投稿に注目画像を追加する

注目画像は、WordPressのブログでは不可欠です。これは、ブログ投稿の上部に表示される画像であるためです（コンテンツが共有されたときに検索結果とソーシャルメディアプラットフォームの両方に表示される画像であるためです）。

最後に、WordPressの投稿（またはページ）に注目の画像を追加する方法を説明します。

WordPressエディターウィンドウの右下に、おすすめの画像を追加するためのセクションが表示されます。 “セット注目の画像”をクリックすると、あなたはあなたが（また、検索結果やソーシャルプラットフォーム上で）あなたのポストの上部に紹介されたい画像

使用したい画像をアップロードして”注目の画像を設定”をクリックすると、エディタ画面に戻り、右下に画像の小さなサムネ:

かなり簡単ですよね？

間違った画像を選択した場合（または後で変更したい場合）は、”Remove featured image”テキストをクリックするだけで、投稿で紹介する別の画像を選択またはアップロード

WordPressで画像を追加する方法についての最終的な考え

WordPressであなたの投稿に画像を追加することは難しい必要はありません。

あなたのブログのために古典的なエディタやグーテンベルクを使用しているかどうか、WordPressの背後にあるチームは、画像を追加する非常に簡単なプロセ

それでも問題が発生している場合は、この記事の下部に私にコメントをドロップしてください。

それは今日のためにすべてです！

WordPressに画像を追加する方法を説明しました。 より多くのblogging個人指導および助言を得るために署名しなさい。

もっとブログのチュートリアルをしたいですか？

頭の上に、ブログを開始し、今年それからお金を稼ぐための私の究極のガイドをチェックしてください。