ゲームブック総合サイト、画像アップロード機能設置完了

こんにちは。

あるいはこんばんは。

ゲームブック総合サイトの管理者です。

なんやかんやありましたのですけども、どうにか画像アップロード機能を盛り込めましたのでご報告いたします。

アップロードのやり方

どの様にアップロードするかと言うと……。

  • ユーザー登録し
  • 作品を投稿し
  • 管理画面に移動

という下準備が必要です。

そしてトップページの「あなたの作品」をクリック。

該当作品の「画像」と言う黄色いボタンを押すと。

ファイル選択ボタンが出てくるので、それをクリックして画像を選んだのち、アップロードボタンを押します。

ちなみにファイルを選択するボタン、白っぽい「ファイルを選択」の部分だけじゃなくて、「選択されていません」と記載された濃い灰色の大きな範囲もボタンとして認識されます。一体化出来なかっただけです。

こんな感じでアップロードできます。

ここで、ファイル名を「title.jpg」にしておけば、投稿作品リストでタイトル画像として扱われます。

本文中に画像を表示

これがですね。

(自分で作っておいて)面倒くさいんですよ……。

先程の要領で、画像をアップロードしたのち、本文でHTMLのimgタグを記載する必要があります。

ボタン一つで設置というふうにはなってません。(申し訳ありません。🙇)

まず、リスト表示されているタイトル画像を右クリックして下さい。

つまりまずは仮でいいから作品投稿し、かつタイトル画像(title.jpg)を先行してアップロードしておいた方がいいかもしんない、という話です。

画像アドレスをコピー(C)して、メモ帳やテキストエディタに貼り付けてください。

上記画像の場合は

https://gamebook.xyz/storage/users/6/text6/title.jpg

このようなアドレスになります。

https://gamebook.xyz/storage/users/6/text6/title.jpg

で、赤字の部分を切り取って下さい。

<img src="/storage/users/6/text6/ファイル名">

で上記HTMLタグを参考に、本文中に記載すればその場所に画像が表示されます。

<img src="/storage/users/6/text6/curry.png">

例えばファイル名が curry.png だったら、↑このようなHTMLタグを本文に埋め込むと

と、表示されます。

で、<br>タグなどをつかって改行をしたほうがいいです。

<img src="/storage/users/6/text6/curry.png"><br>

そうしないと本文が画像に続いて表示されちゃったりするので。

imgタグだけじゃなくてbrタグまでつけるのでちょいと煩わしいですね……💦

画像はみ出てる

そうなんですよ。

こんな感じではみ出てるんですよね。

申し訳ありません。

ま、これはそのうち直します。

まとめ

ゲームブックに挿絵は非常に需要なファクターと言って過言ではないでしょう。

ちょっと面倒くさいとはいえ、紛いなりにも画像を表示できるようにはなりましたので、皆様からの作品投稿をお待ちしています。🙏

gamebook.xyz

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA