آموزش نحوه اضافه کردن کد سفارشی در وردپرس

برای قرار دادن کد در وردپرس، سه روش وجود دارد:

اضافه کردن کد در فایل functions.php

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

برای ساخت تم فرزند می‌توانید از پلاگین WP Child Theme Generator استفاده کنید.

آموزش ساخت تم فرزند

1. نصب و فعال‌سازی افزونه: به پیشخوان وردپرس خود بروید و از مسیر افزونه‌ها > افزودن جدید اقدام به نصب افزونه WP Child Theme Generator کنید. پس از نصب، افزونه را فعال کنید.
2. انتخاب تم اصلی: به تنظیمات افزونه WP Child Theme Generator بروید. در بخش تنظیمات تم فرزند، تم اصلی مورد نظر خود را از لیست کشویی انتخاب کنید.
3. تنظیم اطلاعات تم فرزند: در این بخش می‌توانید اطلاعاتی مانند نام تم فرزند، توضیحات، آدرس وب‌سایت و نویسنده را برای تم فرزند خود مشخص کنید.
4. انتخاب گزینه‌های دلخواه: در بخش گزینه‌های پیشرفته می‌توانید
   • انتخاب کنید که آیا می‌خواهید فایل‌های style.css و functions.php به طور خودکار در تم فرزند ایجاد شوند یا خیر.
   • پیشوند نام کلاس‌ها را در فایل style.css تم فرزند مشخص کنید.
   • قالب‌های سفارشی را برای صفحات مختلف مانند صفحه اصلی، برگه‌ها و دسته‌بندی‌ها فعال کنید.
5. ایجاد تم فرزند: پس از تنظیم موارد دلخواه، بر روی دکمه “ایجاد تم فرزند” کلیک کنید. افزونه به طور خودکار تم فرزند را در پوشه /wp-content/themes/ ایجاد می‌کند.
6. فعال‌سازی تم فرزند: به بخش نمایش > پوسته‌ها در پیشخوان وردپرس بروید و تم فرزند خود را پیدا کنید. سپس بر روی دکمه “فعال‌سازی” کلیک کنید.

پس از ایجاد تم کودک، فایل functions.php را باز کنید و کد مورد نظر را در آن قرار دهید.
برای مثال، اگر می خواهید یک استایل جدید به وردپرس اضافه کنید، می توانید کد زیر را در این فایل قرار دهید:

function custom_styles() {
    ?>
    <style>
    <!--  کدهای سی‌اس‌اس اینجا قرار میگیرند -->
    </style>
    <?php
}
add_action('wp_footer', 'custom_styles');

اضافه کردن کد در وردپرس با کمک پلاگین

پلاگین‌هایی وجود دارند که امکان افزودن کد را در وردپرس بدون نیاز به تم فرزند به شما میدهند. پلاگین‌های رایگان Code Snippets و FluentSnippets دو تا از بهترین پلاگین‌ها در این زمینه هستند.
این روش برای کاربران تازه کار مناسب تر است زیرا نیازی به ویرایش فایل های تم ندارید.

پس از نصب و فعال سازی پلاگین Code Snippets، یک منوی جدید در پنل مدیریت وردپرس ایجاد می شود. از آنجا می توانید قطعه های کد جدید ایجاد کرده و کد مورد نظر خود را در آنجا قرار دهید.
پلاگین Fluent Snippets تولید شرکت تولیدکننده Fluent Forms است و برعکس Code Snippets که کدها را در دیتابیس نگهدای میکند آنهارا در فایلهای جداگانه نگهداری میکند و از نظر سرعت لود کمی سریعتر از Code Snippets است.

اضافه کردن کد در وردپرس با ساخت پلاگین اختصاصی

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

برای ساخت یک پلاگین جدید، ابتدا یک پوشه جدید در مسیر /wp-content/plugins/ ایجاد کنید. سپس یک فایل جدید با نام plugin-name.php در آن پوشه ایجاد کنید. در ابتدای این فایل، یک شناسه پلاگین (plugin header) قرار دهید که شامل اطلاعاتی مانند نام، نسخه و توضیحات پلاگین است.

پس از آن، می توانید کدهای سفارشی خود را در این فایل قرار دهید. برای مثال، اگر می خواهید یک بنر اطلاعیه در هدر سایت اضافه کنید، می توانید کد زیر را در فایل plugin-name.php قرار دهید:

<?php
/*
Plugin Name: MrNargil.ir Custom Button
Plugin URI: https://mrnargil.ir
Description: اضافه کردن اطلاعیه در هدر سایت
Version: 1.0
Author: Behzad Shahmiri
*/

add_action( 'wp_head', 'frontEndFunction' );
function frontEndFunction() { 
    if(!is_admin()) {
        ?>
<p>اطلاعیه جدید: ارسال تا روز یکشنبه رایگان است!</p>
         <?php


}}

انتخاب روش مناسب برای اضافه کردن کد در وردپرس بستگی به نیازها، سطح مهارت و گستره تغییرات مورد نظر دارد. اگر تغییرات کوچک و محدود هستند، استفاده از فایل functions.php تم فرزند یا پلاگین Code Snippets مناسب است. اما اگر تغییرات گسترده و پیچیده ای مد نظر است، ساخت یک پلاگین اختصاصی بهترین گزینه خواهد بود.
توسعه دهندگان حرفه ای معمولاً از روش سوم استفاده می کنند تا کنترل کامل بر کدهای خود داشته باشند و امکان گسترش و نگهداری آسان تر را داشته باشند.