BaserCMSを設定する【7】TOP画像を変える

トップ画像を作る

トップ画像はPC用とスマホ用(_sp)に2種類×jpgとWebpの2種類の合計4つと用途不明の_sの2個

PC用は横長の2560×1440(px) 
スマホ用(_sp)は縦長で 750×1400(px)
結構でかい画像を用意しないといけませんね
今回は練習を兼ねて自動生成AIに画像を作ってもらうことにしました。

使うのはAdobeのFirefly。普段使ってないので細かい部分はわかりませんが使うAIモデルによって課金が必要だったりなかったり
今回はCC契約内で課金なしで使えるモデルのFirefly image4を使います。

それっぽいプロンプトを書いて出力を待つだけなので簡単簡単･･･と思いきや結構明後日の方向に行ってしまいます。
巻き戻したり出力されたものをもう一度読み込ませたり行ったり来たり。無料モデルでよかった

Fireflyで出力した画像をIllustratorに貼り付けてロゴを組んで乗っけてサイズを調整してjpgとwebpに書き出しをして完成。
ついでに main_image_1~5の512×314のダミー画像も作ってこっちも完成

後はアイコンの時と同じ用に テーマ管理＞テーマ（テンプレート編集）＞BcAcademia＞イメージ一覧>参照...から画像をアップしていきます。

とりあえずひとまず完成

内容はぼちぼち考えるとしてとりあえずこれで

1. XserverにBaserCMSをインストール
2. 公開テーマのサンプルを自分用に変更

まで完成。あとサンプルとして入っているテキストなんかは
テーマ管理＞テーマ（テンプレート編集）＞BcAcademia＞　のイメージ一覧と同列にいるレイアウト一覧やエレメント一覧の中にあるphpファイルにカイてあるのでその辺をイジっていきます。

この辺に来るとあとはWebサイトをどう続けるかのモチベーションの話になるのでここからは割愛します。

頑張って続けましょう！