サイトリニューアル中
・一部見えづらい画像があります。
ご不便をおかけしますが、しばらくお待ち下さい。

ワードプレスの画像をいい感じの配置や大きさ変更をしたい

ワードプレスで写真の位置と大きさを変更する方法

ABOUTこの記事をかいた人

月間約10万アクセスのブログの運営者。HSP(繊細で敏感な人)であることがわかってから、自分のあり方を模索中。 双極性障害2型・PTSDを現在治療中。ブログを書きはじめて、回復しています。 【詳しいプロフィールはこちらで~す

ワードプレスを最近使い始めたけど、よく分からない。

 

自分でも何が分からないのが分からないけれど、今知りたいのは。

 

「画像をいい感じの場所に表示させたい。」

 

そこで!

 

・画像の配置を変更する事。

・画像の大きさを変更する事。

 

この2つが一分間で出来る記事です。ぜひぜひブックマークしてください。

 

ブログ記事へ画像(写真・イラスト)挿入する方法。

 

ビジュアルモードが作業していて分かりやすいので、実際の記事作成や更新作業でもビジュアルモードがおすすめ。

 

画像を挿入する基本のステップ

基本的な画像を挿入する流れを説明します。

使いたい画像はもうありますね!?

 

サンプルで下の写真を使います。

ダンボー

 

 

1.「メディアを追加」をクリック。

「メディアを追加」をクリック。

 

2.使いたい画像をドラッグ・アンド・ドロップ。

 

画像をドラッグアンドドロップ

 

 

 

画像をドラッグアンドドロップ

 

 

 

3.「投稿に挿入」ボタンをクリック。

 

「投稿に挿入」ボタンをクリック

 

3ステップを知っただけでも充分スキルアップです。

 

画像を好きな場所に配置できるので、もう少しスキルアップしてみよう。

 

画像(写真・イラスト)が左寄せ・真ん中・右寄せにする。

 

先ほどの3ステップの3番目の「投稿に挿入」ボタンを押す前のひと手間で配置を変えられます。

 

 

挿入ボタンのちょっと上に「添付ファイルの表示設定」と書かれた場所に注目。

画像の配置

上からそれぞれ

 

・「配置」

・「リンク先」

・「サイズ」

 

がありますね。

 

配置をクリックすると「左」「中央」「右」「なし」があり、

選択して「投稿に挿入」を押すとそれぞれ配置します。

ワードプレスの画像挿入

この画像は配置を中央にしています。

 

「左」・・・画像を左寄せ。

ワードプレスの画像を左に挿入

 

 

 

 

 

「中央」・・・画像をセンタリング(中央寄せ)

ワードプレスの画像を中央に挿入

 

「右」・・・画像を右寄せ。

 

ワードプレスの画像を右に挿入

 

 

 

 

「なし」・・・説明は次の項目で。

 

 

画像に文字が回り込まないようにしたい。

 

画像の配置を選択するときに「なし」を選ぶとOK。

 

「なし」では、画像が左寄せで文字が回り込まない。

 

ワードプレスの画像をなしで挿入

 

 

 

ワードプレスの画像を左に挿入左の配置を選んでいると、写真やイラストの横に文章が出てくる仕様になっています。

 

 

 

 

これが悩みのタネで、思うような配置にならなくて悩んでませんか?

 

案外、サクッと簡単なんです。

 

 

画像の大きさは簡単に大画像・中画像・小画像に変更できる。

 

ダンボー

このサンプル画像は、たてが507ピクセル・よこが381ピクセルです。

 

ワードプレスでは、元画像の大きさ(サンプルでは「たてが507ピクセル・よこが381ピクセル」)を最大として、大・中・小に画像サイズが変更が可能。

 

 

画像の大きさ変更は、配置と同じで「添付ファイルの表示設定」で選択して挿入。

 

ブログ記事の画像サイズを変更

 

使いたい写真のサイズを選んで、挿入するだけ。

 

大きい順にフルサイズ→大サイズ→中→サムネイル(小サイズ)

 

 

実際に写真のサイズ感が分かるような画像を用意しました。

 

大サイズ(507ピクセルx 381ピクセル)

画像のサイズが大中小

 

中サイズ(300ピクセルx225ピクセル)

画像のサイズが大中小

 

サムネイル(小サイズ)(150ピクセルx 133ピクセル)

画像のサイズが大中小

 

 

補足
選んだ写真の元サイズによって、フルサイズ・大サイズ・中サイズはサンプルと同じピクセルにはなりません。

若干の誤差が生じるのは、ワードプレスの仕様です。

 

 

画像(写真・イラスト)をいい感じの場所と大きさにしたいまとめ

 

今は、分からない事が分からない状態かも知れませんし、

分かっていても人にどう聞いていいのか恥ずかしく思っているのかも知れないですね。

使い方を知っている人が身近にいれば、さっと聞いて解決が出来ます。

 

しかしながら、さっと聞ける人がいない場合は、本やネットで調べるしかないですね。

今日、写真で説明した方法はほとんどのワードプレス本に説明されていますが、「分かっている人が分かっている人に向けた説明が多いな~って印象。」

 

ぼくや友達がワードプレスを始めたときに分からなくて困ったことを中心に、不定期に記事にしてみます。

 

 

 

書店でワードプレス本を比較してみて、全くの初心者で少しエクセルやWordが使える人にはこれが一番おすすめです。

Amazonはこちら

楽天はこちら

Yahooショッピングはこちら

 

 

おすすめの関連記事

 

WordPressブログのカスタム記事・スクロール目次をサクッと解説

ワードプレスブログにアクセス出来ない。乗っ取りかも?改ざん対策は?

 

 

 



ワードプレスで写真の位置と大きさを変更する方法

シェアありがとうございます

HSPメールマガジンを読んでみませんか?


ブログでは伝えきれない情報

メールマガジンで配信しています。

 

◆ LINE@のメンバーさん。

◆ 最近、このブログを知ってくださったあなた。

 

現在、登録を大募集中!

メルマガ登録フォームはこちら