架空の英会話スクールサイト
制作日数 | 12日 |
使用ツール | Adobe XD |
サイトURL | https://product2.oratjdaigo.com |
※お手数ですが、ベーシック認証は下記のID、PASSWORDを入力願います。
ID : demoPASSWORD : test2
概要
WEB制作者のコーディング教材。CMS「WordPress」で実装。 ページ数は10Pです。
コーディング実装
投稿タイプは、通常投稿・カスタム投稿の2種類で実装しております。また一部の要素にカスタムフィールドを使用し、表示出力しています。 よくある質問はアコーディオンパネルで実装し、ディフォルトで1つ目はオープンした状態にしています。 一部の要素は画面幅がリサイズしても、横幅は一定のままで横ズレしないようスクロールヒントを使用し、表示出来るようにしています。 お問い合わせは、「MW WP FORM」で実装しており送信完了後はサンクスページを表示出来るようにしています。 (ローディング、ハンバーガーメニューあり)