【ワードプレス制作マニュアル】記事の書き方02 画像の入れ方とサイズ調整

ワードプレス制作マニュアル 記事の書き方02 画像の挿入とサイズ調整

ワードプレスを使い始めた方向けに
記事を書く操作方法をご説明する
「ワードプレス制作マニュアル」です。

今まで、なんとなく我流で使っていた方も
知らなかった使い方があるかも??

ぜひご確認ください^^

さて今回は、ブログを書くときに必須の
「画像の入れ方」についてです。

文章に関連した、イメージ画像を入れると
それだけで意味が伝わりやすく、
記事がとても読みやすくなります。

今回は、画像を入れる方法と、
画像の大きさを調節する方法をご説明しますね。

 

 

画像を挿入する方法

画像を挿入する手順は、とても簡単ですよ♪

 

画像を挿入する

 

例 

 

 

こんな風に、文中に
猫のシルエット画像を挿入する方法をご説明しますね。

 

 

まず、文章を書いたら、

文章の間の
画像を入れたい場所をクリックします。


■入れたい場所をクリック

この場合、赤い点線部分です。

 

すると、クリックした部分に
カーソルが入ります。

 

■縦線(カーソル)が入ります。
※赤い矢印の先にある線が、カーソルです。

カーソルが入った状態

 

 

 

画像を入れたいところに
カーソルが入ったら、

■「メディアを追加」ボタンを押します。

メディアを追加ボタン

 

メディアを追加ボタンを押すと、次は

アップロードするファイルをドロップ
という画面が出てきます。

ファイルをドロップ

 

ここに使いたい画像を乗っけてね
という意味です。

 

 

こんな感じ。

メディアのアップロード

右側にある、黒猫の画像を
左側に乗っけます。

 

「ファイルをドロップしてアップロード」
という青い表示に変わったら、手を放してください。

ファイルをドロップしてアップロード

 

すると、「メディアを追加」画面に変わります。

 

画像をアップロードした後

 

■「投稿に挿入」ボタンを押すと

選んだ画像が
先ほどのカーソルのところに入ります。

 

画像挿入後

これで画像が入りました^^
これが基本の流れです。

何回かやってみると
すぐに慣れますよ!

 

 

でも気になるところがあります。

画像、でかすぎない?

画像挿入後

次は、そんなときのための
画像のサイズを調整する方法を
ご説明します。

 

 

画像の大きさを変える

画像の大きさを変える方法も
とっても簡単です♪

 

大きさを変えたい画像を
クリックしてください。

クリックすると、
画像の上にこんな吹き出しメニューが出てきます。

 

その、右から2番目に、鉛筆マークがあります。

 

これが画像を編集できるボタンです。

 

クリックすると、
画像詳細という画面が出てきます。

 

 

この中のサイズという項目を開いてください。

画像サイズ選択画面

 

すると、画像の大きさの
選択肢が出てきます。

ここでお好みのサイズに
変更することができますよ♪

 

画像の大きさサンプル

 

サムネイル 150×150
これくらいの小さめサイズです。

中 300×300
…ブログ記事の間に入れるのに、ちょうどいいですね。

フルサイズ…その画像のもともとの大きさ

画面操作を説明する時などは
元々の大きさに近い方がわかりやすいと思います。

カスタムサイズ…自分で数字を入力して
好きな大きさにすることができます。

私は、普段の記事は中サイズの300px、
このマニュアルのように、画面操作を
説明する時は「フルサイズ」にして
なるべく画面そのままの画像にしています。

どれが良いか?
画像をこの操作でいろんなサイズに変えて
いろいろ試してみて下さいね。

 

画像サイズの設定を変更する方法

サムネイル、中サイズ、大サイズ
の三つは、好きな大きさに変更することができます。

変更場所はコチラです。

メニューの設定から、メディアを開きます。

メディア設定 画面が出てきます。

 

それぞれの数字を書き換えればOKです。

画像は「〇〇ピクセルだったらOK!」
というようなルールはないので、
実際に配置してみて、
全体のバランスを見て考えるのが良いと思います。

あまり厳密に考えなくとも
まずは、お客様から見て見やすくて

 

意味が通ればOKです。

何度かやるうちに、すぐにコツがつかめると思います。
ぜひ操作試してみて下さいね!

次回はリンクの貼り方について
ご説明します^^

 

村重 敦子

「猫でもわかる!」くらい簡単にわかりやすく、WordPressの使い方をサポートする、WordPressソムリエです。デザインを学んだ後、なぜかレストランでワインサービスに従事。絵も描けるワインソムリエでした。その後大手通信会社に勤めIT・Webの各種サポートを経験。ソムリエもWebも常に「専門知識をお客様に合わせてわかりやすくご提案し、期待以上のサービスをする」ことをモットーとしています。テクニカルサポートの経験は、通算1,100人以上。現在はWebデザイン・ディレクターをしながら、ブログ集客をしたい方へWordPressの制作、使い方のレクチャーなどを行っています。

Pocket