چگونه به راحتی کد سفارشی را در وردپرس اضافه کنیم


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

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

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

چگونه به راحتی کد سفارشی را در وردپرس اضافه کنیم

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

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

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

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

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

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

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

افزونه WPCode Snippets Code

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

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

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

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

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

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

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

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

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

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

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

برای ایجاد یک قطعه سفارشی جدید، روی «افزودن جدید» در WPCode کلیک کنید

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

برای افزودن کد سفارشی، روی دکمه “استفاده از قطعه” در زیر گزینه “Add Your Custom Code (New Snippet)” کلیک کنید.

کد سفارشی را در WPCode اضافه کنید

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

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

اضافه کردن اولین قطعه کد

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

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

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

گزینه درج را برای قطعه کد انتخاب کنید

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

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

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

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

توضیحات کد و برچسب ها را اضافه کنید

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

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

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

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

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

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

قطعه کد را ذخیره و فعال کنید

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

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

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

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

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

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

رسیدگی به خطا در قطعه کد سفارشی شما

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

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

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

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

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

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

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

WPCode - قطعات وردپرس سازماندهی شده توسط برچسب ها

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

به سادگی به قطعه کد » ابزار و روی تب ‘Export’ کلیک کنید.

قطعه کد سفارشی خود را صادر کنید

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

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

قطعات کد را با WPCode وارد کنید

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

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





منبع