カテゴリー: ブログ

令和に個人サイトを作る

長めの文章をつづりたいな~と思いブログをコンテンツの一つとして加えたので、長めの文章をつづっていきたい。
こういうのって書き始めをどうするかで悩んで結局何も書けなかったりしませんか?これを解決する方法として書き始めって悩みません?って書くとそのあとなんとなくだらだらと文章が書けるのでおすすめです。

個人サイトを作ったよ~!見てくださってる方がいたらありがとうございます。
そもそもなんで個人サイト作ったのかという話なんですが以前Xをどうにかやめたくて「X やめた」とかで毎日毎日検索かけてたときに個人サイトを見かけて、そこからいろいろなサイトにお邪魔しているうちに自分もやりたいな~という気持ちが湧いてきて今やっと制作に至りました。せっかくなので備忘録的に制作工程を残したいと思います。最初から最後まで無知が右往左往して力業でなんとかしています。

私:HTMLちょっとわかる。CSSわからない。くらい

なにで作るか考える
STUDIOとWordPressで悩んで、なにもわからなくても検索したら解決する可能性が高そうなWordPressにしました。STUDIOも使いたいからそのうちなんか作りたい。

サーバーを契約する
まずサーバーを契約しないとはじまらないのでサーバーを契約します。さくらとロリポップで悩んで、昔ロリポップを使っていたというあれでロリポップにしました。ライトプランを契約。途中でやめるかもだし、いったん一か月でいいやと思って一か月で契約したけど今となっては全然1年でよかったな。

独自ドメインを取得するか悩む
まだこの時点ではとりあえずちょっと挑戦してみるか…くらいだったので取得しませんでした。しばらくやってみてサイトをインターネットの住処にしたいと思ったらそのとき考えようと思う。価格は3,000円くらい。

WordPressをインストールする
ロリポップはサーバー契約の際にWordPressをインストールするという項目があるんですが何もわからない人間はあとからインストールした方がわかりやすいかもしれない。私です。
管理画面のWordPress簡単インストールからインストールしてダッシュボードにログインします。

SSL通信化したりなんやりする
ロリポップの初期ドメインを使うので、Wordpressアドレス、サイトアドレスのhttp://をhttps://に書き換えて保存でOK。
ついでに設定から検索エンジンでの表示をしないようにするにチェック。
さらにパーマリンク構造をカスタム構造にしました。
この辺の設定はこちらのページを参考にしました。めっちゃわかりやすい。WEBダイスよく利用させてもらってます。

WordPressテーマを決める
このサイトはEASELというテーマをお借りしているんですが、当初はCocoonを使ってサイトを作る予定でした。それでCocoonでサイトっぽくする方法をぐぐーるしていたらEASELというテーマにたどり着き、サイトを読むと…創作・同人サイトに特化したWordPressテーマ…これだ!!
カスタマイズする場合は子ページを合わせてインストールしてくださいとのことだったので子ページもインストール。テーマを有効にして、公式のマニュアルを参考に初期設定をします。

デザインをいじる
設定が終わったらあとはいろいろいじったり調べたりして自分の好みのデザインになるようにしていきます。先人が書き記してくれてるTipsや公式のQ&Aをたくさん参考にしました。ありがとうございます。
↓変えたところ
・元のテーマは背景色を変えてもヘッダー部が白地なので全部同じ色になるようにした
・ハンバーガーメニューを非表示にした
・文字色&リンク色の変更
多分これしかしてない。テーマの編集が効かなかったので、子ページのカスタマイズの追加CSSに入れています。
入れたプラグインは
・Classic Editor(公式のマニュアルがClassic Editorなので入れた方がわかりやすい)
私は編集するときはブロックエディターを使っています。
・Font Awesome(アイコン用)
です!
ログページは固定ページを作ってショートコードを挿入してイラスト表示しています。
テーマの設定編集は結構力づくでやりました。間違っている自信があります。インターネットにいろいろ書き残してくださっているみなさん本当にありがとうございます。

てがろぐ設置
つぶやき用途に使いたくて。(ポストする要領で更新できるので本当に楽)
公式のマニュアルをよく読んで設置!動いた!すごい。
配布ページを見ると結構やること多い…?初心者にいけるか…?と思って一瞬怯んだのですがよく読むと設定できる項目がめちゃくちゃあるという感じだった。初心者でも設置できます!
てがろぐスキン公開してくださってるサイトめぐるの楽しかった。お借りしたスキンのデザインちょっといじるときにだけHTMLチョトワカルがちょっと活躍した。

そんなこんなでなんとかサイトが完成。休みの日2日+仕事から帰宅したあと3日くらいの作業時間でした。ここからコンテンツいろいろ充実させていきたい。

おわりに
ここ数年インターネットの情報の消費速度が速すぎて、その速度の中でマイペースを保てる人もいると思うんですが私はかなり飲み込まれていてものすごい速さでいろんなものを消費していたのでなんとかしたかったんですね。ちょっと遅くなりたい。
こんなん誰が読むねん、みたいなのを雑に置いてていい場所があるっていいなってこれを書き終わって思いました。