画像添付のしかたその1

Last-modified: 2020-11-23 (月) 16:48:53

キャラ紹介のページを例に、画像添付のしかたをご案内します。

[要点] ページの内容を先に編集し、画像を後から添付します。

※ 急いで作ったため、画像やレイアウトがぐだぐだで申し訳ありません…

画像を追加したいページを選びます
画像ファイルの大きさ指定を確認しましょう
この場合、縦 300 ピクセル / 横 200 ピクセルぐらいに収める必要がありますね。
※ 指定がないページもありますが、後述する "ファイルサイズの制限" にご注意ください。
キャラ紹介に載せたい画像を編集･保存します

キャラ紹介の文面を編集します
開いたところ。

ただいま編集中～♪

編集記号とその意味について
\|	行頭と行末に入れると、罫線 (表) になります。
~	罫線の先頭へ付けると項目セルとなり、レイアウトが変わります。
＆ｂｒ；	(実際は半角文字です) 罫線内での改行を示します。

画面に表示させるため、コメント行のマークを消しましょう
行頭の "//" を消せば OK です。
プレビューして、キャラ名と文面がきちんと表示されているかを確かめましょう
※ 画像ファイルは後から添付します。

画面を下へスクロールすると…
このまま、わざとページを更新します

[ご注意] "ファイルが見つからない" という英文表示は無視してください。
ここでなまじ添付すると、話がややこしくなります。

"ページの更新" ボタンを押すと、下のようなお知らせが出ます。
更新したページで、改めて画像の "添付" ボタンをクリックします
画面が切り替わるので、"ファイルを選択" ボタンをクリックします

[ご注意] ファイルサイズを確認しましょう。この例では、524KBまでとなります。
(JPG / PNG 形式が無難です)
載せたい画像を保存したフォルダを開き、さらに目的の画像ファイルを開きます
ファイル名が表示されるので、合っていれば "アップロード" ボタンをクリックします

[ご注意] 画像ファイルが大きすぎると、アップロードできません。
添付できると、そのままキャラ紹介のページへ戻ります
確認してみると、ほらこのとおり！