114 lines
6.4 KiB
Markdown
114 lines
6.4 KiB
Markdown
# 🍃 مطیب | طعم واقعی طبیعت
|
||
|
||
**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)
|
||
|
||
**📧 تماس:**
|
||
کاری از ورناسافت
|
||
vernasoft.ir
|
||
قدرت گرفته از سرورهای قدرتمند ورناهاست
|
||
vernahost.ir
|
||
|
||
---
|
||
|
||
> **نکته:** این یک تم کاملاً سفارشی است و برای استفاده در فروشگاههای محصولات طبیعی و ارگانیک طراحی شده است.
|