- 架空のレストラン「京都レストラン」を想定し、Twenty Twenty Oneの子テーマを制作しました。
- サイトエディターを使わず、テンプレートやCSSを記述して構築しています。
使用技術: WordPress (Twenty Twenty-One / クラッシックテーマ)、CSS(カスタムスタイル調整)
このサイトでは、WordPress や Next.js を用いた Web制作の記録や学習メモを掲載しています。
作品一覧
-
京都レストラン | WordPress (Twenty Twenty One)
-
Aoba Create | WordPress (Twenty Twenty Three)
- Twenty Twenty-Threeをベースに、本ブログ専用の子テーマをコードで制作しました。
- サイトエディターを使用せず、テンプレートやCSSを記述して構築しています。
使用技術：WordPress（Twenty Twenty-Three／ブロックテーマ）、CSS（カスタムスタイル調整）
-
Aloha Goodies | WordPress (Twenty Twenty Three)
- Twenty Twenty-Three テーマをベースに、ブロックエディタによるノーコード構成で制作。
- テンプレートやパターン、スタイルを調整しています。
使用技術: WordPress（Twenty Twenty-Three / ブロックテーマ）/ CSS（カスタムスタイル調整）
-
Aloha Goodies | WordPress Theme (Twenty Twenty-One Child)
- Next.js版で制作した構成をもとに、WordPressテーマとして再構築しました。
- Twenty Twenty-One の子テーマとして、テンプレート分割や部品化を意識して実装しています。
使用技術：WordPress（Twenty Twenty-One 子テーマ） / PHP / jQuery / CSS
-
Aloha Goodies Next.js版
- 架空のハワイ雑貨店「Aloha Goodies」を想定し、Next.jsでモバイル向けEC風UIを実装しました。
- カテゴリ・商品一覧・商品詳細をオーバーレイで表示し、スムーズな閲覧体験を意識しています。
使用技術：Next.js / TypeScript / Tailwind CSS / Vercel / Figma
-
Aloha Goodies WordPress版
- 架空のハワイ雑貨店を想定し、WordPress.comを用いて1ページ完結のLPを制作しました。
- デフォルトテーマ（Assembler）をベースに、情報量を絞り、世界観が伝わる構成を意識しています。
- HeaderにはFigmaで作成したビジュアルを使用し、Itemsセクションでは2列カラムを用いて雑貨を配置しました。
使用技術: WordPress.com / Assembler（テーマ） / Figma