架空の英会話スクールサイト

制作日数	12日
使用ツール	Adobe XD
サイトURL	https://product2.oratjdaigo.com

※お手数ですが、ベーシック認証は下記のID、PASSWORDを入力願います。

ID : demoPASSWORD : test2

概要

WEB制作者のコーディング教材。CMS「WordPress」で実装。ページ数は10Pです。

コーディング実装

投稿タイプは、通常投稿・カスタム投稿の2種類で実装しております。また一部の要素にカスタムフィールドを使用し、表示出力しています。よくある質問はアコーディオンパネルで実装し、ディフォルトで1つ目はオープンした状態にしています。一部の要素は画面幅がリサイズしても、横幅は一定のままで横ズレしないようスクロールヒントを使用し、表示出来るようにしています。お問い合わせは、「MW WP FORM」で実装しており送信完了後はサンクスページを表示出来るようにしています。（ローディング、ハンバーガーメニューあり）

制作一覧