架空研修サービス会社のホームページのコーディング

• WordPress

概要

XDのデザインカンプからWordPressのオリジナルテンプレートとしてコーディング。

レスポンシブ対応(375px~)。

FVカルーセルはswiperを使用。

その他ページローディング(フロントページ)、カバースライド、テキストアニメーション、フェードインアップ等のアニメーションは自作してみました。

導入事例はカスタム投稿に設定し、カスタムフィールドを利用してクライアント様が容易に追加可能となっております。タームごとループで出力しているので、後からクラアント様がタームを追加しても、一覧ページにはh2タグにターム名が付与され新しいターム一覧が自動的に出力されます。

フローチャートは画像ではなくコーディングしております。

フォームはContact Form 7を使用しており、自動返信メールも設定しております。

テーマユニットテストデータを使用し表示確認済み。

使用プラグインなど

Advanced Custom Field, Contact Form 7, Custom Post Type UI, WP Mail SMTP, Breadcrumb NavXT

Basic認証