画像のサイズを調整する

この記事は最終更新日から187日経過しています。

前回のレッスン画像の配置を指定する

記事に挿入する画像はサイズを調整することができます。

記事のレイアウトや画像の用途に合わせてサイズを変えて使用しましょう。

この記事では、サイズを指定して画像を記事に挿入する方法や、サイズの編集方法についてご紹介します。

スポンサーリンク




サイズを指定して画像を挿入する

サイズを指定して、画像を記事に挿入します。

挿入できる画像のサイズは、画像のサイズを事前に変更するで設定したサイズになります。

画像を挿入したい位置にカーソルを合わせます。

メディアを追加ボタンをクリックします。

メディアを追加 画面が表示されます。

メディアライブラリをクリックします。

記事に挿入したい画像を選択します。

添付ファイルの表示設定サイズを選択します。

投稿に挿入をクリックします。

画像が挿入されたことを確認します。

▲ サイズで「サムネイル」を選択
(150×150)
▲ サイズで「中」を選択
(300×300)
▲ サイズで「大」を選択
(525×525)
▲ サイズで「フルサイズ」を選択

サイトの記事内の表示も確認しておきましょう。

image

記事の横幅よりも大きい画像サイズを指定しても表示は横幅以上に大きくなりません。しかし、画像のサイズは指定のサイズが適用されています。リンク先をメディアファイルに設定して、画像の表示サイズを確認してみましょう。

画像のサイズを変更する

挿入した画像のサイズを変更します。

ビジュアルエディタで、サイズを変更したい画像をクリックします。

画像の上に編集ツールが表示されます。

編集ツールの(編集)をクリックします。

画像詳細 画面が表示されます。

設定を表示サイズを変更します。

image

カスタムサイズへの変更は、画像をカスタムサイズへ変更するをご覧ください。

更新ボタンをクリックします。

画像のサイズが変わったことを確認します。

サイトの記事内でも、画像のサイズが変わっていることを確認しましょう。

画像をカスタムサイズへ変更する

画像の編集では、「カスタムサイズ」で任意の画像のサイズを指定することができます。

ビジュアルエディタで、サイズを変更したい画像をクリックします。

画像の上に編集ツールが表示されます。

編集ツールの(編集)をクリックします。

画像詳細 画面が表示されます。

設定を表示カスタムサイズを選択します。

画像の幅と高さを指定できる画面が表示されます。

高さを入力しましょう。

どちらかを変更すると画像の縦横比が計算され、もう1つの値も自動的に変更されます。

更新ボタンをクリックします。

ビジュアルエディタの画面に戻ります。

image

カスタムサイズを変更しても、現在のビジュアルエディタでは画像に反映されないようです。サイトの記事内で画像のサイズが変更されていることを確認しましょう。

サイトの記事内で、画像のサイズが変わっていることを確認します。

次のレッスンへオリジナル画像を編集する

「WordPress初心者入門」のトップへ

WordPressの基礎を体系的に学びたい方のために

WordPressの基礎を体系的に学習したい方向けの著書が発売になります。

本書の手順に沿ってサイトを作成していただくだけで、WordPressの操作方法やサイト作成の基礎を学べる構成になっています。

これからWordPressでサイト作成を始めようと考えているけど、何から始めれば良いか迷っている。

本書はそんな方のための一冊です。

ぜひお手にとってご覧いただければ嬉しく思います。

スポンサーリンク




シェアする

  • このエントリーをはてなブックマークに追加

フォローする

スポンサーリンク