افزودن کد سفارشی به وردپرس با افزونه
احتمالا برای شما هم پیش آمده که بخواهید بخش‌هایی از سایت را با اضافه کردن کد، سفارشی سازی کنید؛ مثلا افزودن یک قطعه کد به فایل Function.php. اما برای اینکه از مشکلات احتمالی جلوگیری کنید بهتر است کدها را به صورت دستی وارد نکنید. در این مقاله راهکار بهتری ارائه داده‌ایم.

افزودن کدهای سفارشی به سایت‌ وردپرسی یکی از روش‌ها شخصی‌سازی و افزایش امکانات سایت است. اما این کار می‌تواند ریسک‌هایی مانند بروز خطا یا از دست رفتن تغییرات پس از به‌روزرسانی را به همراه داشته باشد. راه‌حل چیست؟ استفاده از افزونه‌های وردپرسی که علاوه بر ساده کردن فرآیند افزودن کد، مدیریت و ایمنی آن را تضمین می‌کنند. در این مقاله افزودن کد سفارشی به وردپرس را با افزونه Code Snippets آورده‌ایم.

چرا به افزودن کد سفارشی در وردپرس نیاز داریم؟

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

  • بهبود عملکرد: می‌توانید ویژگی‌هایی مانند تغییر تنظیمات پیش‌فرض یا بهینه‌سازی کدها را اضافه کنید.
  • شخصی‌سازی بیشتر: افزودن کد سفارشی به شما این امکان را می‌دهد تا سایت خود را دقیقا مطابق با نیازهای خود تنظیم کنید.
  • صرفه‌جویی در زمان: با استفاده از شورت‌کدها (Shortcodes) می‌توانید عملکردهای پیچیده را تنها با چند خط کد ساده به سایت اضافه کنید.

مشکلات رایج در افزودن کد سفارشی به صورت دستی

حتی ممکن است یک خطای کوچک در کد باعث خرابی کامل سایت شما شود. بهترین راه برای جلوگیری از این مشکل، استفاده از افزونه‌هایی مانند Code Snippets است که قبل از فعال‌سازی کدها، صحت و درستی آن‌ها را بررسی می‌کنند. سایر مشکلاتی که ممکن است با اضافه کردن کد سفارشی در وردپرس به صورت دستی داشته باشید، عبارتند از:

  • از دست رفتن تغییرات هنگام به‌روزرسانی قالب یا افزونه‌ها

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

  • مدیریت دشوار کدهای متعدد

زمانی که تعداد کدهای سفارشی شما زیاد شود، مدیریت و پیدا کردن کدهای خاص دشوار می‌شود. برای مدیریت بهتر، می‌توانید از افزونه‌هایی که امکان دسته‌بندی و برچسب‌گذاری کدها را فراهم می‌کنند، استفاده کنید.

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

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

نصب افزونه Code Snippets برای افزودن کد سفارشی به وردپرس

برای نصب این افزونه مراحل زیر را انجام دهید:

  • وارد پیشخوان وردپرس شوید.
  • از منوی سمت راست، به بخش افزونه‌ها > افزودن جدید بروید.
  • در کادر جستجوی افزونه‌ها، عبارت Code Snippets را وارد کنید.
  • افزونه Code Snippets را پیدا کرده و بر روی نصب و سپس فعال‌سازی کلیک کنید.

نصب و فعالسازی افزونه code Snippet برای اضافه کردن کد سفارشی به وردپرس

دسترسی به تنظیمات افزونه Code Snippets

  • پس از فعال‌سازی، گزینه Snippets به منوی مدیریت سمت چپ اضافه می‌شود.

فعالسازی افزونه code snippets در وردپرس

  • روی Snippets کلیک کنید تا به صفحه اصلی تنظیمات افزونه دسترسی پیدا کنید.
  • اگر این اولین بار است که از این افزونه استفاده می‌کنید، صفحه خالی خواهد بود.

افزودن کد جدید با افزونه Code Snippes

  • روی دکمه Add New در بالای صفحه کلیک کنید.

اضافه کردن کد جدید در وردپرس با افزونه

  • به صفحه‌ای منتقل می‌شوید که امکان افزودن شورت‌کد جدید وجود دارد.

تنظیم نام، کد و توضیحات برای شورت‌کد

  • یک نام مناسب برای کد خود انتخاب کنید. این کار به مدیریت آسان‌تر کدها در آینده کمک می‌کند.

2024 11 18 11 44 25

  • در بخش توضیحات، مشخص کنید که این کد چه کاری انجام می‌دهد و چرا اضافه شده است. می‌توانید جزئیاتی مانند نسخه وردپرس یا افزونه مربوطه را هم ذکر کنید.
  • در بخش کدنویسی، کد مورد نظر خود را وارد کنید. به‌عنوان مثال، کد زیر نسخه وردپرس را از پایین سایت حذف می‌کند.

2024 11 18 11 45 33

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 کلیک کنید، افزونه یک پیام خطا به شما نمایش می‌دهد که خطای موجود و خطی که در آن خطا رخ داده است را مشخص می‌کند. کافی است به عقب بازگردید و کد را اصلاح کنید.

اگر در شروع کار هستید و نیاز به یک آموزش پروژه محور دارید تا به خوبی کار با وردپرس را یاد بگیرید، در طراحی سایت با وردپرس به سرعت یاد میگیرید که چطور وبسایت‌هایی زیبا و کاربرپسند طراحی کنید.

دوره مرتبط
دوره طراحی سایت با وردپرس
دوره طراحی سایت با وردپرس
1080
دانشــجو

سایر پلاگین‌ها برای افزودن کد سفارشی در وردپرس

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

  1. افزونه Code Snippets Extended

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

  • پشتیبانی از کدهای CSS و JavaScript در کنار PHP.
  • مدیریت دسته‌بندی‌ها و برچسب‌های مختلف برای کدها.
  • امکان وارد کردن یا صادر کردن کدها به صورت فایل.

2. افزونه Shortcodes Ultimate

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

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

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

دوره مرتبط
آموزش برنامه نویسی وردپرس؛ طراحی قالب و افزونه
آموزش برنامه نویسی وردپرس؛ طراحی قالب و افزونه
1215
دانشــجو

با افزونه Code Snippets می‌توانید به‌راحتی کدهای سفارشی را در وردپرس مدیریت کنید، خطاها را کاهش دهید و قابلیت‌های جدیدی به سایت خود اضافه کنید. این افزونه به‌ویژه برای کسانی که می‌خواهند تغییرات جزئی در سایت خود اعمال کنند اما دانش عمیقی از برنامه‌نویسی ندارند، یک ابزار ایده‌آل است.

سوالات متداول:

چطور می توانیم کد نویسی در وردپرس را سریعا یاد بگیریم؟

با استفاده از دوره های مناسب و کاربردی مانند برنامه نویسی وردپرس می توانید استفاده از کد نویسی در وردپرس را یاد بگیرید و با  کدنویسی افزونه و قالب آشنا شوید وهر کدی که در سایت وردپرسی خود لازم دارید اضافه کنید.

 

6 پاسخ

  1. غیر از افزونه هایی که معرفی کردید دیگه چه افزونه هایی میتونیم استفاده کنیم؟

    0
    0
    1. درود روز بخیر
      از افزونه Simple Custom CSS and JS برای افزودن کدهای CSS و جاوااسکریپت و افزونه Insert Headers and Footers برای اضافه کردن کدها به بخش هدر یا فوتر سایت میتونید استفاده کنید.

      0
      0
  2. سلام روزتون بخیر، افزودن کدهای سفارشی به وردپرس میتونه به سایت آسیب بزنه؟

    0
    0
    1. درود روز شماهم بخیر
      بله، اگه کد به درستی نوشته نشده باشه یا تداخلی با سایر افزونه‌ها یا قالب‌ها داشته باشه، ممکنه سایت با خطا مواجه بشه. همیشه قبل از افزودن کد سفارشی به وردپرس، از سایت خود نسخه پشتیبان تهیه کنید.

      0
      0
  3. سلام وقت بخیر، اضافه کردن کد سفارشی به وردپرس با افزونه بهتره یا از طریق فایل functions.php اضافه کنیم بهتره؟

    0
    0
    1. درود وقت شماهم بخیر
      استفاده از افزونه امن‌تر و انعطاف‌پذیرتر است. تغییر مستقیم فایل functions.php ممکن است در به‌روزرسانی قالب از بین برود یا سایت را دچار مشکل کند.

      0
      0

دیدگاهتان را بنویسید

NINJABL30