همراهان همیشگی رویا وردپرس سلام. شاید شما هم از طراحی سایت اختصاصی استفاده می‌کنید. و یا ممکن است از طراحی سایت ارزان بهره می‌برید. در هر صورت اگر دارای یک سایت هستید ممکن است نیاز به این آموزش داشته باشید. گاهی وقت‌ها نیاز است تا برای استفاده از ابزارهایی نظیر گوگل کنسول، گوگل آنالیتیکس و… اقدام به وریفای وب سایت خود در آن‌ها کنید. این ابزارها قطعه کدی را در اختیار شما می‌گذارند تا در بخش هدر یا فوتر سایت خود قرار دهید. از این رو امروز با مقاله آموزش اضافه کردن کد سفارشی در هدر و فوتر وردپرس با Insert Headers and Footers در خدمت شما هستیم. پس تا پایان همراه ما باشید.
آنچه در این مطلب می‌خوانید:
آموزش اضافه کردن کد سفارشی به هدر و فوتر در سایت وردپرسی
وردپرس به صورت پیش فرض گزینه ای برای قرار دادن کد در هدر و فوتر وب سایت ارائه نمی دهد اگر با کدنویسی آشنایی ندارید اضافه کردن کد به هدر و فوتر در وردپرس ممکن است موضوع سخت و پیچیده ای به نظر بیاید اما اینطور نیست و می توانید این کار را به راحتی انجام دهید. به دو روش می‌توان اقدام به اضافه کردن کدهای سفارشی در بخش هدر و فوتر وردپرس کرد:
- روش اول افزودن کد سفارشی بدون افزونه
- روش دوم اضافه کردن کد سفارشی در هدر و فوتر وردپرس با افزونه Insert Headers and Footers
قرار دادن کدهای سفارشی در هدر و فوتر وردپرس بدون افزونه
جهت انجام این روش شما می‌توانید به سه طریق، یعنی از طریق هاست، FTP و یا پیشخوان وردپرس اینکار را انجام دهید.
برای نمونه ما قصد داریم قعطه کد مثال زیر را از طریق پیشخوان وردپرس در بخش هدر سایت قرار دهیم.
<head> <title>Example.com homepage</title> <meta name="google-site-verification" content="......." /> </head>
خب برای شروع وارد پیشخوان وردپرس شوید. در بخش نمایش > ویرایشگر پوسته را انتخاب کنید. برای اضافه کردن کد به هدر و فوتر وردپرس با وبرایش فایل های header.php و footer.php می توانید کدهای سفارشی را به هدر و فوتر اضافه کنید. البته برای افراد مبتدی ممکن است این روش کمی سخت باشد چرا که در صورت یک اشتباه کوچک موجب دردسر بزرگی می شود! یکی دیگر از معایب این روش بروزرسانی قالب است، بعد از هر آپدیت قالب کدهای اضافه شده حذف می گردند. توصیه می شود تغییرات را در پوسته فرزند قالب خود ایجاد کنید نه در قالب اصلی چرا اگر کدی را به پوسته فرزند خود اضافه کنید در صورت تغییر قالب اصلی کد شما دست نخورده باقی می ماند.
قرار دادن کدهای سفارشی در هدر و فوتر وردپرس بدون افزونه
همواره توصیه کرده‌ایم، پیش از هر اقدام و ایجاد تغییری در ساختار وب سایت، یک نسخه پشتیبان کامل از هاست خود تهیه کنید.
افزودن کدهای سفارشی در هدر و فوتر وردپرس با Insert Headers and Footers
افزونه Insert Headers and Footers که در مخزن وردپرس بصورت رایگان قرار دارد اینطور معرفی شده است:
Insert Headers and Footers یک افزونه ساده است که به شما امکان می دهد کدهایی مانند Google Analytics، CSS سفارشی، فیس بوک پیکسل و موارد دیگر را در سرصفحه و پاورقی سایت وردپرس خود درج کنید. نیازی به ویرایش فایل های تم خود نیست!
رابط کاربری ساده افزونه Insert Headers and Footers مکانی را در اختیار شما قرار می دهد که بتوانید اسکریپت ها را به جای کار با ده ها پلاگین مختلف درج کنید.
این پلاگین با بیش از یک میلیون نصب فعال و اخذ رای حداکثری کاربران مورد توجه بسیاری از وبمستران قرار دارد. توسط افزونه اضافه کردن کد سفارشی در هدر و فوتر وردپرس با نام Insert Headers and Footers شما هر نوع قطعه کد و دستوری را که در دو بخش هدر و فوتر سایت وردپرسی اضافه کنید.
افزودن کدهای سفارشی در هدر و فوتر وردپرس با Insert Headers and Footers
جهت استفاده از این افزونه می‌توانید به بخش افزودن افزونه در پیشخوان وردپرس مراجعه و با جستجوی عبارت Insert Headers and Footers اقدام به نصب و فعالسازی آن نمائید.
پس از نصب و فعالسازی در پیشخوان وردپرس به قسمت تنظیمات > Insert Headers and Footers بروید. سه باکس پیش رو با عنوان‌های Scrips in Header و Scrips in Body و Scrips in footer در اختیار شماست. شما می‌توانید هر نوع کد سفارشی در هدر و فوتر وردپرس و همچنین بدنه سایت قرار دهید.
آموزش اضافه کردن کد به هدر و فوتر
قابلیت‌ها و ویژگی‌های افزونه Insert Headers and Footers
- راه اندازی سریع
- درج اسکریپت ها ساده است
- کد سرصفحه و/یا کد پاورقی را وارد کنید
- کد Google Analytics را به هر موضوعی اضافه کنید
- CSS سفارشی را در سراسر تم ها اضافه کنید
- کد پیکسل فیس بوک را وارد کنید
- هر کد یا اسکریپت از جمله HTML و Javascript را وارد کنید
نکته پایانی
توصیه ما همواره استفاده از خدمات پشتیبانی فنی سایت است، چراکه بصورت کاملا حرفه‌ای و استاندارد می‌توانید با خیال راحت اقدام به درج انواع کد سفارشی و اختصاصی در بخش هدر یا فوتر سایت نمائید. در آموزش اضافه کردن کد سفارشی در هدر و فوتر وردپرس با Insert Headers and Footers سعی کردیم ایمن‌ترین روش‌ها را ارائه دهیم. از طریق این مقاله شما می‌توانید هر نوع کد یا اسکریپتی که نیاز است را در بخش‌های مورد نیاز اضافه کنید.
از شما دعوت می‌کنیم با درج نظرات و دیدگاه‌های خود، ما را در ارائه بهتر آموزش‌ها راهنمایی و همیاری کنید.
موفق باشید.
تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:
