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

هر قالب وردپرس می‌تواند یک فایل فانکشن مخصوص به خود داشته باشد. این فایل یک اسکریپت PHP است که کدهای اضافه‌ای را برای قالب اجرا می‌کند.

فایل فانکشن قالب به چه درد می‌خورد؟

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

1. اضافه کردن قابلیت‌های جدید به سایت

می‌توانید از این فایل برای اضافه کردن امکاناتی مثل:

• منوی سفارشی
• ویجت‌ها
• پشتیبانی از تصاویر شاخص
• لوگوهای سفارشی

2. سفارشی‌سازی عملکرد وردپرس

فایل فانکشن به شما این امکان را می‌دهد که عملکردهای پیش‌فرض وردپرس را تغییر دهید. برای مثال:

• حذف نسخه وردپرس از هدر سایت
• غیرفعال کردن بلوک‌های گوتنبرگ
• تغییر متن پیش‌فرض در فرم نظرات

3. اضافه کردن اسکریپت‌ها و استایل‌ها

از طریق این فایل می‌توانید اسکریپت‌های جاوا اسکریپت یا استایل‌های CSS سفارشی را به قالب اضافه کنید. این کار با استفاده از فانکشن‌هایی مثل wp_enqueue_script و wp_enqueue_style انجام می‌شود.

4. ایجاد کدهای کوتاه (Shortcodes)

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

5. اتصال به API یا سیستم‌های خارجی

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

چگونه از فایل فانکشن استفاده کنیم؟

مرحله 1: پیدا کردن فایل

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

• از طریق پوشه فایل‌ها در هاست خود (File Manager یا FTP).
• از طریق ویرایشگر قالب در پیشخوان وردپرس:
  1. به بخش “نمایش” > “ویرایشگر قالب” بروید.
  2. فایل functions.php را پیدا کنید و باز کنید.

مرحله 2: اضافه کردن کد

هنگام اضافه کردن کد به فایل فانکشن، باید دقت کنید که:

• حتماً از کدهای PHP معتبر استفاده کنید.
• قبل از هر تغییری، از فایل خود نسخه پشتیبان تهیه کنید.

مثال ساده:

اگر بخواهید پشتیبانی از تصاویر شاخص را به قالب اضافه کنید، می‌توانید کد زیر را در فایل functions.php قرار دهید:

add_theme_support(‘post-thumbnails’);