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

مشکل این است که حتی کوچکترین اشتباه می تواند وب سایت شما را خراب کند.

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

مشکل قطعات سفارشی (و نحوه رفع آن)

اغلب در آموزش‌های وردپرس، تکه‌های کدی را می‌بینید که دستورالعمل‌هایی برای افزودن آن‌ها به فایل functions.php یا افزونه‌های سایت‌تان دارد.

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

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

مشکل دیگر این است که اگر چند قطعه کد را در یک افزونه مخصوص سایت اضافه کنید، مدیریت فایل ممکن است دشوار شود.

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

WPCode محبوب ترین افزونه قطعه کد است که توسط بیش از 1 میلیون وب سایت وردپرس استفاده می شود. این کار اضافه کردن قطعه کد در وردپرس را بدون نیاز به ویرایش فایل functions.php موضوع شما آسان می کند.

WPCode همچنین اضافه کردن کدهای ردیابی برای Google Analytics، Facebook Pixel، Google AdSense و موارد دیگر را به قسمت‌های هدر و پاورقی سایت شما آسان می‌کند.

شما هرگز نگران خراب شدن سایت خود نخواهید بود زیرا اعتبار سنجی قطعه کد هوشمند به شما کمک می کند از خطاهای رایج کد جلوگیری کنید.

علاوه بر این، WPCode دارای یک کتابخانه قطعه داخلی است که در آن می‌توانید همه کدهای محبوب وردپرس را پیدا کنید، مانند غیرفعال کردن REST API، غیرفعال کردن نظرات، غیرفعال کردن Gutenberg، امکان آپلود فایل‌های SVG و بسیاری موارد دیگر. این کار نیاز به نصب افزونه های جداگانه برای هر درخواست ویژگی را از بین می برد.

بهترین بخش این است که می توانید تمام کدهای خود را از یک صفحه مرکزی مدیریت کنید و برای سازماندهی آنها برچسب ها را اضافه کنید.

با این اوصاف، بیایید نگاهی به نحوه اضافه کردن آسان قطعه کد سفارشی در وردپرس با WPCode بیندازیم.

اضافه کردن قطعه کد سفارشی در وردپرس

اولین کاری که باید انجام دهید این است که افزونه WPCode را در وب سایت خود نصب و فعال کنید.

برای جزئیات بیشتر، راهنمای گام به گام ما در مورد نحوه نصب افزونه وردپرس را ببینید.

پس از فعال شدن، این افزونه یک آیتم منوی جدید با عنوان Code Snippets را به نوار مدیریت وردپرس شما اضافه می کند. با کلیک بر روی آن لیستی از تمام کدهای سفارشی که در سایت خود ذخیره کرده اید به شما نمایش داده می شود.

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

ادامه دهید و روی دکمه «افزودن جدید» کلیک کنید تا اولین قطعه کد سفارشی خود را در وردپرس اضافه کنید.

این شما را به صفحه Add Snippet می برد. در اینجا می توانید یک قطعه کد از کتابخانه از پیش ساخته شده انتخاب کنید یا کد سفارشی را اضافه کنید.

برای افزودن کد سفارشی، روی دکمه “استفاده از قطعه” در زیر گزینه “Add your custom code (new snippet)” کلیک کنید.

باید با وارد کردن عنوانی برای قطعه کد سفارشی خود شروع کنید. این ممکن است تمام چیزی باشد که به شما در شناسایی کد کمک می کند.

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

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

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

در زیر قسمت کد، گزینه های درج را مشاهده خواهید کرد. دو گزینه اصلی درج وجود دارد: درج خودکار و کد کوتاه (پیش‌فرض).

اگر روش “درج خودکار” را انتخاب کنید، قطعه به طور خودکار در سایت شما درج و اجرا می شود.

شما می توانید به طور خودکار قطعه را فقط در قسمت مدیریت وردپرس، در قسمت جلویی سایت خود یا هر جایی اجرا کنید. اگر مطمئن نیستید، گزینه پیش فرض «Play Snippet Everywhere» را انتخاب کنید.

با روش Shortcode قطعه به طور خودکار درج نمی شود. پس از اینکه قطعه را ذخیره کردید، یک کد کوتاه مختص قطعه دریافت خواهید کرد که می توانید در هر نقطه از سایت خود از آن استفاده کنید.

هنگامی که به پایین اسکرول می کنید، یک ناحیه “اطلاعات اولیه” را خواهید دید. در اینجا می توانید هر چیزی را اضافه کنید که به شما کمک کند بفهمید این کد چه کار می کند، کجا آن را پیدا کرده اید و چرا آن را به وب سایت خود اضافه می کنید.

شما همچنین می توانید برچسب ها را به قطعه کد خود اختصاص دهید. این به شما کمک می کند قطعه کد خود را بر اساس موضوع و عملکرد مرتب کنید.

فیلد اولویت به شما امکان می دهد تا زمانی که می خواهید چند قطعه را در یک مکان نمایش دهید، ترتیب اجرای قطعه ها را کنترل کنید. به‌طور پیش‌فرض، اولویت 10 به همه قطعه‌ها اختصاص داده می‌شود. اگر می‌خواهید یک قطعه زودتر از سایرین ظاهر شود، به سادگی اولویت قطعه را روی یک عدد کمتر، مثلاً 5 تنظیم کنید.

در نهایت، می‌توانید از بخش قدرتمند Smart Conditional Logic برای نمایش یا پنهان کردن قطعه‌های درج شده خودکار بر اساس مجموعه‌ای از قوانین استفاده کنید.

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

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

اگر می خواهید قطعه کد را نگه دارید و آن را فعال نکنید، فقط روی دکمه “ذخیره قطعه” کلیک کنید.

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

رسیدگی به خطا در کد کاربر

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

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

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

همچنین یک پیام خطای مفید را به شما نشان می دهد تا بتوانید خطا را برطرف کنید.

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

با نگه داشتن ماوس روی خطا، دستورالعمل‌هایی برای کمک به رفع آن ظاهر می‌شوند.

قطعات کد سفارشی را مدیریت کنید

افزونه WPCode یک رابط کاربری آسان برای مدیریت تکه کدهای سفارشی وردپرس شما فراهم می کند.

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

همچنین می‌توانید تکه‌های کد خاصی را صادر کنید یا همه آنها را به صورت انبوه صادر کنید.

فقط برو به قطعه کد » ابزار و روی تب Export کلیک کنید.

اگر وب‌سایت‌ها را به سرور دیگری منتقل می‌کنید، می‌توانید به راحتی قطعه کد خود را به سایت جدید وارد کنید.

فقط بازدید کنید کد قطعات » ابزار » واردات صفحه و فایل صادراتی را آپلود کنید.

امیدواریم این مقاله به شما کمک کند تا یاد بگیرید چگونه به راحتی کد سفارشی در وردپرس اضافه کنید. آیا می خواهید چند قطعه کد را در وب سایت خود آزمایش کنید؟ لیست ترفندهای فوق العاده مفید ما را برای فایل ویژگی های وردپرس بررسی کنید و فراموش نکنید که راهنمای نهایی ما برای افزایش سرعت سایت وردپرس خود را بررسی کنید.

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

پست چگونه به راحتی کد سفارشی را در وردپرس اضافه کنیم (بدون شکستن سایت) اولین بار در WPBeginner ظاهر شد.