自サイト制作のとてもざっくりな流れ その1

この度自サイト制作を実際やってみることができたので、
自分の備忘録用にもざっくりとその流れをメモしておこうと思います。
気が向いたら各項目詳しく書くかもです。

①サイトの構成を決める

まずはどんなページ・内容がサイトに必要か書き出してみます。
実際に制作を始めながら決めてもいいですが、最初に決めていた方が迷子にならないと思います…!

このサイトだと、
トップページにはお知らせや最新記事を載せて、自己紹介をするABOUTページ、記事の一覧を載せるBLOGページ、そして作品を載せるART WORKSページをつくろう!
そしてその下層ページにはオリジナル作品を載せるIllust Galleryページ、うちの子を載せるCreation Worldページといったカテゴリ分けページをつくるぞ!
といった感じで決めていきました(`・ω・´)

本当はこの後ページのどこに何を載せるかワイヤーフレーム等を作成した方がいいのですが、ズボラなのですっ飛ばしました。凝ったデザインにするなら作った方がいいと思います。

②どうやってサイトをつくるか決める

自分でコーディングをするか、webサイト制作サービス(CMS)を使用するかのどちらかになると思います。
完全オリジナルで凝ったデザインにしたいなら自力コーディング、
テーマ等を利用して簡単に制作&様々なサイト運用に便利なサービスを使用したいならCMS…って感じです!

このサイトではお仕事でもよく使用するのでWordPressを使っています。
WordPressを使うなら、使用するテーマも探しましょう!
見た目の好みや使いたい機能でWordPressテーマを探します。

まず使おうと思っていたテーマ「Arkhe
めちゃめちゃシンプルで見た目が好きです。機能も最低限で本当シンプルでコードバリバリ書いてカスタマイズしやすいです。
ただ今回は手っ取り早く作りたかったのと、次に紹介するテーマの機能を使いたかったので見送りました…
バリバリ書いて作るときは使用したいです…!見た目が好きなので!((

そして採用したのが「EASEL
創作サイトに特化したテーマってないのかな…と思って探して見つけました!
最初から作品用にカスタム投稿タイプがあったり、作品タイプに合わせた一覧ページがあったりショートコードで作品一覧を呼び出せたり…とにかく創作サイトに便利な機能が盛りだくさんです。
個人的に一番ありがとうございます!となったのがパスワード付きの作品のサムネイルを勝手にぼかしてくれる機能…!ちょっとグレーなものにありがたいです。

※このサイトではセキュリティ強化のためログイン画面にベーシック認証を採用した結果、パスワード保護記事もログイン画面にアクセスするのでそちらにもベーシック認証が表示されてしまいました…なのでセキュリティを優先してパスワード保護記事は使用できなくなりました…
どなたかなるべく簡単に詳しくパスワード保護記事とベーシック認証を両立する方法を教えてください(切実)

なんだか書いていたら長くなってきたので次回実際に制作パートに続きます。
パスワード保護記事使いたかった…