新ウェブサイトできました!

2018.01.18

 

先日ウェブサイトを作り直しているという事を書きましたが、やっと完成しましたので公開しました!

 

http://sharp039.com

 

新しいこと、やりたいことも一通り実現できたのではないかなと思います。振り返ってみましょう(笑)

 

 

1.コーディングを再度学んで自分で組む

HTMLタグの基本と、コーディングエディタであるDreamweaverの使い方から学び直しました。

まずは簡単なサンプルサイトを作って、大枠を理解した所で制作に入ったら驚くほどスムーズに組み上げることが出来ました!

 

 

 2.独自ドメインと有料レンタルサーバーを借りて広告などが出ないようにする

「sharp039.com」という独自ドメインを取得し、さくらサーバーの安いプランを契約して運営を始めました。

どちらも初めてのことなのでまずは情報収集を行い、いろんなパスワードに囲まれながら無事開設出来ました。

ちなみに私のやり方が悪かったのか、ドメインを取得してサーバーの情報を送ってから、サーバーに繋がるまで1日ほどかかりました。

ほぼ完成してから待つ結果になったので、順番を逆にしたほうがうずうずしないで済んだかもしれません(笑)

やはり「.com」はカッコイイですね!自分のウェブサイトって感じが凄いです(*´ω`*)

 

 

3.Wordpressも導入し、ブログ部分はそちらに移行していく

こちらも新しい試みで、ブログも統合したいと考えワードプレスを導入しました。

既存のテンプレートも素晴らしかったですが、どれも痒いところに手が届かないというか、「ああ、この機能は使えないのか」「あーここにこのコンテンツ置きたいのに出来ないー!」ということが多発したので自分で組んだHTMLをテンプレートにする事にしました。

そしたらPHPの基礎知識が必要なのを知り、また勉強のお時間となりました…\(^o^)/

ネットではよく「初心者でもHTML知らない人でも簡単に」と書いてありますが、自分の好きなようにカスタマイズしたければ当然それなりの知識が必要ですね!

 

 

4.レスポンシブ対応にし、スマホやタブレットでも綺麗なレイアウトで表示できるようにする

これも今回どうしても挑戦したかったことです。最近はPCでの閲覧よりもスマホでの閲覧のほうが圧倒的に多いと感じていたため、レスポンシブデザインにしてスマホでも綺麗に表示させたいという思いがありました。

そのためにメディアクエリーやグリットデザインと言った技法を学び、こちらもまずはサンプルサイトを作ってから本制作をしました。

 

 

とまぁこんな感じで完成に至りました。

PCでは綺麗なのにスマホで見たらレイアウトが崩れていたり、ワードプレスに上げたらスライドショーがズレたりコンテンツが左に寄ったり…とにかく事あるごとに不具合が起こり、その度に調べて解決していきました。

途中何回か「うわーーー!」って全部消したくなりました。

でも結果的に自分の思い描いたとおりのデザインで、便利なプラグインも使えて、ブログも統合できたので本当に良かったです。

 

いろいろ学んで悩んだだけに、完成した時は嬉しくて泣きそうでした(笑)

今後もおそらく不具合出すと思いますが、なんとか乗り切っていきたいと思います・ω・