コーディング

コーディングレビューで頂いた「サイドバー表示時のスクロール固定」や「headerタグが空になっている」という指摘箇所を修正しました。サイドバー表示時に後ろの画面のスクロールの止め方やheaderタグの役割について学習することができました。

レスポンシブのブレイクポイントが合わない、preタグのインデントを揃えたいなどの問題やHTML構造とクラス名の見直しを行いました。コード側とフロント側でブレイクポイントがずれる原因やpreタグの性質について新たに学ぶことができました。

個別投稿ページ用のsingle.htmlと固定ページ用のpage.htmlのコーディングが完成！投稿ページで挿入されるさまざまな要素のスタイリングやプログラミング初心者がデザインカンプからどのように作ったのかについて実際のソースコードを公開しながらご紹介しています。

アーカイブページ用のarchive.htmlと検索結果ページ用のsearch.htmlのコーディング。ページネーションのスタイリングやプログラミング初心者がデザインカンプからどのように作ったのかについて実際のソースコードを公開しながらご紹介しています。

デザインカンプからのコーディング、フロントページが完成！サイトにGoogleマップを埋め込む方法やフッターの作り方をコードコピペ可でご紹介しています。プログラミング初心者がどのようにデザインカンプからコーディングをしているのかについても記録をしています。

RaiseTechの最終課題であるデザインカンプからのコーディングとWordPress化に取り掛かります！プログラミング未経験者が1ヶ月半でどれほどのレベルに達しているのかコードの内容を大公開しながらご紹介します。デザインカンプからのコーディングの方法についてもわかりやすくご紹介します。