定期(AP)ゲームに参加したい+偽装結婚TRPG

見て見て~~~~ってします。しました。
下記がもっとちゃんと見れるやつ。
余談ですが、イラストももうちょっとアップで見られるようにするにはどうしたら良いんだろうな……FooGalleryっていうプラグイン使っているんですが、英語まみれで何もわからない。

英語が苦手過ぎる。

英語力は絶対鍛えたほうが良いです。
時代っていうのもあるんですが、HTMLにせよCSSにせよJSにせよPythonにせよ英語が分かる分からないでかなり初期難易度が変わる気がします。

泣きを見ているのだ、私は。

■まぁそんな小難しい事は置いといて、イラストのこと

サイト全体をほんのり公式のゲームやアニメのサイトみたいにした~いの欲望の元、Geminiやなのかさんと話しながらどうしたらそういう感じになるんだろうな……を考えていました。

で、まぁ、あちこちを参考に色々なゲームやアニメのサイトを見ていたんですが、やっぱり何と言うか……その作品を象徴するものやキャラクターがどーん!!ってイラストで大きく出てるんですよね。
トップページに。

今更な事かもしれませんが、大抵の公式サイトってそんな感じになっていて……で、とりあえずどうにかそれっぽいロゴは作ったので、TOPページのイラスト……いわゆるヒーローイラスト?と呼ばれるらしいものに着手しました。

問題は私、一人完結型の自創作はしていないって事でぇ……。
七日空さんとのうちよそ系や、CardWirthや定期/APゲーム辺りが主戦場でぇ……つまりこれ!っていう代表がないっちゃないんですよねえ。
全て自分で作られている一次創作をしている創作んちゅのこと、ほんと尊敬する。
自分以外からの刺激がないと何も続かないんだ私。

話が脱線する気がするな~~、で今回描いたのは自分のガワ(人権とかアバター扱い)と七日空さんのガワ。
代表でこれ!が選べないならガワを並べれば良いじゃない……になった者。

いやまぁほんとはね!?ちゃんとね!?互いの持ちキャラのうちよそどーん!!はしたい気持ちがあるんです!!あるんだけどぉ!選べなくてぇ!
全部描くのは流石に現実的じゃなさすぎて!

でもガワも、描くのはなかなか良い感じでした。
お互いに絵を描くのでそれを象徴するものは描きたくペンタブを持たせ、眼の前のスクリーン的なものに落書きをしているイメージの二体。
なのかさんいわく、私が描くなのかさんのガワは大分イケメンというかかっこいいというか、こんな表情する……!?などなど恥ずかしさなどもあったようですが(分からなくはない)

良い感じに自分達を象徴するイラストになったのではないかな~と勝手に思ってます。

地味な拘りポイント。
なのかさんの頭の炎の光の色をちゃんと反映している髪。

後から気付いて悲しくなったポイント。
ねこガワの尻尾のリボンの塗り込み忘れ。
いや、まぁ、目立たないし眼の前のスクリーンの光でぴっかぴかになってると思えば……。

■サイト構想とCSSのこと

さて、TOPイラスト完成に伴ってトップページを少しだけ弄りました。
具体的にはイラストをでっかくどーん!!っと配置し、その上に重ねるように更新履歴を置きました。

なんか大分これだけでも公式っぽさがあります。
その真下はねこったーを剥いだだけで何も変わらないものが羅列してますが……。

今回やりたいことでお世話になったのは、Elementorというプラグインです。
このプラグイン、無料版でもなかなかやれる事が多くて、コンテンツの上にコンテンツを重ねるっていう今回私がやったイラストの上に更新履歴を置く、というような事ができるんですよね。

フェードインのような軽いアニメーションなんかも付けられて、多分こういうのを設定するだけでも大分お洒落になる気がします。
WordPress、プラグインを増やしすぎるとサイトが重くなってしまうので注意なのですが、やっぱり便利なものも多くて……。

扱うテーマ(テンプレートのようなもの)によっては思いも寄らない所でデザインがうまくいかず、四苦八苦するのですが。
EASELを使わせて頂いており、便利機能に便利だ!をしながらデザイン面で苦しんでいます。php何もわからないよ。

ただ最近、HTMLとCSSの基礎の基礎の基礎くらいを七日空さんと学習しているので、書いてある事がほんのり、塊単位や行単位ならふわっとわからないこともないかも?みたいな感覚を得ています。
いわゆる「これ見た!」みたいな現象がたま~~に起こるんですよね。

今回その感覚で助かったのが、更新履歴……私、EASELテーマのショートコードを使っているのですが、この文字色を変えられたっていうところ。
サイト背景を暗めにしてしまった事もあって、元の色だとどちゃくそ見にくかったのですがこの度ようやく文字色を変える事ができ、見やすくなりました。

たったこれだけ。これだけなんですけどー……!
ずっと見にくくてどうにかしたくて、でも1回挫折していたことなので嬉しかったです。
このショートコードに対応している文字色、ブラウザの検証でちゃんと見つけられるようには何とかなったのがまず成長なのだ。多分。

それはそれとして、トップページの頭だけがそこそこ良くてあとはカッコ悪い(?)ままなので、このあたりもしっかり整理しておきたいところ。
サイトを作る際って、必要なページを洗い出して親ページ、子ページを考えたりそれぞれのデザインのようなものを多分最初にやるべきなのですが、完全に見切り発車で始めたので調整を後から重ねるものになってます。

ひとたち。
サイトを作るならどんなサイト構成にするか絶対最初にふわっとでも考えた方が良い。
あとからごねごねするの大変だから……!!!!(しわくちゃの顔になるねこ)

という反省点を踏まえて、なのかさんと一緒に遊ぶ場所(これもサイトっちゃサイト)では必要そうなページの洗い出しをしました。
こっちも捏ねたいがあっちもこっちもそっちもあれこれやっててわちゃわちゃです。

これもどれくらい時間かかるかなぁ。でもできたら絶対楽しいし嬉しいし、頑張っていきたいなぁ。

 

送信中です

×