gitmodir110/motayeb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
تم اختصاصی ووکامرسی و وردپرس برای فروشگاه مطیب
8 Commits 1 Branch 0 Tags 3.2 MiB
PHP 42.5%
CSS 29%
HTML 22.7%
JavaScript 5.8%
c16648678d
Go to file
Kazem Alghasi c16648678d - install local Tailwind 
- fix more problems
2026-09-23 00:32:16 +03:30
assets - install local Tailwind 2026-09-23 00:32:16 +03:30
node_modules - install local Tailwind 2026-09-23 00:32:16 +03:30
src - install local Tailwind 2026-09-23 00:32:16 +03:30
woocommerce - install local Tailwind 2026-09-23 00:32:16 +03:30
404.php feat(theme): implement full UI redesign and WooCommerce integration 2026-08-18 02:28:57 +03:30
archive-product.php feat(theme): enhance WooCommerce templates and add new pages 2026-09-20 14:04:10 +03:30
archive.php - install local Tailwind 2026-09-23 00:32:16 +03:30
author.php build(theme): scaffold initial theme directory structure and assets 2026-08-15 22:11:08 +03:30
comments.php feat(theme): implement full UI redesign and WooCommerce integration 2026-08-18 02:28:57 +03:30
footer.php - install local Tailwind 2026-09-23 00:32:16 +03:30
front-page.php - install local Tailwind 2026-09-23 00:32:16 +03:30
functions.php - install local Tailwind 2026-09-23 00:32:16 +03:30
header.php - install local Tailwind 2026-09-23 00:32:16 +03:30
index.php build(theme): scaffold initial theme directory structure and assets 2026-08-15 22:11:08 +03:30
package-lock.json - install local Tailwind 2026-09-23 00:32:16 +03:30
package.json - install local Tailwind 2026-09-23 00:32:16 +03:30
page-about.php feat(theme): enhance WooCommerce templates and add new pages 2026-09-20 14:04:10 +03:30
page-contact.php feat(theme): enhance WooCommerce templates and add new pages 2026-09-20 14:04:10 +03:30
page.php build(theme): scaffold initial theme directory structure and assets 2026-08-15 22:11:08 +03:30
README.md Update README.md 2026-08-15 22:42:17 +03:30
screenshot.png build(theme): scaffold initial theme directory structure and assets 2026-08-15 22:11:08 +03:30
single-product.php - install local Tailwind 2026-09-23 00:32:16 +03:30
single.php feat(theme): implement full UI redesign and WooCommerce integration 2026-08-18 02:28:57 +03:30
style.css feat(theme): implement full UI redesign and WooCommerce integration 2026-08-18 02:28:57 +03:30
tailwind.config.js - install local Tailwind 2026-09-23 00:32:16 +03:30
ui.html build(theme): scaffold initial theme directory structure and assets 2026-08-15 22:11:08 +03:30

README.md

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

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

📧 تماس:
کاری از ورناسافت vernasoft.ir قدرت گرفته از سرورهای قدرتمند ورناهاست vernahost.ir

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