きら(吉良)りんワンダーランド☆ミ

✨記事一覧は右サイドの『最新記事10』をClick!⤵️

『きら(吉良)りんワンダーランド☆ミ』公式オフィシャルサイト制作への道 -β版-💻

職業訓練に通い始めて、早1ヶ月。

もう授業日数のヨブイチが過ぎ去ろうとしています。時の流れは早いものだ。

気が付けば、HTML&CSSの教科書は半分まで進みました。

イラレについても、様々なツールを教わり、かなり使える幅が広がりました。

とは言っても、まだまだ覚えられていないので、教科書や資料に載ってある内容を見様見真似でやっていますがね。

まぁでも、教科書さえ見れば理解出来る領域まで来ているのですから、ZEROよりは断然マシでしょう。

 

前回のα版から20日程が経ちました。

今回は2回目となるβ版です。

何とかα版で遺跡化させずに済ませられましたよ。

 

遂にCSSを導入する事が叶いましたので、色々と装飾が施されています。

・文字のフォントを変更する。

・棒線や四角い色付きの背景を付ける。

・テキストや写真を真ん中に合わせる。

・ページ全体を左端ビタ付きから、真ん中に合わせる。

このような感じで、サイト全体に様々な彩りが増えました。

 

そして、注目すべきはココ。👆

記事のカテゴリー一覧のロゴを、幾つかイラレで作り始めました。

吉良くんは語りたい⇨参考:『亜人ちゃんは語りたい』

キラフェッショナル -仕事の流儀-⇨参考:『プロフェッショナル -仕事の流儀-』

キラリーン人生物語⇨参考:『ティアムーン帝国物語』

キラ山さんのPERFECT DAYS⇨参考:『PERFECT DAYS』

文字を似たテキストで打って、文字のアウトライン化をさせてパスを変形させて、本家のロゴに寄せております。

まぁ、それはケッコー大変なので、似たフォントがあればそのまま文字の位置を微調整して、そのまま使っていますがね。

にしてもほんと、小さい頃からパロディーとか好きよねぇ〜〜〜。

勝手に人様の作品パクってんじゃねぇよ!!!と怒られるかと思いますが、

別に一切悪意を持って作ってはいません。好きだからこそパロディーしています。

それで、本家大元の作品を至る所でちょいちょい猛プッシュしていますからね。

こっからどんどんとカテゴリーのロゴを作っていって、表がどんどんと大きくなって、多彩な入り口が出来上がると良いですね。万博のパビリオンの入り口かのように。

ほんと、ウチのブログの記事のベクトルがバラバラ過ぎるのよね。

 

私自身である『吉良リン』についての紹介ページを作ろうと思います。

当ワンダーランドに初めて迷い込まれた人たちが、コイツは何者やねん!!と謎に思われるかと思いますので、一発で分かる専用ページを作ります。

コイツ、フリーの広報ライターなのか、秘境駅マニアなのか、唯のコスプレ好きなのか、着ぐるみアクターなのか、マジで意味分からんと思いますのでね。

あと、ちょいちょい、AV女優の方を検索して引っ掛かって来た人も少なからず居てはるのでね。その人たちからしたら、コイツ同じ芸名使ってんじゃねぇよ!!って反感を買ってしまいますのでね。

まぁ正確には、アッチは漢字+ひらがなで、コッチは漢字+カタカナですがね。

 

私が持っている100種類以上のコスプレ衣装

本当にそんなに持ってんのか??と疑われるのを防ぐ為に、一覧表を作ります。

どれが既に日の目を浴びているのかが、これで一目瞭然となります。

折角、かなりの資金を消費してこんだけ買い集めたのですから、どの衣装も一度はお披露目しておきたいものです。ほんまにコスプレ好き過ぎやろ。

もうちょっと画像のサイズとかを綺麗に出来たら良いのですが。

CSSを習えば何とかなるものでしょうか??

 

秘境駅巡りをするようになったきっかけの駅である、船町口駅の擬人化キャラ。

『船町 こなえ』ちゃんの絵がイラレで完成出来ました。

陰影などの細かい部分も全部塗り終える事が出来ました。

なかなかイラレで絵を描くのは難しいですが、兎に角これは慣れですね。

パスやら曲線やらの作り方も、とにかく慣れです。慣れ以外ありません。

 

他にも、私が今までに訪れた秘境駅の一覧表を作ったり、

吉良リンの実績一覧(参戦したイベント・使用したフリー切符・個人的な実績等)をまとめ上げたページも絶賛作っております。

後にポートフォリオを作らなければならないのですが、ほんと、このブログ(我が子)を始めておいて良かったわ。

職業訓練が始まった段階でZEROから築き始めるだなんて、私には永遠に無理ですもの。

 

β版はひとまずここまでです。

γ版はどこまで進むのでしょうかね??

こっからサイトの彩りがもっと増えれば良いのですが。

次回は8月末期かな〜??

To Be Continued

ちなみに、このはてなブログで記事を書く時に、一応HTML編集も出来るのですが、

習う前は、こんなの見るだけで身体が拒絶反応を引き起こすレベルでしたが、

今の私には理解が出来るぞ!!

なので、例えばテキストの文字をもっと

デカくしたり、

テキストの色をもっと細かく変更する事も可能です。

(↑HTMLを独自にイジって指定した色:↓はてなブログ既存のデフォルト色)

テキストの色をもっと細かく変更する事も可能です。

 

とまぁ、こんな感じでHTMLも弄って、はてなブログの既存の設定以外に変更する事も可能です。これは可能性の幅が一気に広がりましたねぇ。

いつかは、はてなブログのトップページも、CSSで弄れるのでしょうかね??

年末に掛けて、『きら(吉良)りんワンダーランド☆ミ』劇的ビフォーアフターの大変貌を遂げる事が出来るのでしょうかね??