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

ه

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

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

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

 

افزونه Insert Headers and Footers

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

 

ویژگی های بارز افزونه Insert Headers and Footers

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

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

علاوه بر ویژگی های بارزی که در بالا ذکر کردیم،این افزونه به هیچ دانش برنامه نویسی و کد نویسی نیاز ندارد و خیلی راحت میتوانید کد هایی مثل آمارگیری را در سایت خودتان قرار دهید و نمایش دهید. به عنوان مثال می توانید از پلاگین های جی کوئری( در پاراگراف نهایی توضیح کوچکی داده ایم)  که کاملا به صورت کد می باشند در سایت خود استفاده کنید.

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

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

آموزش قدم به قدم قرار دادن کد دلخواه فوتر و هدر وردپرس

 بعد از نصب و فعال سازی افزونه شما به پیشخوان وردپرس هدایت میشوید و در بخش تنظیمات آن منوی افزونه جدید را مشابه تصویر زیر میبینید که فقط محدود به یک صفحه است، روی آن کلیک کنید تا وارد افزونه Insert Headers and Footers شوید.

هدر و فوتر

در تنظیمات این افزونه دو بخش وجود دارد که به راحتی بتوانید کد های مربوطه هدر و فوتر را در مکان مناسب قرار دهید در ادامه توضیح میدهیم.

Script in Header: کد های مربوط به هدر را باید در میان تگقرار دهید تا نمایش داده شود. با قرار دادن این کد ها در این قسمت، مواردی که میخواهید در هدر یا سربرگ سایت قابل نمایش باشد را قرار دهید تا در بالای سایت دیده شود. همچنین به راحتی میتوانید در این بخش کد ها را ویرایش و حذف کنید و در نهایت کد دلخواه را بنویسید و ذخیره کنید.

Script in Footer: کد های مربوط به هدر را باید در میان تگقرار دهید تا نمایش داده شود. با قرار دادن این کد ها در این قسمت، مواردی که میخواهید در هدر یا سربرگ سایت قابل نمایش باشد را قرار دهید تا در بالای سایت دیده شود. همچنین به راحتی میتوانید در این بخش کد ها را ویرایش و حذف کنید و در نهایت کد دلخواه را بنویسید و ذخیره کنید.

در آخر سایت خودتان را باز کنید تا تغییرات انجام شده را مشابه تصویر زیر ببینید.

هدر و فوتر

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

یک نمونه مثال برای شما توضیح خواهیم داد تا با روند کار بهتر آشنا شوید.

 

تست افزونه در فوتر وردپرس

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

هدر و فوتر

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

 

مشاهده خروجی فوتر وردپرس برای نمایش لوگو

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

هدر و فوتر

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

اسلایدر بسیار کاربردی و محبوب جی کوئری

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

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

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

۵۶ ۲۸۴ ۲۸۴ (۰۲۱)