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

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

بعید می دانم که تاکنون از شما خواسته نشده باشد یکسری کد را به قسمت <header> و <footer> به وب سایت وردپرس خود اضافه نمایید، گاه برای گرفتن تاییدیه های احراز هویت نیاز به قرار دادن کد های مختلفی در سایت دارید. از معمول ترین مواردی که  سروکارتان را به اضافه کردن کد به هدر یا فوتر سایت می اندازد، استفاده از ابزارهای گوگل نظیر Google Search Console و Google analytics می باشد.

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

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

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

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

  • به صورت دستی با وبرایش فایل های php و footer.php قالب
  • استفاده از قالب های دارای گزینه از پیش ساخته شده برای قرار دادن کد های مورد نیاز در هدر و فوتر
  • استفاده از افزونه

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

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

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

به این دلیل ما استفاده از افزونه را به عنوان بهترین راه نحوه اضافه کردن کد به هدر و فوتر  معرفی می کنیم که ساده ترین و مطمئن ترین روش در بین راه های بالا است.

پس ما هی گشتیم و گشتیم و گشتیم….

تیم سون هاست یک افزونه رایگان و با عملکرد مناسب جهت قرار دادن کد در هدر و فوتر پیدا کرد و به شما خواهیم گفت که چگونه با کمک آن به سایت وردپرس کد های مورد نیاز خود را اضافه نمایید. افزونه Insert Headers and footers برای ادامه آموزش برایتان در نظر گرفته شده است، همراه ما باشید!

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

آسان، سریع و سازمان یافته:

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

جلوگیری از بروز خطا:

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

عدم تغییر در کد ها با بروزرسانی قالب وردپرس:

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

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

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

اولین مرحله نصب و فعال نمودن افزونه Insert Headers Footers می باشد. برای کسب اطلاعات بیشتر پست نصب افزونه در وردپرس را حتما بخوانید!

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

انتخاب افزونه اضافه کردن کد به هدر و فوتر

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

انتخاب اضافه کردن کد به هدر و فوتر

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

در پایان

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

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

توجه: پاک کرد کش وردپرس شما را با مشکل روبرو نخواهد کرد و کد های بی نقص نمایش داده می شوند.

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

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

دنیا مثل تو نداره:)