大学のWebサイト

HTMLサイトをWordPress化したオリジナルテーマ

スクールの教材をもとに、再度初めからPHPファイルを作ってコードを入れていき、画像やロゴはほぼすべて差し替えました。
ロゴはCanvaの生成AI機能を使って作成。
TOPページのスライダーにはオーバーレイを施して暗めでシックな色合いに調整しています。
サイトはこちら

使用技術：
HTML/CSS, JavaScript, PHP

カスタマイズ：
TOPページスライダー
カスタム投稿タイプ（プラグイン「Custom Post Type UI」使用）
検索ボックス設置
年表（プラグイン「Timeline Block For Gutenberg」使用）挿入
ページネーション設定

苦労したこと・工夫したこと：
テンプレート構造を理解し、各ページのレイアウトを常に頭に入れつつコードを書いていくことがとても大変でした。
工夫したのはレイアウトと各要素のidやclass名を紙に図として書き出し、確認しながらコードを書いたことや　「このコードでどう動くのか？」が分かるようにイラストや図を描いたりしたことです。時間はかかりましたが、楽しくもありました。