「ワードプレスで画像を使うとき何を知ってたほうがいいの？？とりあえず基本的なことを知っておきたい」
機能が沢山あって、それがワードプレスのいいところですがサイト作成初心者はどの機能を使えばいいのか分からなくなってしまいます。
なので今回、画像に限って本当に最低限知っておきたい画像挿入と基本をまとめました。
基本的なこと ・画像の大きさ単位 1KB＝1024B 1MB＝1024KB（約100万バイト） 1GB＝1024MB ・ファイル名は半角英数字 超基本。画像の挿入 ・新規段落の追加後 / 半角のスラッシュ→【画像】選択 ・【ブロックの追加】→【画像】選択 （以下の【メディアと文章】などのブロックを追加するときも同様の動作をします） ・画像に入力できる情報 代替テキスト…画像が表示されなかったとき代わりに表示されるテキスト タイトル…検索で表示される キャプション…画像下に表示される 説明…画像管理に使う |
目次
基本的なこと
なにもワードプレスに限らず知っておきたい基本的なことをピックアップしておきました。
たった２つだけなぶん、本当に、基本的なこと。
サイトやブログを作るなら知っておきたい情報です。
・画像の大きさ単位 1KB＝1024B 1MB＝1024KB（約100万バイト） 1GB＝1024MB |
画像は高い画質になるとそのぶん重た～くなります。
サイズが大きいと、やはりそのぶん重た～くなります。
その結果、
重たい画像を開くのに時間がかかって記事を開くのが遅くなるという問題発生が考えられます。
記事を１つ見るたびに長い時間がかかったら、あなたならどうするでしょう？
私なら他のサイトを見ます。
そう、読んでくれる人に優しいサイトを作りたいなら画像の大きさを把握しておくほうがいいんです。
例えばワードプレスで画像をアップロードするとき、
最大アップロードサイズ: 64 MB。
と出ます。
MBはメガバイトという読み方で画像の大きさの単位。
（KB→キロバイト、GB→ギガバイト）
あなたがアップロードする画像はどのくらいの大きさをしているでしょうか？
是非チェックしてみてください。
アップロードする前、自分のPC内で画像サイズ確認方法 ・画像にマウスを合わせてポップアップで出てくる【サイズ】を確認 ・画像右クリック【プロパティ】→【詳細タブ】→表示下側にあるファイル欄の【サイズ】を確認 |
アップロード後、ワードプレス内での画像サイズ確認方法 ・ダッシュボード左側【メディア】→画像選択→右側表示にでる【ファイルサイズ】確認 ・編集画面で画像ブロック選択→【メディアライブラリ】→画像選択→右側表示にでる【ファイルサイズ】確認 |
画像サイズが大きい場合、画像を小さくすることをオススメ。
また、別記事でご紹介していきます。
今回は画像には大きさがあること、大きすぎると記事の表示に影響を与えることを覚えておきましょう。
そして、次に大事なこと。
・ファイル名は半角英数字 |
自分が探すとき分かりやすいので日本語でファイル名を保存したくなりますが、
必ず、ファイルは半角英数字にしましょう。
これに関しては「半角英数字以外にすると表示に影響が出る可能性があるから止めておこうか」という認識で、
とりあえず、ファイルを半角英数字にしておく。でいいと思います。というより、それでいいです。
超基本。画像の挿入
他記事と重複しますが大事かつ基本的なことなので。
超基本。画像の挿入 ・新規段落の追加後 / 半角のスラッシュ→【画像】選択 ・【ブロックの追加】→【画像】選択 （以下の【メディアと文章】などのブロックを追加するときも同様の動作をします） |
※１番のマークが【ブロックの追加】です。
「あ、違う画像を挿入しちゃった…」という場合は、
画像クリックをすると上記ツールバーにでてくる【置換】をクリックして画像変更しましょう。
そしてこれまでアップロードした画像が保存されている【メディア】や【メディアライブラリ】で画像を選択したあと右側にでてくる【添付ファイルの詳細】に注目です。
ここに以下の情報を画像に入力できます。
代替テキスト…画像が表示されなかったとき代わりに表示されるテキスト タイトル…検索で表示される キャプション…画像下に表示される 説明…画像管理に使う |
自分が入力したい情報だけ書き込めばいいのですが、個人的に代替テキストは入力しておいたほうがいいと思います。
なぜならSEO対策のひとつにもなるし画像が読み込まれなかったとき言葉が添えていたら読者にちょっと説明できて、微妙な空白に安心を与えられるんじゃと思うからです。
あなただったら、どうでしょう？
まとめる
この記事の内容は超基本なことなので覚えることをお勧めしますが、
画像に入力する情報に関しては「こういう機能もあるんだな～」ぐらいに覚えておくぐらいでも大丈夫。
初心者の人は完璧目指さずまずは記事作成楽しんでいきましょ～
 | 画像で遊ぶ！WordPress記事作成ではこんなことができる【初心者向け】 記事の顔にもなる画像はワードプレスでいろんなことが出来ます。自分らしさを出せるカスタマイズ、是非挑戦してほしい。 |
- LINEスタンプを作ってみた！意外と簡単！登録までの流れ（スマホ、PC）、使用ツール、身バレの心配と、審査のこと
目的：作ったラインスタンプを登録、審査、販売する！ 全体の流れ： ・自作ラインスタンプを登録するまでの流れ（スマホ、PC） ・ユーザー情報で本名を記入したら身バレするんじゃないか… ・LINEスタンプのサイズなど注意事項 ・画像に関すること ・H3お金に関すること ・LINEスタンプを作るときどうしたか ・作ったLINEスタンプを登録したら販売登録 ・どれぐらいで審査は通るのか ・今までの内容で登録した結果、私のページはこんな感じになりました
サイト最新記事
- セメダインSUPERXHYPERワイドをハンドメイドの接着に使ってます。
セメダインSUPERXHYPERワイド使用。 みなさんがメインで使ってるのはなんですか？ セメダインSUPERXHYPERワイドP20ml AX-176 用途 使える素材、具体的には 接着の仕方、使い方 注意・禁止事項 - 販売禁止品を売ってませんか？販売禁止ルール確認＆販売禁止品が売れてしまったとき【失敗談】【ラクマ】
発送できないときの絶望感よ… 目的：ラクマで販売禁止品を売ってしまったときの流れ 全体の流れ： 販売禁止品というものがある 大丈夫だと思って販売したものが販売禁止品だったときどうなるか 私がとった行動 - 100均で購入したクラフト・ハンドメイドコーナー【シーリングスタンプ系統】随時更新
100均で購入したシーリングスタンプ系統 ・セリア、ダイソー、ワッツ、キャンドゥー混合 ・あくまで私が購入した店舗とコーナーを記載 ・商品情報はすべて転記しているわけでわはなく抜粋して載せています 使用するときは自分でも改めてご確認ください
100均 (26) AI (1) GoogleSearchConsole (4) Virtualbox (3) WordPress (18) グチグチ・落ちこみ (4) ゲーム (10) コロナ (2) サーバ構築演習 (6) ハンドメイド (18) 一口メモ (27) 仕事一覧 (13) 作業環境・効率 (35) 依存 (1) 動画作成 (6) 在宅ワーク (19) 変態 (1) 女性 (7) 子供 (3) 子供のころの夢を叶える (2) 年金 (2) 攻略 (2) 数学 (1) 料理・お菓子 (4) 東京通信大学 (33) 漫画、イラスト (3) 発見・挑戦 (30) 美容 (4) 考える・検証 (47) 計算 (1) 資格、勉強、講習 (3) 鑑賞・読書記録 (25) １日目 (2)