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

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

pastingcodesnippets

 

چرا قطعه کد را به سایت وردپرس خود اضافه کنید؟

وردپرس به دلیل انعطاف پذیری که ارائه می دهد بهترین وب سایت ساز در جهان است. اضافه کردن ویژگی ها و قابلیت های جدید به وب سایت وردپرس بسیار آسان است.

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

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

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

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

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

بعضی اوقات ممکن است دستورالعمل هایی برای افزودن قطعه کد در قالب های قالب WordPress مانند index.php ، single.php ، header.php و موارد دیگر پیدا کنید. این قطعه های کد فقط در آن الگوهای خاص مفید هستند ، بنابراین شما باید آنها را مستقیماً به پرونده های تم خود اضافه کنید یا یک طرح زمینه کودک ایجاد کنید .

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

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

۱. از افزونه Code Snippets WordPress استفاده کنید

addingcode 1

 

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

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

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

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

۲. یک تم کودک برای ذخیره کد سفارشی ایجاد کنید

childtheme

 

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

برای جزئیات بیشتر ، به راهنمای ما در مورد نحوه ایجاد قالب کودک در وردپرس مراجعه کنید .

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

۳. از یک افزونه خاص سایت برای کد سفارشی استفاده کنید

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

مزیت این روش این است که کد شما به موضوع شما وابسته نیست و حتی در تغییر تم ها نیز فعال خواهد ماند. همچنین هیچ به روزرسانی وردپرس در وب سایت شما تحت تأثیر قرار نمی دهد.

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

توجه: این روش فقط برای قطعه کدی قابل استفاده است که باید در پرونده توابع اضافه شود.

۴- کد را مستقیماً به پرونده توابع اضافه کنید

افزودن قطعه کد در پرونده functions.php طرح زمینه شما اشکالی ندارد. با این حال ، موارد منفی نیز در آن وجود دارد.

  • با به روزرسانی قالب وردپرس ، تغییرات شما از بین می رود
  • کد شما فقط در صورت استفاده از آن تم خاص کار خواهد کرد

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

چگونه پرونده های وردپرس را ویرایش کنیم؟

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

۱. افزودن کد سفارشی در افزونه Code Snippets

اگر از افزونه Code Snippets استفاده می کنید ، به راحتی می توانید قطعه کد را از قسمت مدیریت وردپرس اضافه کنید. برای افزودن کد سفارشی خود کافیست به Snippets »Add New page » بروید .

snippets 1

 

۲. افزودن کد سفارشی در پلاگین وردپرس مخصوص سایت

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

plugineditor 1

 

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

پس از پایان کار ، بر روی دکمه “به روز رسانی پرونده” کلیک کنید تا تغییرات خود را ذخیره کنید.

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

روش دیگر برای افزودن کد سفارشی در یک پلاگین خاص سایت با استفاده از FTP است.

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

editpluginfile 1

 

۳. افزودن کد سفارشی به توابع.php یا سایر الگوهای تم

اگر در حال اضافه کردن قطعه کد به پرونده functions.php یا هر الگوی دیگری از طرح زمینه خود هستید ، می توانید با مراجعه به Appearance »Editor به طور مستقیم کد را اضافه کنید . می توانید فایلی را که می خواهید کد را از ستون سمت راست اضافه کنید ، انتخاب کنید.

همچنین بخوانید:   دسته ها در مقابل برچسب ها - بهترین روشهای جستجوگرها برای مرتب سازی محتوای شما

theme editor 1

 

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

یک روش جایگزین بهتر استفاده از FTP برای افزودن کد سفارشی در پرونده های تم است. به سادگی سرویس گیرنده FTP خود را به وب سایت خود متصل کرده و به / wp-content / themes / your-theme-folder / بروید و روی پرونده ای که نیاز به ویرایش دارد کلیک راست کنید.

editviaftp
گزینه View / Edit file را انتخاب کنید تا پرونده در ویرایشگر متن باز شود.

عیب یابی خطاهای PHP هنگام افزودن کد سفارشی

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

۱. استفاده نادرست از برچسب های شروع و پایان PHP

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

۱
۲
۳
۴
۵
۶
۷
// PHP Begin Tag
<?php
// Rest of the code goes here
// PHP End Tag
?>

همه کد PHP شما باید داخل برچسب ها <?phpو ?>باشد.

برچسب پایان PHP در پرونده هایی که در HTML به عقب و جلو می روند اهمیت بیشتری پیدا می کند. این شامل اکثر پرونده های تم وردپرس است که از برچسب های PHP در کنار HTML استفاده می کنند.

شما باید اطمینان حاصل کنید که اگر کد خود را در محلی که برچسب شروع PHP بسته نشده است جای گذاری می کنید ، باید کد خود را بدون برچسب PHP شروع کنید.

۱
۲
۳
۴
۵
۶
<?php
// Some pre-existing code
// your custom code
?>

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

۱
۲
۳
۴
۵
۶
۷
۸
<?php
// Some pre-existing code
?>
// Your custom code snippet
<?php
?>

تقریباً ۹۰٪ تمام خطاها ناشی از نادرست قرار دادن برچسب های پایان یا شروع PHP است. مطالعه کد به شما امکان می دهد درک کنید که آیا لازم است برچسب های شروع یا پایان PHP را در قطعه کد سفارشی خود اضافه کنید یا خیر.

بسیاری از پرونده های قالب وردپرس به ویژه فایل توابع.php ممکن است اصلاً دارای برچسب پایان PHP نباشند. این بدان معنی است که می توانید بدون برچسب های شروع یا پایان ، کد خود را در پایین پرونده اضافه کنید.

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
<?php
// Lots of code in your theme's functions file
//
//
// Your custom code
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

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

۱
۲
۳
۴
۵
۶
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
add_action('login_head', 'custom_loginlogo');

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

۲. اشتباهات لانه سازی نادرست

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

به عنوان مثال ، در اینجا یک عملکرد ساده PHP وجود دارد:

۱
۲
۳
۴
۵
<?php
function wpbeginner_tutorial() {
echo "Hello World!";
}
?>

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

۱
۲
۳
۴
۵
۶
۷
۸
۹
۱۰
۱۱
۱۲
// Pre-existing code in your theme file
<?php
function wpbeginner_tutorial() {
echo "Hello World!";
}
// Your custom code
function custom_loginlogo() {
echo '<style type="text/css">
h1 a {background-image: url('.get_bloginfo('template_directory').'/images/login_logo.png) !important; }
</style>';
}
?>

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

درک خطاهای PHP در وردپرس

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

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

phperrorcode

 

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

وقتی سایت وردپرس شما غیرقابل دسترسی است چه باید کرد؟

اول از همه وحشت نکنید. به سادگی با استفاده از سرویس گیرنده FTP یا برنامه File Manager در cPanel به وب سایت خود متصل شوید . در مرحله بعد ، پرونده ای را که کدی را که باعث خطا شده است اضافه کرده و در آنجا ویرایش کنید.

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

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

ضمن رونویسی فایل قدیمی ، فایلی را که در آن تغییرات را از رایانه خود ایجاد کرده اید بارگذاری کنید.

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

امیدواریم این مقاله به شما کمک کند یاد بگیرید چگونه قطعه کد را از وب در وردپرس جایگذاری کنید

آشکار سازی:ما در تیلو وب با پایبندی به اصول اخلاقی و اجتماعی به قانون کپی رایت احترام می گزاریم و اعلام می نماییم این مطلب از سایت
www.wpbeginner.com
برداشت و ترجمه شده است.با سپاس از توجه شما.

یوتیوب ما TILOWEB

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

نشانی ایمیل شما منتشر نخواهد شد.

دنبال چی میگردی؟

اگر چیزی پیدا نکردی به پشتیبانی پیام بده