پرش به محتوای اصلی
علی فاتحی

طراحی سایت وردپرس

سایت وردپرسی با قالب اختصاصی و بدون page builder — سبک، قابل نگهداری و با ساختار سئوی درست از روز اول.

چه چیزی تحویل می‌گیرید

  • قالب اختصاصی نوشته‌شده با هسته وردپرس، بدون وابستگی به page builder
  • پنل مدیریت محتوای ساده با فیلدهای سفارشی برای هر نوع محتوا
  • ساختار هدینگ، اسکیما و متادیتای درست در سطح قالب
  • طراحی ریسپانسیو با اولویت موبایل و رعایت دسترس‌پذیری
  • بهینه‌سازی پایه سرعت: تصاویر، فونت‌ها، و کمینه‌کردن اسکریپت
  • آموزش تصویری کوتاه برای مدیریت محتوا

روند کار

  1. ۱

    تعریف ساختار محتوا

    قبل از طراحی، مشخص می‌کنیم سایت چه نوع محتوایی دارد و هر کدام چه فیلدهایی لازم دارند. ساختار درست محتوا، هم سئو را ساده می‌کند و هم نگهداری را.

  2. ۲

    قالب‌نویسی اختصاصی

    قالب از صفر نوشته می‌شود؛ فقط همان چیزی که لازم است لود می‌شود. نتیجه: صفحه‌ای که با چند ده کیلوبایت CSS و JS کار می‌کند، نه چند مگابایت.

  3. ۳

    تحویل و آموزش

    سایت با محتوای واقعی تحویل می‌شود، نه با متن نمونه. یک جلسه کوتاه هم برای اینکه خودتان بتوانید محتوا را مدیریت کنید.

وردپرس مشکل نیست؛ روش استفاده از آن مشکل است

وردپرس بدنامی‌اش بابت کندی را از خودش نگرفته. یک نصب تمیز وردپرس با یک قالب ساده، در چند صد میلی‌ثانیه جواب می‌دهد. چیزی که سایت را سنگین می‌کند، معمولاً این ترکیب است: یک قالب چندمنظوره که برای همه‌جور سایتی نوشته شده، به‌علاوه یک page builder، به‌علاوه بیست افزونه که هر کدام بخشی از کار قالب را انجام می‌دهند.

من از سمت مخالف شروع می‌کنم: قالب دقیقاً همان چیزی را دارد که سایت شما لازم دارد.

ساختار محتوا، نه صفحه

بیشتر پروژه‌ها از اینجا خراب می‌شوند که «صفحه» طراحی می‌شود، نه «نوع محتوا». تفاوتش وقتی معلوم می‌شود که بخواهید محتوای پنجاهم را اضافه کنید.

// یک نوع محتوای اختصاصی با فیلدهای مشخص، به‌جای
// چیدن دستی همان بلوک‌ها در هر صفحه.
register_post_type( 'project', [
    'label'        => 'پروژه‌ها',
    'public'       => true,
    'has_archive'  => true,
    'rewrite'      => [ 'slug' => 'projects', 'with_front' => false ],
    'supports'     => [ 'title', 'editor', 'thumbnail', 'excerpt' ],
    'show_in_rest' => true,
] );

وقتی محتوا ساختار دارد، خروجی گرفتن از آن — برای سایت، برای اسکیما، برای فید، یا فردا برای یک اپلیکیشن موبایل — کار چند خط است.

چه چیزی در قالب نمی‌گذارم

  • jQuery مگر اینکه افزونه‌ای واقعاً لازمش داشته باشد.
  • فونت ریموت. فونت‌ها لوکال و با font-display: swap سرو می‌شوند.
  • CSS framework کامل. فقط همان چیزی که استفاده می‌شود.
  • اسکریپت‌های تبلیغاتی و ترکینگ در wp_head بدون بررسی اثرشان روی INP.

دسترس‌پذیری هم بخشی از کار است

کنتراست در سطح AA، فوکوس قابل رؤیت روی همه عناصر تعاملی، ناوبری کامل با کیبورد و ساختار هدینگ درست. این‌ها نه هزینه اضافه‌اند و نه زمان اضافه — اگر از اول رعایت شوند. اگر بعداً بخواهید اضافه‌شان کنید، تقریباً یعنی بازنویسی.

نمونه‌کارهای این خدمت

  • پزشکی و سلامت۲۰۲۶

    طراحی سایت پزشکی برای دکتر کامران کردی، متخصص ارتوپدی

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

    گروه خدمات با مسیر جداگانه
    ۴
    مشاهده سایت

    خواندن کیس‌استادی

  • فناوری پرتویی و تجهیزات پزشکی۲۰۲۶

    وب‌سایت سازمانی و فروشگاهی پایشگران پرتو دانش

    پایشگران پرتو دانش به بستری نیاز داشت که خدمات مهندسی، تجهیزات تخصصی، دوره‌های آموزشی و پروژه‌های سازمانی را در یک تجربه منسجم ارائه کند؛ بدون اینکه کاربر میان محتوای شرکتی و فروشگاه گم شود.

    بخش اصلی زنجیره ارزش
    ۵
    مشاهده سایت

    خواندن کیس‌استادی

  • پرده و دکوراسیون داخلی۲۰۲۶

    طراحی رابط سایت فروشگاه پرده با کاتالوگ و فرم محاسبه قیمت

    خرید پرده به ابعاد پنجره وابسته است و مشتری قبل از تماس می‌خواهد مدل‌ها را ببیند و تخمینی از هزینه داشته باشد. صفحه‌ای که فقط عکس نشان بدهد، این دو سؤال را بی‌جواب می‌گذارد.

    دسته محصول با کاتالوگ جداگانه
    ۴

    خواندن کیس‌استادی

  • تجهیزات اداری و تولید صنعتی۲۰۲۵

    وب‌سایت و قالب وردپرس فروشنده تجهیزات مهر برقی گلپیران

    محصولی تخصصی مثل دستگاه مهر برقی باید هم ویژگی‌های فنی را روشن توضیح دهد و هم برای خرید تکی، خرید سازمانی و همکاری عمده مسیر جدا داشته باشد. یک صفحه ساده محصول به‌تنهایی برای این تصمیم کافی نبود.

    مدل دستگاه با صفحه محصول مستقل
    ۲

    خواندن کیس‌استادی

سؤال‌های پرتکرار

چرا از المنتور یا قالب آماده استفاده نمی‌کنید؟

برای سایت‌های ساده و بودجه‌های کم، page builder انتخاب بدی نیست و صادقانه همین را پیشنهاد می‌دهم. ولی اگر سرعت و کنترل برایتان مهم است، هر page builder ده‌ها کیلوبایت CSS و JS اضافه می‌آورد که نمی‌شود حذفش کرد.

بعداً خودم می‌توانم محتوا را عوض کنم؟

بله. تمام محتوای متنی و تصویری از پنل وردپرس قابل ویرایش است. چیزی که قفل می‌شود، ساختار و چیدمان است — دقیقاً برای اینکه سایت به‌مرور خراب نشود.

میزبانی و دامنه هم شامل می‌شود؟

نه، ولی در انتخاب هاست مناسب کمک می‌کنم و راه‌اندازی روی هاست شما بخشی از کار است.

اگر بعداً بخواهم فروشگاه اضافه کنم چه؟

قالب طوری نوشته می‌شود که افزودن ووکامرس بازنویسی نخواهد. این را از ابتدا در نظر می‌گیرم اگر بدانم در نقشه راه شما هست.

مطمئن نیستید کدام یکی است؟

کافی است بنویسید چه مشکلی دارید. تشخیص اینکه کار در کدام دسته می‌افتد با من.

شروع یک پروژه