見出し画像

クロスフォリオで個人サイトを作ってみた話


あっちらこちらに手を出してどれも頓挫しやしないか自分でも心配です、はるのむしです。

自分の城を持ちたいなぁ~でも何処のサーバー借りてどう作ろっかなぁ~うーん…

…と、悩みに悩みすぎて調べた癖に中々行動に移さない私にオススメ、クロスフォリオさんで自分のサイト作っちゃいました!


はじめに目的を定める


かねてより欲しかった個人サイトですが、まずは作って自分はどう使いたいかを決めてからデザインを絞りました。
単純にあれもこれもの欲張りてんこ盛りセットよりシンプルな方が管理がしやすいからです。

私の希望は連載から販売までを一本の動線化とさせたいでした。

ずず~っとスクロールした最後にショップ画面が出てくるのではなくて、最初の頭にショップが来るようにしたい!

ざっくり決めたらいよいよページを作ります!



実際に作ってみた


ここからは文章で長々書くより見た方が早いので、紹介も兼ねて。


スマホ・PC対応のレスポンシブデザイン。

スマホから見るとこんな感じです。
テンプレートはblackを使用しました。個人で弄れる限界はあるので細かなカスタムこそ出来ませんが、工夫すればいくらでもカッコよく出来ちゃいます!


こういう事がしたかった…!

横長画面を用意し、なんちゃってバナーからのクリックしたら販売ページに飛べちゃいます。

トップページの頭にコミックスのお知らせを載っけることで「あ、こいつ漫画売ってるんだ」と気付いてもらえます(多分)
その下に作品を単話毎に設置。

新着順でなく古い順にして一話をトップに持ってきています。お気に入りボタンは消してサムネが隠れないようにしました。


出版と個人とで分けたけど深い意味は無かったりする

ナンバーナイン様から出しているコミックスは『出版』、個人サークルでPDFデータで出したコミックスを『個人発行』でそれぞれページを分けました。

こんな感じに一応メニュー欄はありますがわざわざボタンを押さなくとも大体トップページで完結するようには作っています。


blogのリンク先はFANBOXです

これまた画像を押すと飛べます。
FANBOXに似たサービスで“ファンコミュニティ”なるものがクロスフォリオさんにもあるのですが、前から読みに来て下さっている方にもうあれもこれもと登録お願いしたくなくて🥲

新しく始めず前から利用しているツールを設置させて頂いています。


個人サイトといえばこれでしょう

作者紹介ページです。

一度は書いてみたかった自己紹介。
左利きを矯正されたけど抗った結果、左右を使い分ける変な左利きとなりました。
純左利きさんとも違う半端者…同じ境遇の左利きさんいらっしゃいますかね…


以上になります!画像でなく実際のページはこちら✨️



完成しての所感


センスがある方ならもっとオシャレに出来ると思います私はこれが限界でした。
ですが個人的には気に入ってますよ~!だって自分の希望が形になりましたもの

後のこだわりポイントとしては、いいねやお気に入り・閲覧数などそういうものを気にせず読んで欲しいのでそれらは取っ払っています。
クリエイターさんに限らず見る専さんも大歓迎です!誰が来たとも分からないようにしているのでふらりと気軽に立ち寄りたい人に良いかも?

後はクロスフォリオさんでは作品をコピーガード出来るのもありがたいポイントです。

無料で画像ダウンロード出来るんだったらコミックス出す意味無くないか、とは前々から思っておりましたので…


私のように個人サイトを持とうか迷っている方には、まずは触って自分の理想を形にするのにおすすめなサービスかもしれません

クロスフォリオさん候補にいかがでしょうか?
それでは。


もしよろしければサポートお願いします!たんと消費する原稿用紙代と消しゴム代にあてさせていただきます