WordPress
HTML
CSS
中小企業向けWebサイトのWordPressの新規テーマの実装
# 制作背景 地元のWebサイト制作会社様からのご依頼で、中小企業向けWebサイトの制作に携わりました。 制作会社経由の案件として、支給されたPhotoshopカンプをもとに、WordPressの新規テーマとして実装しました。 # 担当範囲 * Photoshopカンプからのコーディング * WordPress新規テーマの構築 * レスポンシブ対応 * HTML / CSS / JavaScriptの実装 * 表示崩れや細かなレイアウト調整 # 制作期間 約3週間 # 苦労した点と乗り越え方 当時はWebサイト制作の実務経験がまだ少なく、CSSのクラス名が既存のスタイルと衝突してしまい、想定外の表示崩れが発生する場面がありました。 その都度、原因となっているCSSを確認しながら修正を重ね、最終的に納品まで対応しました。 この経験を通じて、CSSは単に見た目を整えるだけでなく、保守しやすい命名や設計を意識することが重要だと学びました。 その後、CSS設計に関する書籍を読み、クラス名の付け方やスタイルの影響範囲を意識したコーディングを、以降の制作に取り入れるようになりました。 参考：[ざっくりつかむ CSS設計](https://www.amazon.co.jp/%E3%81%96%E3%81%A3%E3%81%8F%E3%82%8A%E3%81%A4%E3%81%8B%E3%82%80-CSS%E8%A8%AD%E8%A8%88-%E9%AB%98%E6%B4%A5%E6%88%B8-%E5%A3%AE-ebook/dp/B09NKR8RCZ?__mk_ja_JP=%E3%82%AB%E3%82%BF%E3%82%AB%E3%83%8A&crid=23URM11LLHI20&keywords=CSS%E8%A8%AD%E8%A8%88&qid=1667450361&qu=eyJxc2MiOiIzLjczIiwicXNhIjoiMi45MSIsInFzcCI6IjIuODkifQ%3D%3D&sprefix=css%E8%A8%AD%E8%A8%88,aps,183&sr=8-5&linkCode=sl1&tag=amhi1943-22&linkId=5e741bc789158eda97369cedf9c7494c&language=ja_JP&ref_=as_li_ss_tl) # 補足 制作会社経由の案件のため、クライアント名・URL・画面詳細は非公開としています。
CASE STUDY →