# 🍃 مطیب | طعم واقعی طبیعت

**Motayeb** – یک تم فروشگاهی اختصاصی و مدرن برای وردپرس و ووکامرس، ویژه‌ی محصولات ارگانیک و طبیعی.

## 📌 درباره پروژه
این تم با هدف ایجاد یک فضای بصری گرم، سالم و کاربرپسند برای فروشگاه‌های محصولات ارگانیک طراحی شده است. هویت بصری آن بر پایه‌ی رنگ‌های طبیعی و حس اعتماد بنا شده و کاملاً ریسپانسیو و آماده‌ی شخصی‌سازی می‌باشد.

---

## ✅ وضعیت فعلی (Current Status)
- **ساختار پایه‌ی تم** بر اساس استانداردهای وردپرس (Template Hierarchy) پیاده‌سازی شده است.
- **فایل‌های اصلی** شامل `header`, `footer`, `index`, `page`, `single`, `archive` و `404` ایجاد شده‌اند.
- **اوورراید اولیه‌ی ووکامرس** برای صفحات `archive-product` و `single-product` انجام شده است.
- **رابط کاربری (UI) کامل** در فایل `ui.html` طراحی و نهایی شده است که شامل:
  - هدر با لوگو، منوی اصلی، دارک مود، حساب کاربری و سبد خرید
  - بخش جستجوی پیشرفته با پیشنهادات پرطرفدار
  - هیرو (Hero) با شعار و دکمه‌های CTA
  - نمایش آمار فروشگاه و اعتمادسازی (گواهی ارگانیک و امتیاز)
  - دسته‌بندی محصولات با شمارش تعداد
  - فوتر با اطلاعات تماس و دکمه‌ی تغییر زبان

---

## 🗺️ نقشه‌ی راه توسعه (Development Roadmap)

در ادامه، برنامه‌ی گام‌به‌گام پروژه را مشخص کرده‌ایم تا با هم به بهترین شکل پیش برویم:

### فاز اول: تکمیل هسته‌ی تم وردپرس (Core Setup)
- [ ] تکمیل فایل `functions.php`:
  - افزودن پشتیبانی از `title-tag` و `post-thumbnails`
  - ثبت منوهای اصلی و فوتر
  - تعریف ناحیه‌های ویجت (سایدبار و فوتر)
- [ ] فراخوانی صحیح فایل‌های `style.css` و اسکریپت‌ها با استفاده از `wp_enqueue_scripts`
- [ ] شخصی‌سازی صفحات پیش‌فرض وردپرس (بلاگ، برگه‌ها، نویسنده)

### فاز دوم: یکپارچه‌سازی و شخصی‌سازی ووکامرس (WooCommerce Integration)
- [ ] شخصی‌سازی صفحه‌ی محصول (`single-product.php`) – نمایش گالری، توضیحات، دکمه‌ی افزودن به سبد
- [ ] شخصی‌سازی صفحه‌ی فروشگاه (`archive-product.php`) – نمایش گرید محصولات و سایدبار فیلترها
- [ ] شخصی‌سازی صفحه‌ی سبد خرید (Cart) و تسویه‌حساب (Checkout)
- [ ] تنظیم متغیرهای ووکامرس برای محصولات ارگانیک (برچسب‌ها، ویژگی‌ها)

### فاز سوم: پیاده‌سازی ویژگی‌های تعاملی و فرانت‌اند (Interactive Features)
- [ ] پیاده‌سازی عملی دارک مود (ذخیره‌سازی انتخاب کاربر در مرورگر با LocalStorage)
- [ ] فعال‌سازی جستجوی زنده (Live Search) با Ajax
- [ ] ساخت اسلایدر اختصاصی برای بخش هیرو (قابلیت تغییر بنرها از پنل ادمین)
- [ ] نمایش محصولات ویژه / پرفروش‌ترین‌ها در صفحه‌ی اصلی (با استفاده از Shortcode یا Query سفارشی)
- [ ] افزودن انیمیشن‌های ملایم برای بهبود تجربه‌ی کاربری (UX)

### فاز چهارم: بهینه‌سازی، سئو و کارایی (Performance & SEO)
- [ ] بهینه‌سازی فایل‌های `assets` (فشرده‌سازی CSS/JS و استفاده از CDN برای فونت‌ها)
- [ ] پیاده‌سازی دیتا مارکاپ (Schema.org) برای محصولات ارگانیک و نظرات
- [ ] افزودن قابلیت چندزبانگی (مقدمات WPML یا Polylang)
- [ ] بهینه‌سازی تصاویر (Lazy Loading و WebP)
- [ ] بررسی سرعت بارگذاری با ابزارهایی مثل GTmetrix و رفع گلوگاه‌ها

### فاز پنجم: آزمون و انتشار (Testing & Launch)
- [ ] تست جامع در مرورگرهای مختلف (Chrome, Firefox, Safari, Edge)
- [ ] تست ریسپانسیو بودن در دستگاه‌های موبایل، تبلت و دسکتاپ
- [ ] تست عملکرد ووکامرس (ثبت سفارش، درگاه پرداخت، ایمیل‌ها)
- [ ] بسته‌بندی نهایی تم و تهیه‌ی مستندات نصب برای کاربر نهایی

---

## 📂 ساختار پوشه‌ها (Directory Structure)

motayeb/
├── assets/
│ ├── css/
│ ├── js/
│ └── images/
├── woocommerce/
│ ├── archive-product.php
│ ├── single-product.php
│ └── (سایر فایل‌های اوورراید)
├── header.php
├── footer.php
├── index.php
├── page.php
├── single.php
├── archive.php
├── front-page.php
├── 404.php
├── functions.php
├── style.css
├── screenshot.png
└── README.md


---

## 🛠️ تکنولوژی‌های استفاده‌شده
- **بک‌اند**: WordPress + WooCommerce (PHP)
- **فرانت‌اند**: HTML5, CSS3, JavaScript (ES6)
- **ابزارها**: Git برای کنترل نسخه

---

## 🤝 نحوه‌ی همکاری
این پروژه به صورت مرحله‌ای پیش می‌رود. هر فاز پس از تایید و تست، به مخزن اصلی (Main Branch) ادغام خواهد شد. نظرات و ایده‌های شما برای بهبود پروژه بسیار ارزشمند است!

---

**🌐 آدرس مخزن:**  
[https://www.git.vernahost.ir/gitmodir110/motayeb](https://www.git.vernahost.ir/gitmodir110/motayeb)

**📧 تماس:**  
(در صورت نیاز، اطلاعات تماس را اینجا درج کنید)

---

> **نکته:** این یک تم کاملاً سفارشی است و برای استفاده در فروشگاه‌های محصولات طبیعی و ارگانیک طراحی شده است.