制作と学習の記録

Aloha Goodies (WordPress / Twenty Twenty-Three)

Links

概要

  • Aloha GoodiesのWordPress版としてTwenty Twenty-Threeテーマを用いたノーコード制作

制作の目的

  • ブロックエディタに慣れることを目的とした制作

構成・工夫した点

  • テンプレート/パターン/スタイルを管理画面で調整
  • 子テーマを作らずにレイアウトを構成
  • レスポンシブを意識したカードレイアウト
  • カテゴリー/商品カードのホバー・クリック時に揺れアニメーションを追加

使用技術

  • WordPress (Twenty Twenty Three)
  • CSS

画面構成

  • home画面から以下のカテゴリに遷移
    • Accessories
    • Interior Goods
    • Kitchen & Tableware
    • Apparel & Fabric
  • 各カテゴリーページでは商品一覧を表示
  • 各商品には詳細情報を掲示

スクリーンショット