

تبدیل HTML به قالب ووکامرس وردپرس
- توسعه نرمافزار و آیتی
- زمان باقیمانده برای ارسال پیشنهاد
ما یک قالب HTML اختصاصی برای فروشگاه لوازم خانگی طراحی کردهایم و قصد داریم این قالب به یک قالب کامل، استاندارد، قابل توسعه و کاملاً سازگار با وردپرس و ووکامرس تبدیل شود.
هدف اصلی پروژه این است که قالب HTML فعلی بدون افت کیفیت طراحی، به یک قالب حرفهای ووکامرس تبدیل شود و تمامی بخشها بهصورت داینامیک، قابل مدیریت از پنل وردپرس و بدون نیاز به ویرایش مستقیم کد قابل کنترل باشند.
شرح کامل نیازمندیها:
تبدیل کامل قالب HTML به قالب وردپرس و ووکامرس قالب HTML موجود باید بهصورت کامل به قالب وردپرسی تبدیل شود و تمامی صفحات، سکشنها، کامپوننتها، اسلایدرها، بنرها، فرمها، لیست محصولات، صفحات داخلی و بخشهای فروشگاهی با ووکامرس هماهنگ و داینامیک شوند.
طراحی پنل مدیریت اختصاصی قالب برای قالب باید یک پنل مدیریت کامل ایجاد شود تا نیازی به دستکاری مستقیم کد نباشد. تمامی تنظیمات قالب، از بزرگترین بخشها تا کوچکترین جزئیات، باید از طریق پنل مدیریت قابل کنترل باشند؛ از جمله:
- مدیریت لوگو، رنگها، فونتها و تنظیمات ظاهری
- مدیریت هدر، فوتر، منوها و بنرها
- مدیریت اسلایدرها و سکشنهای صفحه اصلی
- مدیریت متنها، تصاویر، آیکونها و لینکها
- فعال یا غیرفعال کردن بخشهای مختلف قالب
- تنظیمات صفحات داخلی، فروشگاهی و محصول
- امکان مدیریت چیدمان بخشها تا حد امکان بدون نیاز به کدنویسی
- ورود و ثبتنام با شماره موبایل بدون استفاده از پلاگین آماده سیستم ورود و ثبتنام کاربران باید با شماره موبایل پیادهسازی شود و نیازی به نصب پلاگین آماده نباشد. این بخش باید بهصورت اختصاصی و دستی کدنویسی شود. ارسال پیامک باید از طریق سرویس IPPanel انجام شود. امکانات موردنیاز:
- ثبتنام با شماره موبایل
- ورود با کد تأیید پیامکی
- ارسال OTP از طریق IPPanel
- اعتبارسنجی شماره موبایل
- مدیریت خطاها و محدودیت ارسال کد
- امنیت مناسب برای جلوگیری از سوءاستفاده
- سازگاری کامل با ووکامرس قالب باید بهصورت کامل با ووکامرس سازگار باشد و تمامی صفحات و امکانات اصلی ووکامرس بهدرستی طراحی و پیادهسازی شوند، از جمله:
- صفحه فروشگاه
- صفحه دستهبندی محصولات
- صفحه محصول تکی
- سبد خرید
- تسویه حساب
- حساب کاربری
- لیست علاقهمندیها در صورت نیاز
- فیلتر محصولات
- مرتبسازی محصولات
- نمایش قیمت، موجودی، تخفیف، ویژگیها و مشخصات محصول
- هماهنگی کامل با ساختار ووکامرس و استانداردهای آن
- هماهنگسازی با سیستم چندفروشندگی از آنجایی که قصد راهاندازی فروش اقساطی داریم، قالب باید با سیستم چندفروشندگی هماهنگ باشد. لازم است امکان شرطگذاری وجود داشته باشد تا برخی امکانات، افزونهها یا قابلیتها فقط برای فروشندههای خاص فعال شوند. برای مثال:
- فعال شدن برخی قابلیتها فقط برای یک فروشنده مشخص
- امکان محدود کردن امکانات فروش اقساطی برای فروشندگان خاص
- سازگاری با ساختار چندفروشندگی
- بررسی و پیادهسازی شرطهای لازم بر اساس فروشنده، محصول یا نوع فروش
رعایت ساختار مناسب در کدنویسی و تقسیمبندی فایلها کدنویسی باید کاملاً ساختارمند و تمیز انجام شود. هر بخش باید در فایل یا سکشن مشخص خود قرار بگیرد تا توسعه، نگهداری و ویرایش قالب در آینده ساده باشد. از کدنویسی شلوغ، تکراری و غیراستاندارد باید پرهیز شود.
پیادهسازی کامل ۲۵ صفحه طراحیشده قالب شامل ۲۵ صفحه طراحیشده است و تمامی این صفحات باید بهصورت کامل، جزئی و مطابق طرح موجود پیادهسازی شوند. هیچ صفحهای نباید بهصورت ناقص یا صرفاً ظاهری تحویل داده شود. تمامی جزئیات طراحی، فاصلهها، تایپوگرافی، رنگبندی، ریسپانسیو بودن و عملکرد بخشها باید رعایت شود.
اصلاح بخشهای نمادین و هماهنگی با محیط واقعی سایت برخی از بخشها مانند اسلایدرها، بنرها، دادههای نمایشی، تصاویر نمونه، محصولات نمادین و قسمتهایی که در قالب HTML بهصورت استاتیک یا نمایشی طراحی شدهاند، باید اصلاح شوند و با محیط واقعی وردپرس، ووکامرس و فروشگاه هماهنگ شوند. این بخشها باید داینامیک و قابل مدیریت باشند.
رعایت کامل اصول Clean Code کلینکد بودن پروژه برای ما بسیار مهم است و یکی از شروط اصلی همکاری محسوب میشود. لازم است در تمام بخشهای پروژه موارد زیر رعایت شود:
- کدنویسی تمیز، خوانا و قابل توسعه
- نامگذاری استاندارد فایلها، کلاسها، توابع و متغیرها
- جلوگیری از کدهای تکراری
- رعایت استانداردهای وردپرس و ووکامرس
- جداسازی منطق، قالب و تنظیمات
- مستندسازی بخشهای مهم در صورت نیاز
- رعایت امنیت در فرمها، درخواستها و ارتباط با APIها
ریسپانسیو و سازگاری مرورگرها تمامی صفحات باید کاملاً ریسپانسیو باشند و در موبایل، تبلت، لپتاپ و دسکتاپ بهدرستی نمایش داده شوند. همچنین قالب باید با مرورگرهای اصلی مانند Chrome، Firefox، Safari و Edge سازگار باشد.
بهینهسازی سرعت و عملکرد قالب باید از نظر سرعت، حجم فایلها و عملکرد بهینه باشد. استفاده صحیح از فایلهای CSS و JS، جلوگیری از بارگذاریهای اضافی، رعایت اصول بهینهسازی تصاویر و ساختار مناسب کدها ضروری است.
امنیت و استانداردهای وردپرس در تمام بخشهای اختصاصی قالب، مخصوصاً ورود با شماره موبایل، پنل تنظیمات، فرمها و اتصال به IPPanel، باید اصول امنیتی وردپرس رعایت شود؛ از جمله:
- اعتبارسنجی و پاکسازی ورودیها
- استفاده از nonce در فرمها و درخواستها
- جلوگیری از درخواستهای غیرمجاز
- رعایت سطح دسترسی کاربران
- عدم ذخیرهسازی ناامن اطلاعات حساس
- تحویل نهایی و مستندات در پایان پروژه، قالب باید بهصورت کامل نصب، تست و تحویل داده شود. همچنین لازم است توضیحات لازم برای مدیریت بخشهای مختلف قالب، تنظیمات پنل، نحوه کار با ورود پیامکی و بخشهای اختصاصی ارائه شو
مهارتهای مورد نیاز
HTML
جاوا اسکریپت (JavaScript)
پی اچ پی (PHP)
وردپرس (WordPress)
سی اس اس (CSS)
