-
スマートフォンスペック比較アプリケーション制作
WordPressサイトに登録したスマートフォンのスペックデータを
Rest api で呼び出して比較サイトで表示するシングルページアプリケーション
スマートフォンのスペックはカスタム投稿で機種個別ページを作成し、カスタムフィールドにデータを登録します。
機種個別ページはテンプレートファイルを作成し、カスタムフィールドのデータを呼び出してテーブルに表示します。
Vue.jsでは機種情報を発売日・メーカー・文字検索で絞り込めるようにしています。
・メーカーと発売日はカスタムフィールドを参照
・文字検索は大文字小文字やスペース有無の表記ずれにも対応しています。
WordPressサイト上の機種個別ページのテンプレートと
比較サイトのVue.jsはChat GPTでベースをコーディングして調整しました。WordPress,
Vue,js
HTML/CSS
PHP
JavaScript -
ガレージハウス販売業者のWebサイト制作
販売実績や販売物件の見せ方で
jQueryライブラリ「Swiper」でサムネイルをクリックすると画面の表示写真が切り替わる機能
カスタム投稿とカスタムフィールドをプラグインで編集できるようにし、
物件データを登録するだけで販売実績のセクションにテンプレートが自動追加・更新される仕組みつくり
高額商材のため高級感のあるデザインを意識しました。
下記機能はChat GPTでコーディングし、細部は調整しました。
・販売実績の追加・更新機能
カスタム投稿タイプとカスタムフィールドをプラグインで設定
PHPプログラムでテンプレート機能実装
・サムネイルクリックでメイン写真の表示切替
jQueryのライブラリ「Swiper」を使用+HTML/CSSでレイアウト調整
+WordPress関数で読み込みでカスタムフィールドから画像を呼び出しWordPress
HTML
CSS
PHP
JavaScript