Works

Watanabe portfolio

サイトURL

https://watanabe-j-p.com/

担当業務

HTML/CSS、JavaScript、PHP、 WordPress

制作期間

3週間

制作概要

■テーマ：オリジナルテーマで作成
■トップページ：front-page.phpにて作成。制作実績はプラグインを使わずにカスタム投稿機能を実装し、GSAPで横スクロールさせています。テスト投稿は横スクロールさせるためにあえて残しています。
■SERVICEページ：page-service.phpにて作成
■WORKSページ：archive-works.phpにて作成。ジャンルnaviを設置し、ターム別一覧ページに遷移できるようにしました。
■ターム別一覧ページ：taxonomy-genre.phpにて作成
■制作物の詳細ページ：single-works.phpにて作成。自作のカスタムフィールドにより各項目を更新しやすくしました。
■ヘッダー：header.phpにて作成
■フッター：footer.phpにて作成
■お問い合わせページ：自作のフォームです。フォームを正しく入力すると確認ページに遷移し、送信ボタンを押すとサンクスページに遷移後、自動返信を行います。
セキュリティ対策として、session_regenerate_id() 関数を使ってセッション ID を変更し、CSRF 対策としてセッションの開始時にトークンを発行。トークンが一致する場合にのみ処理を実行するようにしています。
また、入力値の検証はJavaScript で行い、reCAPTCHA v3 を使ったスパム対策も実装済みです。