春日司法書士事務所司法書士事務所
- ROLE
- Front-end / WordPress Development
- FOCUS
- SWELL Customization × Responsive
- DESIGN
- Provided Design
- YEAR
- 2026
THE BRIEF
既存テーマの使いやすさを残しながら、支給デザインを形にする。
春日司法書士事務所様のWebサイト制作。WordPressテーマSWELLをベースに、支給デザインをもとにしたフロントエンド実装を担当しました。
テーマ本来の管理性や更新性を活かしながら、デザインに合わせたレイアウトやレスポンシブ表示を実現することが求められました。
実装だけでなく、公開環境への反映やGoogle Search Consoleの登録まで対応しました。
テーマ本来の管理性や更新性を活かしながら、デザインに合わせたレイアウトやレスポンシブ表示を実現することが求められました。
THE APPROACH
CUSTOMIZEWITHOUT LOSINGFLEXIBILITY.
SWELLの既存機能をすべて置き換えるのではなく、活用できる構造は残しながら、必要な部分をカスタムHTMLやCSSで調整しました。
見た目を再現するだけでなく、公開後の更新やテーマの保守性も考慮し、WordPressとして扱いやすい構成を意識しています。
IMPLEMENTATION
- 01
Theme Customization
WordPressテーマSWELLをベースに、既存機能を活かしながら支給デザインに合わせてレイアウトやスタイルをカスタマイズ。
- 02
Responsive
スマートフォンからデスクトップまで情報の読みやすさを保てるよう調整し、料金表など横幅の大きいコンテンツにもモバイル向けの表示方法を実装。
- 03
Form
Contact Form 7を利用して、お問い合わせ導線とフォームをサイトデザインに合わせて構築。
- 04
Launch & Search
公開環境への反映からGoogle Search Consoleの登録まで対応し、サイト公開後に検索エンジンへ適切に認識されるための初期設定を実施。