Coding Lab
カーソルを
画像の上に
画像の上に
- 制作ポイント Site Point
-
オンラインスクールの卒業制作課題です。
お客様自身が更新しやすい構造になるよう、
「お知らせ」のような時系列データ、「店舗情報」のような固定データ、「メニュー」のようなカテゴライズが必要なデータをそれぞれ最適な投稿タイプ（Post, Custom Post Types）に分割。
情報の混在を防ぐことで、管理画面の視認性を高めています。
またプラグイン『Smash Balloon Social Photo Feed』を使用し、 Instagramとの連携を可能にしています。 - コーディング方針 Coding Approach
-
FLOCSS設計を採用することで、再利用性を高めるとともにスタイル汚染のリスクを排除しています。
お問い合わせ導線はプラグイン『Contact Form 7』を利用した構築を行い、送信後のサンクスページへの自動遷移も実装しております。 - 保守性を高める設計 Maintainability
-
お客様が更新する箇所はカスタム投稿タイプを使用し、レイアウト崩れを防ぐようにしています。
SCSSによる管理については、色やフォント、ブレイクポイントを変数で定義しています。
デザイン変更があった場合も最小工数でサイト全体の修正がかなう、効率的な構築を行っています。 - 使用技術 Skills
-
・HTML, CSS (SCSS/FLOCSS)
・JavaScript (jQuery)
・Swiper.js - 制作期間 Duration
- 約360時間
- 詳細 Details
他の実績も見る
ポートフォリオサイト
HP