「ワードプレスで画像を使うとき何を知ってたほうがいいの？？とりあえず基本的なことを知っておきたい」
機能が沢山あって、それがワードプレスのいいところですがサイト作成初心者はどの機能を使えばいいのか分からなくなってしまいます。
なので今回、画像に限って本当に最低限知っておきたい画像挿入と基本をまとめました。
基本的なこと ・画像の大きさ単位 1KB＝1024B 1MB＝1024KB（約100万バイト） 1GB＝1024MB ・ファイル名は半角英数字 超基本。画像の挿入 ・新規段落の追加後 / 半角のスラッシュ→【画像】選択 ・【ブロックの追加】→【画像】選択 （以下の【メディアと文章】などのブロックを追加するときも同様の動作をします） ・画像に入力できる情報 代替テキスト…画像が表示されなかったとき代わりに表示されるテキスト タイトル…検索で表示される キャプション…画像下に表示される 説明…画像管理に使う |
目次
基本的なこと
なにもワードプレスに限らず知っておきたい基本的なことをピックアップしておきました。
たった２つだけなぶん、本当に、基本的なこと。
サイトやブログを作るなら知っておきたい情報です。
・画像の大きさ単位 1KB＝1024B 1MB＝1024KB（約100万バイト） 1GB＝1024MB |
画像は高い画質になるとそのぶん重た～くなります。
サイズが大きいと、やはりそのぶん重た～くなります。
その結果、
重たい画像を開くのに時間がかかって記事を開くのが遅くなるという問題発生が考えられます。
記事を１つ見るたびに長い時間がかかったら、あなたならどうするでしょう？
私なら他のサイトを見ます。
そう、読んでくれる人に優しいサイトを作りたいなら画像の大きさを把握しておくほうがいいんです。
例えばワードプレスで画像をアップロードするとき、
最大アップロードサイズ: 64 MB。
と出ます。
MBはメガバイトという読み方で画像の大きさの単位。
（KB→キロバイト、GB→ギガバイト）
あなたがアップロードする画像はどのくらいの大きさをしているでしょうか？
是非チェックしてみてください。
アップロードする前、自分のPC内で画像サイズ確認方法 ・画像にマウスを合わせてポップアップで出てくる【サイズ】を確認 ・画像右クリック【プロパティ】→【詳細タブ】→表示下側にあるファイル欄の【サイズ】を確認 |
アップロード後、ワードプレス内での画像サイズ確認方法 ・ダッシュボード左側【メディア】→画像選択→右側表示にでる【ファイルサイズ】確認 ・編集画面で画像ブロック選択→【メディアライブラリ】→画像選択→右側表示にでる【ファイルサイズ】確認 |
画像サイズが大きい場合、画像を小さくすることをオススメ。
また、別記事でご紹介していきます。
今回は画像には大きさがあること、大きすぎると記事の表示に影響を与えることを覚えておきましょう。
そして、次に大事なこと。
・ファイル名は半角英数字 |
自分が探すとき分かりやすいので日本語でファイル名を保存したくなりますが、
必ず、ファイルは半角英数字にしましょう。
これに関しては「半角英数字以外にすると表示に影響が出る可能性があるから止めておこうか」という認識で、
とりあえず、ファイルを半角英数字にしておく。でいいと思います。というより、それでいいです。
超基本。画像の挿入
他記事と重複しますが大事かつ基本的なことなので。
超基本。画像の挿入 ・新規段落の追加後 / 半角のスラッシュ→【画像】選択 ・【ブロックの追加】→【画像】選択 （以下の【メディアと文章】などのブロックを追加するときも同様の動作をします） |
※１番のマークが【ブロックの追加】です。
「あ、違う画像を挿入しちゃった…」という場合は、
画像クリックをすると上記ツールバーにでてくる【置換】をクリックして画像変更しましょう。
そしてこれまでアップロードした画像が保存されている【メディア】や【メディアライブラリ】で画像を選択したあと右側にでてくる【添付ファイルの詳細】に注目です。
ここに以下の情報を画像に入力できます。
代替テキスト…画像が表示されなかったとき代わりに表示されるテキスト タイトル…検索で表示される キャプション…画像下に表示される 説明…画像管理に使う |
自分が入力したい情報だけ書き込めばいいのですが、個人的に代替テキストは入力しておいたほうがいいと思います。
なぜならSEO対策のひとつにもなるし画像が読み込まれなかったとき言葉が添えていたら読者にちょっと説明できて、微妙な空白に安心を与えられるんじゃと思うからです。
あなただったら、どうでしょう？
まとめる
この記事の内容は超基本なことなので覚えることをお勧めしますが、
画像に入力する情報に関しては「こういう機能もあるんだな～」ぐらいに覚えておくぐらいでも大丈夫。
初心者の人は完璧目指さずまずは記事作成楽しんでいきましょ～
 | 画像で遊ぶ！WordPress記事作成ではこんなことができる【初心者向け】 記事の顔にもなる画像はワードプレスでいろんなことが出来ます。自分らしさを出せるカスタマイズ、是非挑戦してほしい。 |
- コピペサイト素材｜HTML/CSS/JSコード｜原文ありで直感編集カスタマイズ可
ブログやサイト制作に使えるデザインコード素材を無料配布するサービスです。ボタン・バナー・カード・見出しなど豊富なカテゴリから素材を選び、テキスト・画像・色をその場でカスタマイズしてコードをコピーするだけ。初心者でも簡単にプロ品質のデザインが実装できます。
サイト最新記事
- 初心者向けシーリングワックス入門｜基本のやり方・道具・活用アイデアまとめ【新しい趣味時間】
初心者向けシーリングワックスの始め方を徹底解説！必要な基本の道具から使い方、綺麗に押すコツやアレンジ方法まで分かりやすく紹介します。100均アイテムの活用術やトラブル対処法も網羅しているので、これから趣味として楽しみたい方にぴったりの内容です。（138文字） - 楽天でポイ活！最低限おさえてお得ちゃんに生きたい
楽天でポイ活！最低限おさえてお得ちゃんに生きたい 自分の備忘録。楽天にまつわる記事 - ダイソーのセルフレジ│自分のペースで行える会計。使い方紹介
ダイソーのセルフレジは、自分のペースでさっさと会計できるのが最大の魅力。画面の案内通りに進めるだけで完了し、左に未精算・右に精算済みの商品を置く仕組みさえ覚えれば迷わない。セルフレジがちょっと苦手な人に使い方紹介。
100均 (1) WordPress・ブログ運営 (2) お金の知恵 (1) アロマ生活 (1) ハンドメイド販売・フリマ活用 (2) 人間関係・恋愛のモヤモヤ (3) 健康・美容セルフケア (1) 副業・個人事業のはじめかた (1) 創作・小説 (4) 生活のお悩み解決 (4) 紙もの・文房具クラフト (1) 贈り物・プレゼント (2)
