サイト作り奮闘記

この1週間、ドラクエにログインすらせず、
ひたすらやっていたこと……それは……

＼＼WordPressとの格闘!!!／／

これからサイト作ってみたい方やサイト形式のブログに興味がある方向け、かつ自分の頑張りを讃えて()、今回の奮闘記を簡単にご紹介します(*ˊ˘ˋ*)

無料で始めたWordPress.com

Twitterに投稿の際にも書いていたと思いますが、
今回からサイトのURLが変更になっています！
その理由は、同じWordPressでもサービスを変えたからです( ᐢ˙꒳˙ᐢ )

でも、どっちもWordPressじゃないの？という方に簡単に違いをご説明します(ง ˙˙)ง ゛

WordPress.com

独自サーバーのため、サーバー必要なし
無料プランと有料プランがある
無料版ではプラグインを使えず、テーマやカスタマイズ機能も少ない

WordPress

サーバーとドメインを用意する必要がある
基本無料
無料テーマやプラグインが優秀

サーバーやドメインって何？って人向けに…

サーバー = サイト内で使用する素材や設計図を置いておく倉庫
ドメイン = サイトやサーバーの住所

かなりざっくりとした説明にはなりますが、大まかな違いはこんなところと思ってもらえれば！
つまるところ、WordPress(.comじゃない)の方がカスタマイズ性は高く、自分好みのサイトが作成できるということですჱ̒˶ｰ̀֊ｰ́ )

ここで、話は無料版のWordPress.comに戻るのですが、私が最初にサイトを立ち上げたのがこちらの方でした( ˙꒳˙ )

しかし、投稿書いたり、カスタマイズしたり、色々調べてるうちに物足りなくなり、WordPressへの移行を決意したのでした…(続く

WordPressへ移行

早速サーバーやドメインについて調べだしたのですが、やはり1番気になるのはお値段‪(ᯅ̈ )

無料のサーバーやドメイン名に拘らなければ、こちらも無料で始めることは可能ですが、
初心者は安くていいから有料サーバーがオススメとのことだったので、色々見比べて、比較的安価な『ロリポップ！レンタルサーバー』を選びました！

特に私が良かったなと思ったのが、1年以上の契約で独自ドメインが永続的に無料になるところです*ˊᵕˋ*

通常、独自ドメインはサーバーとは別に契約をして、更新料を払わないといけないのですが、
このロリポップ！では無料でいただけるのです…ありがたや( ;꒳; )

また、サーバーの設定もわかりやすいよう色んな記事を出してくれている上に、
初回の登録でドメインサイトの登録やWordPressのインストールも済ませてくれるので、
サイト作り初心者な私でもつまづくことなく、サイトの立ち上げまで行えました！(宣伝みたいになっとる…)

サイトの立ち上げも終わったところで気になったのが、WordPress.comで作った投稿などを持ってこれるのか…？というところ(´°‐°｀)
せっかく頑張って作ったのにもったいないなぁと思っていたら、なんとそれを解決するプラグインもちゃんとありました！とっても優秀！

WordPressのカスタマイズ

ここからが本題…
というか、1番時間がかかったところになります笑

WordPressではテーマといった、サイトの雛形になるものを利用することができます(ง ˙˙)ง ゛

無料、有料とたくさんあるのですが、
その中でも特に有名な無料テーマが『COCOON』というテーマになります！

わたしも現在COCOONを使って、このサイトをカスタマイズしているのですが、とにかく便利！！！
簡単にどこが便利かというと…

サイトで重要な所は大体直感的にカスタマイズできる
スキン(きせかえ機能)が豊富
日本語の操作説明やサポートがある

さらに付け加えると、利用者数が多いため、
カスタマイズに困ったとき、検索すれば大体答えが載っているというのが本当に助かりました‎(*•̀ •́)و✧

とはいえ、私は変にこだわりたいタイプなので、ここから更にstyle CSSをいじいじしまくっていました…

ほんと、集中するとご飯食べ忘れるのだけは気をつけなきゃなって笑

スキンも可愛いのからオシャレなのまで選び放題で、あまりカスタマイズに興味が無い人やこだわりが無い人はここからパッと選んで、
表示設定だけ弄れば、すぐにサイト運営を始められるのも魅力かと思います( ᐢ˙꒳˙ᐢ )

ここでCSSが何かを簡単に説明すると…
『装飾を設定するための言語』になります！

よく聞くHTMLとは何が違うの？と思うかもしれませんが、HTMLは内容の骨組みを作る言語で、CSSはHTMLを含むデザインを設定する言語です

何言ってんのか私にもよく分かりませんが()、
基本的にWordPressではCSSを使って、サイトの見た目をあれこれ変えていきますჱ̒˶ｰ̀֊ｰ́ )

正直なところ、完全素人だとこのCSSを弄るのはかなり難しいと思いました(ᯅ̈ )
私はまだ辛うじて、プログラミングやHTMLの知識があったので、何とかなりましたが、
完全初見では「何だこの文字列」となると思います…

検索すれば、『コピペするだけ！』というCSSコードもたくさん出てきますが、
ちょこちょこ記述が間違っていたり、コピペミスした時に気づけるレベルの知識は必要になります(´°‐°｀)

個人的に1番時間のかかったCSS関連はトップ画像の設定でした( ;꒳; )

COCOONの設定上、PC用に大きな画像を取り込むと、スマホなどで表示した時に表示がとんでもないことになります(無駄に拡大されたり、余白ができまくったり…)
かといって、スマホ向けに作るとPCで見た時小さすぎたり、画質悪すぎたりと踏んだり蹴ったり(:3_ヽ)_
CSSを使用しても上手く表示できなかったりで、半日以上かかりました……

今もスマホで見てくれてる方がほとんどかと思いますが、PCだと可愛くできてるので、良ければそちらも見てください泣

また時間がある時に手直ししていこうとは思ってます‎(*•̀ •́)و✧

まとめ

今回ガッツリサイトを作って思ったのは、凝り性には時間が足りなさすぎる(￣▽￣)
ドラクエ10ブログなのに、ドラクエ10遊ぶ時間がなくなってるのは本末転倒すぎますねwww

私が普通ブログではなく、サイト形式にしたのは、ハウジングやドレアの紹介ページも作りたかったからだったのですが、
まだ全然そこまで手が回っていないので、気長に更新していこうと思っています( ˙꒳˙ )