قرار دادن کد دلخواه در هدر و فوتر وردپرس با افزونه Insert Headers and Footers

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

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

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

افزونه قرار دادن کدهای دلخواه در هدر و فوتر وردپرس

از سری افزونه های نوشته شده توسط تیم محبوب WPBeginner می باشد که بالای ۲۰۰٫۰۰۰ نصب فعال را در مخزن وردپرس دارد. افزونه های نوشته شده توسط این تیم محبوبیت بالایی را در میان وبمستران وردپرسی دارد. با استفاده از افزونه ی قرار دادن کدهای دلخواه در هدر و یا فوتر وردپرس سایت خودتان می توانید کارهای بسیاری را انجام دهید. به عنوان مثال می توانید از پلاگین های جی کوئری که کاملا بصورت کد می باشند در سایت خود استفاده کنید.

نحوه ی استفاده از این افزونه و روش کلی کار با آن بسیار ساده است اما این که چه موقع و چه وقت از این افزونه ی کاربردی استفاده کنیم بسیار مهم است. نحوه ی کار با این افزونه تنها محدود به دو فیلد footer و header می باشد.

نصب و راه اندازی افزونه

ابتدا افزونه را دریافت نموده و از بخش افزونه های سایت خود آن را نصب کنید. بعد از نصب در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Insert Header And Footer جهت قرار دادن کدهای دلخواه در هدر و فوتر وردپرس ساخته شده است.

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

تمامی تنظیمات این افزونه محدود به همین تک صفحه می باشد

Script in Header: در این فیلد کدها و اسکریپت هایی را که می خواهید در هدر قالب لود شوند را وارد کنید. تمامی کدهایی را که در این قسمت وارد می کنید در تگ <head> قرار می گیرند.

Script in Footer: در این فیلد نیز کدها و اسکریپت هایی را که می خواهید در فوتر قالب لود شوند را وارد کنید. تمامی کدهایی را که در این قسمت وارد می کنید قبل از تگ بسته ی </body> قرار می گیرند. این یعنی در انتهای تمامی کدهای قالب.

برای تست عملکرد صحیح این افزونه به مثال توجه کنید، همان طور که در تصویر بالا مشاهده می کنید در فیلد Footer کدی که قرار داده ایم توجه کنید. خروجی این کد را در فوتر قالب به کمک این افزونه نمایش دهیم. ابتدا از قسمت رسانه تصویر را آپلود کنید و لینک آن را در ویژگی src تگ <img> قرار دهید. در نهایت برای ذخیره تمامی تغییرات روی گزینه ی Save کلیک می کنیم.

نکته: برای استفاده از چنین افزونه های می بایست که شما با کدهای HTML, Css, JavaScript آشنایی داشته باشید. اگر هم آشنایی ندارید می توانید با مطالعه ی کوتاهی در این باره اطلاعات مفیدی را بدست آورید.

دانلود افزونه Insert Header And Footer