採用特設サイト｜株式会社TETOTE

　トップページの要素をGSAPでふわっと表示させるようにしています。

　ファーストビュー直下のスライダーはSwiperで実装しています。

　blogはデフォルトの投稿機能を使用。staff一覧はカスタム投稿を使用して管理画面に「スタッフ管理」の項目を追加して、コンテンツ入稿できるようにしています。

　「人を知る」セクションでは、カスタム投稿「スタッフ管理」から入稿したコンテンツをスライダーで表示。

　「スタッフメッセージ一行目」「スタッフメッセージ二行目」「職種名」「名前」「入社年度」「プロフィール」の内容は、カスタムフィールドの情報を表示させ、スタッフ画像はサムネイルで設定した画像を表示させています。

　サイドバーは追従する目次で、PC時のみ常に右側に表示させています。「クリックで該当部分にスクロール」「現在の話題の部分は色の濃いアクティブ表示」「スクロールすることでアクティブ部分はリアルタイムに変化」という仕様になっています。

　その他のメンバーはランダムで表示させています。

　ブログはWordPressのデフォルト投稿機能を使っています。

　ブログ記事は9つ以上用意して、ページネーションが機能するようにしています。

　投稿画面からの入稿で、コンテンツを表示させています。

　3つのボタンはページ内リンクになっており、クリックすると該当セクションまでスクロールする仕様になっています。

　プラグインは、CF7を使用しています。

　月選択は1~12の範囲、日は1~31の範囲で選択。

　フォームアクセシビリティを考慮して、select、radio、checkboxなどをtabキーでフォーカスが当たるようにし、spaceキーで選択できる仕様にしています。

　「送信する」ボタンは、必須項目が全て入力されていないと押せないようにしています。確認画面は実装していません。