افزودن کدهای سفارشی به سایت وردپرسی یکی از روشها شخصیسازی و ارتقای امکانات سایت است. اما این کار میتواند ریسکهایی مانند بروز خطا یا از دست رفتن تغییرات پس از بهروزرسانی را به همراه داشته باشد. راهحل چیست؟ استفاده از افزونههای وردپرسی که علاوه بر ساده کردن فرآیند افزودن کد، مدیریت و ایمنی آن را تضمین میکنند. در این مقاله افزودن کد سفارشی به وردپرس را با افزونه Code Snippets آوردهایم.
چرا به افزودن کد سفارشی در وردپرس نیاز داریم؟
کدهای سفارشی در وردپرس به شما این امکان را میدهند تا ویژگیهای خاصی را به سایت خود اضافه کنید که ممکن است در افزونهها یا تنظیمات پیشفرض وردپرس موجود نباشند.
- بهبود عملکرد: میتوانید ویژگیهایی مانند تغییر تنظیمات پیشفرض یا بهینهسازی کدها را اضافه کنید.
- شخصیسازی بیشتر: افزودن کد سفارشی به شما این امکان را میدهد تا سایت خود را دقیقا مطابق با نیازهای خود تنظیم کنید.
- صرفهجویی در زمان: با استفاده از شورتکدها (Shortcodes) میتوانید عملکردهای پیچیده را تنها با چند خط کد ساده به سایت اضافه کنید.
مشکلات رایج در افزودن کد سفارشی به صورت دستی
حتی ممکن است یک خطای کوچک در کد باعث خرابی کامل سایت شما شود. بهترین راه برای جلوگیری از این مشکل، استفاده از افزونههایی مانند Code Snippets است که قبل از فعالسازی کدها، صحت و درستی آنها را بررسی میکنند. سایر مشکلاتی که ممکن است با اضافه کردن کد سفارشی در ورئپرس به صورت دستی داشته باشید، عبارتند از:
-
از دست رفتن تغییرات هنگام بهروزرسانی قالب یا افزونهها
اگر کد سفارشی را مستقیماً در فایل functions.php قالب خود اضافه کنید، با هر بار بهروزرسانی قالب، این کدها از بین میروند. راهحل این مشکل استفاده از افزونههای مدیریت کد است.
-
مدیریت دشوار کدهای متعدد
زمانی که تعداد کدهای سفارشی شما زیاد شود، مدیریت و پیدا کردن کدهای خاص دشوار میشود. برای مدیریت بهتر، میتوانید از افزونههایی که امکان دستهبندی و برچسبگذاری کدها را فراهم میکنند، استفاده کنید.
آموزش اضافه کردن کد سفارشی در وردپرس با افزونه Code Snippets
در این بخش از آموزش افزودن کد سفارشی به وردپرس، نحوه نصب و استفاده از افزونه Code Snippets را برای افزودن کد سفارشی در وردپرس توضیح میدهیم. این افزونه یک ابزار بسیار کاربردی و کاربرپسند است که مدیریت کدهای سفارشی را آسان میکند و به جلوگیری از بروز خطاهای احتمالی کمک میکند. با این افزونه، شما میتوانید توضیحاتی برای هر شورتکد ایجاد کرده و در صورت اشتباه، پیامهای خطای مفیدی دریافت کنید.
نصب افزونه Code Snippets برای افزودن کد سفارشی به وردپرس
- وارد پیشخوان وردپرس شوید.
- از منوی سمت راست، به بخش افزونهها > افزودن جدید بروید.
- در کادر جستجوی افزونهها، عبارت Code Snippets را وارد کنید.
- افزونه Code Snippets را پیدا کرده و بر روی نصب و سپس فعالسازی کلیک کنید.
دسترسی به تنظیمات افزونه Code Snippets
- پس از فعالسازی، گزینه Snippets به منوی مدیریت سمت چپ اضافه میشود.
- روی Snippets کلیک کنید تا به صفحه اصلی تنظیمات افزونه دسترسی پیدا کنید.
- اگر این اولین بار است که از این افزونه استفاده میکنید، صفحه خالی خواهد بود.
افزودن کد جدید با افزونه Code Snippes
- روی دکمه Add New در بالای صفحه کلیک کنید.
- به صفحهای منتقل میشوید که امکان افزودن شورتکد جدید وجود دارد.
تنظیم نام، کد و توضیحات برای شورتکد
- یک نام مناسب برای کد خود انتخاب کنید. این کار به مدیریت آسانتر کدها در آینده کمک میکند.
- در بخش توضیحات، مشخص کنید که این کد چه کاری انجام میدهد و چرا اضافه شده است. میتوانید جزئیاتی مانند نسخه وردپرس یا افزونه مربوطه را هم ذکر کنید.
- در بخش کدنویسی، کد مورد نظر خود را وارد کنید. بهعنوان مثال، کد زیر نسخه وردپرس را از پایین سایت حذف میکند.
function wpb_remove_version() {
return ”;
}
add_filter(‘the_generator’, ‘wpb_remove_version’);
اضافه کردن تگ یا برچسب به کد سفارشی
در این قسمت از افزودن کد سفارشی به وردپرس، در بخش برچسبها، از کلمات کلیدی مرتبط استفاده کنید. بهعنوان مثال، میتوانید برچسبهایی مانند «Code Snippets»، «شورتکد» یا «سفارشیسازی وردپرس» اضافه کنید تا پیدا کردن و مدیریت کدها راحتتر باشد.
ذخیره و فعالسازی کد سفارشی
- پس از وارد کردن اطلاعات، روی Save Changes کلیک کنید تا کد ذخیره شود.
- برای فعالسازی کد، از گزینه Save Changes and Activate استفاده کنید.
مدیریت کدهای ذخیرهشده
- تمامی شورتکدهای ذخیرهشده در بخش Snippets نمایش داده میشوند.
-
- فعال یا غیرفعال کردن کدها: با استفاده از دکمه Activate/Deactivate.
- ویرایش کدها: با کلیک روی نام کد.
- حذف یا خروجی گرفتن: برای انتقال کدها به سایتهای دیگر.
رفع خطاهای احتمالی
در هنگام افزودن کد سفارشی به وردپرس اگر کدی را به اشتباه وارد کنید و روی Save Changes and Activate کلیک کنید، افزونه یک پیام خطا به شما نمایش میدهد که خطای موجود و خطی که در آن خطا رخ داده است را مشخص میکند. کافی است به عقب بازگردید و کد را اصلاح کنید.
سایر پلاگینها برای افزودن کد سفارشی در وردپرس
استفاده از پلاگینهای مخصوص یکی از بهترین روشها برای افزودن کد HTML، css به وردپرس است. این ابزارها نهتنها از ایجاد خطاهای احتمالی جلوگیری میکنند، بلکه مدیریت و مستندسازی کدها را آسانتر میسازند. در ادامه بهترین افزونههای ا آوردهایم.
-
افزونه Code Snippets Extended
این نسخه پیشرفتهتر افزونه Code Snippets امکانات بیشتری را ارائه میدهد. از جمله:
- پشتیبانی از کدهای CSS و JavaScript در کنار PHP.
- مدیریت دستهبندیها و برچسبهای مختلف برای کدها.
- امکان وارد کردن یا صادر کردن کدها به صورت فایل.
2. افزونه Shortcodes Ultimate
این پلاگین علاوه بر مدیریت کدها، مجموعهای از شورتکدهای از پیش ساختهشده را در اختیار شما قرار میدهد. برخی ویژگیهای این پلاگین عبارتاند از:
- ایجاد عناصر تعاملی مانند دکمهها، جداول و تبها.
- قابلیت اضافه کردن شورتکدهای سفارشی.
- پشتیبانی کامل از تنظیمات سفارشی.
اگر علاقمند هستید که به عنوان یک توسعه دهنده وردپرس بتوانید درآمد بیشتری از این سیستم مدیریت محتوا کسب کنید، با دوره برنامه نویسی وردپرس نحوه توسعه و طراحی انواع قالب و افزونه را فرا میگیرید.
با افزونه Code Snippets میتوانید بهراحتی کدهای سفارشی را در وردپرس مدیریت کنید، خطاها را کاهش دهید و قابلیتهای جدیدی به سایت خود اضافه کنید. این افزونه بهویژه برای کسانی که میخواهند تغییرات جزئی در سایت خود اعمال کنند اما دانش عمیقی از برنامهنویسی ندارند، یک ابزار ایدهآل است.
6 پاسخ
سلام وقت بخیر، اضافه کردن کد سفارشی به وردپرس با افزونه بهتره یا از طریق فایل functions.php اضافه کنیم بهتره؟
درود وقت شماهم بخیر
استفاده از افزونه امنتر و انعطافپذیرتر است. تغییر مستقیم فایل functions.php ممکن است در بهروزرسانی قالب از بین برود یا سایت را دچار مشکل کند.
سلام روزتون بخیر، افزودن کدهای سفارشی به وردپرس میتونه به سایت آسیب بزنه؟
درود روز شماهم بخیر
بله، اگه کد به درستی نوشته نشده باشه یا تداخلی با سایر افزونهها یا قالبها داشته باشه، ممکنه سایت با خطا مواجه بشه. همیشه قبل از افزودن کد سفارشی به وردپرس، از سایت خود نسخه پشتیبان تهیه کنید.
غیر از افزونه هایی که معرفی کردید دیگه چه افزونه هایی میتونیم استفاده کنیم؟
درود روز بخیر
از افزونه Simple Custom CSS and JS برای افزودن کدهای CSS و جاوااسکریپت و افزونه Insert Headers and Footers برای اضافه کردن کدها به بخش هدر یا فوتر سایت میتونید استفاده کنید.