Head Footer and Post Injections افزونه تزریق کد به هدر و فوتر وردپرس

Head Footer and Post Injections

اگر می خواهید کدها را در هدر و فوتر وردپرس تزریق کنید، افزونه Head Footer and Post Injections به راحتی این کار را برای شما انجام می دهد. علاوه بر هدر و فوتر می توانید کدها را در همه قسمت های نوشته ها و برگه ها قرار دهید.

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

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

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

افزونه Head Footer and Post Injections یکی از بهترین افزونه های هدر و فوتر وردپرس است که با استفاده از آن می توانید کارهای زیر را در سایت وردپرس خود انجام دهید:

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

در این مقاله افزونه Head Footer and Post Injections را مورد بررسی قرار داده و نحوه استفاده از آن را توضیح می دهیم.

آموزش افزونه Head Footer and Post Injections و اضافه کردن کد به هدر و فوتر وردپرس

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

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

صفحه رابط کاربری افزونه را مشابه شکل زیر مشاهده می کنید.

Head Footer and Post Injections

افزونه Head Footer and Post Injections گزینه های زیادی دارد که با استفاده از آنها می توانید کدها را غیر از هدر و فوتر، در موقعیت های مختلفی از سایت وردپرس خود قرار دهید. شما حتی می توانید کدها را قبل و بعد از محتوای هر نوشته یا برگه قرار دهید.

هدف اصلی این افزونه، اضافه کردن اسکریپت های مختلف برای ردیابی دسترسی به وبلاگ است (مانند کد Google Analytics ، کد تأیید Google Webmasters Tools ، اسکریپت فیس بوک برای دکمه لایک یا توییتر).

کدی که در قسمت head یا بخش footer اضافه می شود می تواند شامل اسکریپت های PHP باشد. همچنین می توان کد را قبل یا بعد از نوشته ها یا درون آنها اضافه کرد. در این صورت می توان کد AdSense یا کد دیگر شبکه های تبلیغاتی را به راحتی تزریق کرد.

در صفحه رابط کاربری افزونه Head Footer and Post Injections تب های مختلفی وجود دارد که شما می توانید به صورت زیر از آنها استفاده کنید:

  • در تب Head and footer می توانید یک کد سفارشی (Javascript ، CSS ، HTML) به بخش (<head>) در هر صفحه وبلاگ اضافه کنید. (به عنوان مثال ، Google Analytics ، Facebook و …)
  • یک کد سفارشی را فقط به بخش head صفحه اصلی اضافه کنید (به عنوان مثال کد تأیید Google Webmaster)
  • یک کد سفارشی را به بخش فوتر (قبل از <body/>) هر صفحه وبلاگ اضافه کنید. (به عنوان مثال اسکریپت بارگذاری شخص ثالث)
  • در تب Posts می توانید یک کد دلخواه را قبل و بعد از محتوای هر نوشته اضافه کنید.
  • در تب Pages می توانید یک کد دلخواه را قبل و بعد از محتوای هر برگه اضافه کنید.
  • در تب Excerpts می توانید یک کد سفارشی را قبل و بعد از خلاصه هر نوشته وارد کنید.
  • در تب Snippets افزونه Head Footer and Post Injections می توانید اسنیپت های متداول را در هر قسمت از هدر یا فوتر استفاده کنید. این اسنیپت ها را با عنوان [snippet_N] می نامند که N عدد اسنیپت از 1 تا 5 است. اسنیپت ها قبل از ارزیابی PHP تزریق می شوند.
  • به صورت اختیاری می توانید تگ Facebook og:image را اضافه کنید. در این صورت اگر پست شما لایک بخورد، همراه با تصویر بندانگشتی یا اولین تصویر پست، نشان داده خواهد شد.
  • تصویر پیش فرض قابل تنظیم برای تگ Facebook og:image برای پست های بدون تصویر
  • تگ Facebook og:type برای صفحات وب اصلی و عمومی
  • تب اختصاصی AMP که با افزونه AMP سازگار است و به شما اجازه می دهد تا کدهای خاصی را در صفحات AMP تزریق کنید.
  • سازگاری با افزونه bbPress : تگ og:image با اولین انجمن پر خواهد شد.

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

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

 افزونه Head Footer and Post Injections یک پیکربندی خاص برای تزریق کدهای مختلف هنگام شناسایی تلفن همراه فراهم می کند. این افزونه، موبایلی که کاربر استفاده می کند را با تطبیق user agent مورد استفاده کاربر با لیستی از user agent هایی که در تب Advanced لیست شده است، تشخیص می دهد.

پس از اضافه کردن کد مورد نظر خود می توانید به سایت مراجعه کرده و تغییرات را مشاهده کنید.

امیدواریم این آموزش مورد توجه شما قرار گرفته باشد.

دانلود افزونه

دانلود افزونه Head, Footer and Post Injections
صفحه افزونه Head, Footer and Post Injections

درباره ی مینا قدسی

مطلب پیشنهادی

Widget Responsive for Youtube

Widget Responsive for Youtube ابزارک رسپانسیو یوتیوب در وردپرس

اگر تا به حال سعی کرده باشید که یک ابزارک YouTube را در نوار کناری …

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *