せっかく記事を書いても文字だけだと読みにくかったり内容が理解しにくかったりしてしまいます
飽きて読むのを止めてしまう人もいるでしょう
しかし途中に画像があれば読みにくさやわかりにくさを改善することができます
ブログ記事を書く時に重要になってくるこの「画像」について初心者の方でもなるべく理解しやすいように解説していこうと思います
ブログ記事に画像を貼る
まずワードプレス(WordPress)で編集中の記事でも新規追加でもいいので編集画面を開きます
![](https://junk-k.com/wp-content/uploads/2020/05/f23a46bc855881bb9837bcc5b3542b4a-1024x491.png)
ブロック(「文章を入力,または/でブロックを選択」と表示されている部分)とブロックの間に表示される「+」をクリックするか,まだ文字を何も入力していないブロックを選択した時に右端に表示される「+」を選択します
![](https://junk-k.com/wp-content/uploads/2020/05/7f97973face4d6917326a7dce180d73c-1024x155.png)
![](https://junk-k.com/wp-content/uploads/2020/05/11cac0f0bc66d9083663555e6f525ec2-1024x202.png)
そのどちらでもいいので選択するといくつか選択肢が表示されるのでその中にある「画像」を選びます
![](https://junk-k.com/wp-content/uploads/2020/05/563f3b2ef2bcb27b45e8555e9e2edea0.png)
どの方法で記事の中に画像を張り付けるのかを選択します
![](https://junk-k.com/wp-content/uploads/2020/05/3efbcf43c052ed4171eaf546a8d9772e-1024x246.png)
- アップロード : パソコン内に保存してある画像の中から選びます。貼りたい画像をダブルクリックするか画像を選択してから右下の「開く」を選択します
- メディアライブラリ : ワードプレス内のメディアのライブラリの中に保存されている画像から選びます。画像を選んだら右下にある「選択」をクリックしてください
(「メディア」はワードプレスの管理画面の左側,いろんな項目が並んでいるところの上の方にあります)
![](https://junk-k.com/wp-content/uploads/2020/05/b7f956da0d5655f383736db135965ae2.png)
これで記事に画像を張り付けることができました (URLから挿入は省きます)
「やっぱりこの場所にこの画像はいらない…」という時は画像の貼ってあるブロックを選択した時に左上に表示される選択肢の一番右から「ブロックを削除」を選べば消すことができます
![](https://junk-k.com/wp-content/uploads/2020/05/c7d6b8e2cddb9f8fb6b00da4f8485dfc.png)
ブログ記事に張った画像のサイズと位置の変更
画像を張り付けることはできましたがそのままだと画像が大きすぎたり,サイズはちょうどいい感じなのに左端に寄ってしまって何か不自然だったり…次はこれを調整します
画像サイズの変更
画像を貼ったブロックを選択した状態で画面右側の上の方にある「ブロック」を選択します
![](https://junk-k.com/wp-content/uploads/2020/05/c658dbe680a625ebf2cf89d11add20db.png)
その下にある「画像の寸法」というところの「25%」「50%」「75%」「100%」の中からどれかを選んでサイズを変えることができます
![](https://junk-k.com/wp-content/uploads/2020/05/693d259ec280b38fbc5d67e7a3fa9b13.png)
画像位置の変更
画像を貼ったブロックを選択すると左上に選択肢が表示されます
![](https://junk-k.com/wp-content/uploads/2020/05/55655be62fc169d104bb6fb2115c19a5.png)
画像は最初,左端に寄ってしまっているので「中央揃え」を選択すれば真ん中に移動させることができます。右端への移動もできます
まとめ
以上が基本的なブログ記事への画像の貼り方と調整方法でした
画像があれば記事が読みやすくなるので試してみてください
画像はそのまま貼り付けるだけではなく,余分なところを切り取ったり〇や矢印などの図形を使ってわかりやすくすることもできます
初心者向けになるべくわかりやすいように解説してあるので気になる場合はこちらを参考にしてみてください
コメント