توسعه قالب وردپرس با کدنویسی و قالب فرزند

توسعه قالب وردپرس با کدنویسی یعنی تغییر ساختار و رفتار قالب سایت به روشی که با به‌روزرسانی قالب از بین نرود: از طریق قالب فرزند (Child Theme)، فایل‌های قالب‌بندی، بلوک‌های اختصاصی ویرایشگر و هوک‌های وردپرس. این کار با نصب و تنظیم یک قالب آماده فرق دارد و به برنامه‌نویس نیاز دارد.

دولوپر وب نصب قالب آماده، ترجمه یا راست‌چین کردن قالب را انجام نمی‌دهد؛ کار ما در قالب، برنامه‌نویسی است. در این مقاله توضیح می‌دهیم سفارشی‌سازی قالب با کد چه روش‌هایی دارد، کدام روش برای چه نیازی مناسب است و چه اشتباهاتی سایت را آسیب‌پذیر می‌کند.

قالب وردپرس از چه بخش‌هایی تشکیل شده است؟

قالب مجموعه‌ای از فایل‌هاست که تعیین می‌کند محتوا چطور نمایش داده شود. وردپرس برای هر صفحه بر اساس «سلسله‌مراتب قالب» (Template Hierarchy) فایل مناسب را پیدا می‌کند؛ مثلاً برای یک نوشته اول دنبال single-post.php و بعد single.php می‌گردد. بخش‌های اصلی یک قالب:

• فایل‌های قالب‌بندی: ساختار صفحه اصلی، نوشته‌ها، برگه‌ها، آرشیوها و جستجو.
• functions.php: ثبت امکانات قالب، فهرست‌ها، اندازه تصاویر و بارگذاری استایل و اسکریپت.
• استایل‌ها و اسکریپت‌ها: ظاهر و رفتار سمت مرورگر.
• theme.json: در قالب‌های بلوکی، تنظیمات رنگ، تایپوگرافی و فاصله‌ها به‌صورت متمرکز.

جزئیات رسمی این ساختار در راهنمای رسمی توسعه قالب وردپرس آمده است.

قالب فرزند چیست و چرا نباید قالب اصلی را ویرایش کرد؟

قالب فرزند یک قالب کوچک است که همه‌چیز را از قالب اصلی (والد) به ارث می‌برد و فقط بخش‌هایی را که تغییر داده‌اید بازنویسی می‌کند. وقتی قالب والد به‌روزرسانی می‌شود، تغییرات شما در قالب فرزند سالم می‌ماند.

ویرایش مستقیم فایل‌های قالب اصلی ساده‌تر به نظر می‌رسد، اما با اولین به‌روزرسانی همه تغییرات پاک می‌شود. نتیجه معمولاً این است که صاحب سایت به‌روزرسانی را عقب می‌اندازد و سایت با نسخه قدیمی و آسیب‌پذیر قالب می‌ماند. برای ریسک‌های امنیتی این وضعیت، مقاله امنیت وردپرس را ببینید.

چه روش‌هایی برای سفارشی‌سازی قالب با کدنویسی وجود دارد؟

بازنویسی فایل‌های قالب در قالب فرزند

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

هوک‌ها و فیلترها

بسیاری از تغییرات بدون کپی کردن فایل و فقط با اتصال به هوک‌های قالب و وردپرس انجام می‌شود؛ مثلاً افزودن یک بخش به انتهای نوشته‌ها یا تغییر متن یک دکمه. این روش سبک‌تر است و در به‌روزرسانی‌ها کمتر مشکل‌ساز می‌شود.

بلوک‌های اختصاصی ویرایشگر

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

بهینه‌سازی کارایی قالب

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

کدام تغییر در قالب و کدام در افزونه انجام شود؟

قاعده ساده است: هر چیزی که به ظاهر مربوط است در قالب، و هر چیزی که به داده و منطق کسب‌وکار مربوط است در افزونه. اگر قابلیتی را در قالب بنویسید، با عوض کردن قالب از دست می‌رود.

برای بخش افزونه‌ای کار، صفحه طراحی افزونه وردپرس اختصاصی را ببینید.

اشتباهات رایج در تغییر قالب وردپرس

• ویرایش قالب اصلی به‌جای قالب فرزند: تغییرات با به‌روزرسانی پاک می‌شود.
• گذاشتن منطق کسب‌وکار در functions.php: با تغییر قالب، امکانات سایت هم از بین می‌رود.
• افزودن کتابخانه‌های سنگین برای یک جلوه کوچک: سرعت صفحه قربانی یک انیمیشن می‌شود.
• تست نکردن در موبایل: بیشتر بازدیدها از موبایل است و تغییری که در دسکتاپ درست است، ممکن است چیدمان موبایل را بشکند.
• کار روی سایت زنده: هر تغییر باید اول روی نسخه آزمایشی تست شود.

پرسش‌های متداول درباره توسعه قالب وردپرس

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

خیر. نصب، ترجمه و راست‌چین کردن قالب آماده جزو خدمات ما نیست. کار ما در قالب، برنامه‌نویسی است: قالب فرزند، بلوک اختصاصی، تغییرات ساختاری و بهینه‌سازی کارایی در سطح کد.

آیا با به‌روزرسانی قالب، تغییرات کدنویسی‌شده از بین می‌رود؟

اگر تغییرات در قالب فرزند یا افزونه جداگانه نوشته شده باشد، خیر. فقط وقتی قالب والد ساختار خود را اساساً عوض کند، ممکن است بخشی از قالب فرزند به بازبینی نیاز داشته باشد که آن را قبل از به‌روزرسانی روی نسخه آزمایشی تست می‌کنیم.

قالب کلاسیک بهتر است یا قالب بلوکی؟

قالب بلوکی ویرایش ظاهر را برای مدیر سایت ساده‌تر می‌کند و تنظیمات را در theme.json متمرکز می‌کند. قالب کلاسیک در سایت‌های قدیمی‌تر رایج است و همچنان پشتیبانی می‌شود. انتخاب به قالب فعلی سایت و نیاز تیم محتوا بستگی دارد.

سفارشی‌سازی قالب روی سئو تأثیر دارد؟

بله. ساختار عنوان‌ها، سرعت بارگذاری و نسخه موبایل مستقیماً روی سئو اثر دارند. تغییرات قالب را طوری انجام می‌دهیم که یک H1 در هر صفحه بماند، منابع اضافه بارگذاری نشود و چیدمان موبایل سالم باشد.