ポートフォリオサイト作りましたって話

2021.01.18

見出し画像

以前から作ろう〜と思っていたのですが、全く触れていなかった自分のポートフォリオサイトを作成しました。

今回はhtml作成~wordpress化までを自分用のざっくり振り返りとして書いていきます。

目次

  1. 作ったもの
  2. 作成日数、使用した技術
  3. 今回の学び
  4. まとめ

作ったもの

tenlife |tenlife123.com

自分のポートフォリオサイトです。

wordpress化しているので投稿機能などもつけています。この部分が1番勉強になったw

作成日数、使用した技術

作成日数は2週間弱。毎日2時間程度、休日は5時間くらいは触っていたかなと思います。

使用したものは、html/css,jquery この辺りが中心かなと思います。

Bootstrap4を中心に進めていきました。

今回の学び

1番大きかったのは自作テーマにwordpressの投稿機能などをつけていく部分でした。

自作テーマからの機能付けは全く触ったことがなかったので、とても勉強になりました。

ここのサイトが、無知の自分には大発見でした。簡単にいうと、テンプレート階層っていうのが用意されているので、テンプレートに合わせてファイルを作成していけば便利になるってことです。(自分の理解範囲ですw)

具体的には、カテゴリー別記事一覧表示であったり、記事のシングルページなどの部分です。これらはテンプレート階層を使うことによって、自分で作る必要がありません。

勝手に作ってくれるのです。これを知ったときはびっくりでした。あとはどれだけ自分が無知な状態にいるかがわかりますw

もう1つはwordpressには関数が用意されているのでそれを使おうってことです。

これも先ほど挙げたものと少し被ってしまいますが、例えばカテゴリー別で記事一覧取得したい時は、すでに用意されている関数を使って取得していく形になるということです。

関数に書き加える部分としては、どのような条件で取得してくるのか?や何件表示するといった条件を書き加えていくのがメインになります。

この関数たちを使えるようになれば、楽に実装できるな〜という感じがします(ビギナー目線)

あとは、レスポンシブも頑張りました。(当たり前w)

サイトの動きとかはできるだけシンプルにしたつもりです。黒、白、ディープピンクで作ってます。

まとめ

2週間程度でポートフォリオサイトが作れた。

1番の学びはテンプレート階層とwordoress関数の発見。

そんな感じと言ったところです。

個人的にはサーバー代かけているので、やる気も買っているという次第です。ww

寂しいポートフォリオサイトにならない様に

活動頑張っていきます!

そんな感じで

以上!