پیاده‌سازی صفحهٔ اول سایت (Front-Page) — WordPress

---

شرح پروژه

 
شرح خدمات پیاده‌سازی صفحهٔ اول (Front-Page) — WordPress

توضیح اجمالی پیش‌نمایش:

باکس بالا سمت راست: نمای سایت فعلی (بارگذاری شده در iframe).

باکس بالا سمت چپ: اسلایدر با سه تصویر منتخب از کتابخانه وردپرس (قابل تغییر).

باکس پایین سمت راست: اطلاعیه و لینک معرفی سازمان (محتوای موقت تستی).

باکس پایین سمت چپ: دارای دو تب «رویدادهای فعال» و «رویدادهای آتی» – محتوای آزمایشی

هدر اختصاصی شامل لوگو ، عنوان و منوی آبشاری

باکس اطلاعیه‌ها: نمایش ۵اطلاعیه فعال بر اساس تاریخ انقضا

باکس رویدادهای آتی: نمایش ۵ رویداد با تاریخ آینده

اسلایدر تصاویر: نمایش ۳تا۵ تصویر اخیر با قابلیت آرشیو خودکار

پاورقی : اطلاعات تماس، لینک شبکه‌های اجتماعی و پیوندها

۱. موضوع قرارداد
پیاده‌سازی کامل «صفحهٔ اول» وب‌سایت سازمان مطابق تصویر پیوست (وایرفریم Low-fidelity و طرح اولیه موافقت‌شده) بر بستر WordPress (قالب بلاکی / Full-Site Editing یا قالب استاندارد قابل تنظیم) شامل کدنویسی قالب/تمپلیت، تنظیم محتوا، افزودن ماژول استان‌ها، اطلاعیه‌ها، شبکه‌های اجتماعی، و انجام کلیه تست‌های لازم تا رسیدن به معیارهای پذیرش.

 
۲. محدودهٔ کار (Scope of Work)
۱. تولید و نصب Template رسمی front-page (فایل front-page.html یا معادل PHP در قالب‌های غیر بلاکی) مطابق ساختار وایرفریم: Header، Hero، Services، Provinces (نقشه + selector)، Announcements (Query Loop)، Social، Footer.
۲. ایجاد Template Part مستقل برای «انتخاب استان» با منطق داینامیک (ACF / Custom Post Type یا شورت‌کد) و فرم انتخاب → هدایت به صفحهٔ استان.
۳. پیاده‌سازی شورت‌کدها / بلوک‌های لازم (در صورت نیاز): انتخاب استان، نمایش وضعیت کاربر نمونه، باکس شبکه‌های اجتماعی.
۴. استایل‌دهی CSS اختصاصی (فایل مجزا minified) مطابق فونت/رنگ‌های طرح: فونت فارسی استاندارد (مثلاً Vazirmatn / IRANSans)، راست‌چین کامل (RTL) و ریسپانسیو.
5. آماده‌سازی نسخهٔ ACF-Ready: تعریف فیلدها برای Provinces (کد استان، URL، ایمیل، لوگو).
6. پیاده‌سازی Query Loop برای اطلاعیه‌ها (۳ اعلان آخر، لینک «مشاهده بیشتر»).
7. بهینه‌سازی اولیهٔ عملکرد: فشرده‌سازی CSS/JS، lazy-load تصاویر، بهینه‌سازی تصاویر و آپلود WebP در صورت امکان.
8. پیکربندی SEO پایه: Title, Meta Description، Schema سازمانی (JSON-LD برای سازمان)، تولید sitemap.xml.
9. پیکربندی اولیهٔ SMTP برای ارسال ایمیل‌ها (تست فرم تماس).
10. پیکربندی پلاگین کش و توصیهٔ پیکربندی (LiteSpeed/ WP Rocket / W3TC / Redis) و یک تنظیم پیشنهادی برای CDN (اختیاری).
11. پیکربندی امنیتی پایه: فعال‌سازی SSL (در صورت نبود)، تنظیمات فایل‌پرمیژن، محدودیت تلاش ورود، پیشنهاد افزونه امنیتی.
12. تهیه بکاپ کامل قبل و بعد از نصب (فایل + DB) و آپلود بستهٔ نهایی در Google Drive یا تحویل از طریق روش توافقی.
13. مستندسازی کامل: راهنمای نصب، نحوهٔ سفارشی‌سازی استان‌ها (ACF)، مسیر فایل‌ها، و گزارش تست‌ها.

 
۳. خروجی‌های قابل تحویل (Deliverables)
قالب/تمپلیت Front-Page (فایل HTML/PHP یا Template Block) نصب‌شده و فعال در وردپرس.
Template Part: province-selector (کد PHP/HTML + JS مورد نیاز).
فولدر assets/ شامل CSS، JS، فونت‌های لازم و تصاویر بهینه‌شده.
فایل شورت‌کد/پلاگین کوچک در صورت نیاز (irancto-frontpage.zip).
فایل ZIP بکاپ قبل از نصب و پس از نصب (فایل + DB).
فایل مستندات (PDF) شامل: فهرست فایل‌ها، نحوهٔ نصب، نحوهٔ افزودن استان، نکات امنیتی، لیست پلاگین‌های مورد استفاده و تنظیمات پیشنهادی.
گزارش تست (Lighthouse / PageSpeed / موارد امنیتی) و نتایج آزمایش‌‌ها.
لینک Google Drive یا دانلود مستقیم از طریق FTP/SFTP.
 
۴. مشخصات فنی و الزامات پیاده‌سازی
WordPress: آخرین نسخه پایدار توصیه‌شده (۶.x+)
PHP: نسخهٔ سازگار توصیه‌شده (مثلاً 8.0+ — مطابق میزبان)
MySQL / MariaDB: نسخهٔ مدرن پشتیبانی‌شده
پرمترهای عملکرد (هدف):زمان بارگذاری کامل صفحه (Fully Loaded) ≤ ۳ ثانیه روی اتصال 4G (تست Lighthouse / GTmetrix / WebPageTest)
Google PageSpeed Insights: Desktop ≥ 85، Mobile ≥ 65 (یا معادل توافقی)
ریسپانسیو: مطابقت کامل با موبایل و تبلت (نمایش و عملکرد بررسی شود)
فونت: Vazirmatn یا IRANSans (فونت‌های وب استاندارد فارسی؛ فایل فونت در assets قرار گیرد یا از CDN معتبر بارگذاری شود)
URL structure: پیوندهای یکتا با Slug خوانا؛ canonical و breadcrumbs صحیح.
سازگاری: با پلاگین‌های رایج SEO (Yoast/RankMath)، کش و امنیت.
کدنویسی: HTML5، ARIA attributes برای دسترس‌پذیری پایه، خروجی امن (esc_html, esc_attr) در PHP.
نقشه سایت و سرچ کنسول: sitemap.xml تولید و راهنمای ثبت در Google Search Console تحویل داده شود.
پیکربندی ایمیل: SMTP تنظیم و تست شود (ارسال ایمیل تستی از فرم تماس).
پلاگین‌های پیشنهادی: (نمونه، قابل مذاکره) ACF Pro، WP-Rocket / LiteSpeed / W3TC، WP-Mail-SMTP، UpdraftPlus، Wordfence یا iThemes Security، Yoast/RankMath.
 
۵. معیارهای پذیرش و تست (Acceptance Criteria)
پروژه زمانی به‌صورت رسمی تحویل‌پذیر اعلام می‌شود که کلیه موارد زیر کنترل و تأیید شوند:

الف) ظاهری و کاربردی
صفحهٔ اول مطابق وایرفریم از نظر چینش بخش‌ها، عناوین و CTAها پیاده‌سازی شده باشد.
فونت‌ها و رنگ‌ها مطابق طرح (یا تجویز کارفرما) اعمال شده باشند.
منوها و لینک‌های هدر و فوتر کار کنند.
فرم انتخاب استان کار کند و هنگام انتخاب استان به URL تعیین‌شده هدایت کند.
اطلاعیه‌ها (3 مورد) از طریق Query Loop نمایش داده شوند.
ب) ریسپانسیو و دسترس‌پذیری
صفحه در نمای موبایل و تبلت تطابق منطقی داشته باشد (منو همبرگری، دکمه‌ها قابل لمس).
عناصر قابل کلیدپذیری (Tab order) و رنگ کنتراست حداقل WCAG AA برای متن‌های مهم رعایت شود.
ج) عملکرد و امنیت
Page fully loaded ≤ 3s روی اتصال 4G در ابزار منتخب (نتیجه گزارش تحویل شود).
SSL فعال و redirect روی HTTPS برقرار باشد.
پلاگین امنیتی فعال و تنظیمات اولیه اعمال شده باشد (limit login attempts, file permissions بررسی شده).
بکاپ قبل/بعد موجود و لینک دانلود ارائه شده باشد.
د) تحویل مستندات
سند راهنمای نصب، راهنمای افزودن/ویرایش استان، و لیست فایل‌ها به‌صورت PDF ارائه شود.
گزارش تست Lighthouse / GTmetrix و گزارش ارسال ایمیل تست ضمیمه باشد.
امضای کارفرما یا تأیید ایمیلی پس از بررسی موارد فوق معیار پذیرش رسمی است.

 
۶. فرآیند تحویل و تحویل نهایی
۱. تحویل مرحله‌ای (Staging): مجری قالب و افزونه‌ها را در محیط شبیه‌ساز یا staging نصب می‌کند و لینک تست تحویل می‌دهد.
۲. بررسی کارفرما و اعلام بازخورد (یک‌مرتبه بررسی کلی) — هرگونه اصلاحات ساختاری جزئی در چارچوب scope انجام شود.
۳. پس از تأیید در staging، مجری نسخهٔ نهایی را روی سرور production نصب یا فایل ZIP و دستورالعمل‌ها را تحویل می‌دهد (روش تحویل بنا بر توافق).
۴. ارائه بکاپ نهایی و مستندات و گزارش تست.

تذکر مهم: برای نصب مستقیم روی سرور اصلی، کارفرما باید دسترسی‌های موقت (WP-Admin with Admin role or FTP/SFTP + cPanel credentials) را فراهم کند یا مجری راهنمای نصب را اجرا کند.
 
۷. تعهدات فنی و پشتیبانی پس از تحویل
مجری تضمین می‌کند که کد تولیدشده عاری از باگ‌های شناخته‌شده مرتبط با scope باشد.
ارائه یک دورهٔ پشتیبانی فنی جهت رفع باگ‌های بحرانی مرتبط با پیاده‌سازی صفحهٔ اول و تنظیمات پایه (مدت و شرایط قابل توافق).
انتقال آموزش پایه (نحوهٔ افزودن استان، تغییر متن Hero، گذاشتن اطلاعیه) به نمایندهٔ کارفرما (جلسهٔ آنلاین یا سند آموزشی).
دورهٔ پشتیبانی و نرخ ساعتی پس از آن باید در قرارداد مشخص شود.
 
۸. موارد خارج از محدوده (در صورت نیاز جداگانه قیمت‌گذاری می‌شود)
توسعه ماژول‌های پیچیدهٔ گزارش‌گیری تحلیلی یا داشبورد مدیریتی خارج از این scope است.
توسعه اپ موبایل یا سرویس پیام‌رسان اختصاصی (Integration پیچیده با APIهای ثالث) مشمول قرارداد جداگانه است.
ترجمه یا تولید محتوا (متن‌های اطلاعیه‌ها، محتوای حقوقی) مگر به‌صورت صریح توافق‌شده، در این شرح خدمات نیست.
 
۹. دسترسی‌ها و اطلاعات مورد نیاز از کارفرما (برای آغاز کار)
۱. دسترسی به هاست/FTP یا cPanel (موقت) یا دسترسی WP-Admin با نقش Administrator.
۲. دسترسی DNS / SSL (در صورت نیاز به نصب/فعال‌سازی گواهی).
۳. اطلاعات Google Drive / ایمیل جهت آپلود و ارسال بکاپ (در صورت درخواست).
۴. لیست استان‌ها یا فایل اکسل (در صورت وجود) برای importer.
۵. اطلاعات SMTP (سرور، پورت، نام کاربری، رمز) یا اجازهٔ ایجاد اکانت ارسال ایمیل.

 
۱۰. نکات قراردادی پیشنهادی (قابل درج در قرارداد)
پرداخت در فازهای مشخص (مثلاً ۳۰٪ پیش‌پرداخت، ۴۰٪ پس از تست در staging، ۳۰٪ پس از تحویل نهایی) — (درصدها قابل مذاکره).
مجری مسئول تهیه بکاپ پیش از هر تغییر ساختاری در production است.
هرگونه تغییر خارج از Scope باید به‌صورت Change Order و با قیمت و زمان مجزا تایید شود.
مجری موظف به حفظ محرمانگی اطلاعات دسترسی و دیتاهای سایت است.
 
جمع‌بندی سریع (چک‌لیست خلاصه برای پیمانکار)
[ ] تولید Template front-page مطابق وایرفریم
[ ] Template Part استان با ACF (داینامیک)
[ ] استایل RTL و فونت فارسی استاندارد
[ ] ریسپانسیو موبایل/تبلت — بررسی در DevTools و دستگاه‌های واقعی
[ ] Page load ≤ 3s — گزارش Lighthouse / GTmetrix
[ ] SSL فعال، SMTP تست‌شده، sitemap.xml و Search Console آماده
[ ] بکاپ پیش/پس و مستندات فنی تحویل‌شده
[ ] تحویل در staging → بررسی کارفرما → نصب یا تحویل ZIP نهایی
 

این پروژه شامل 2 فایل مهم است، لطفا قبل از ارسال پیشنهاد حتما نسبت به بررسی این فایل اقدام فرمایید.

مهارت ها و تخصص های مورد نیاز

---

---