w3designw3design
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
Search
  • صفحه اصلی
  • وبلاگ
  • خدمات ما
    • طراحی سایت
    • سئو و بهینه سازی سایت
    • کارت ویزیت آنلاین
    • پنل پیامکی
  • نمونه کارها
  • درباره ما
  • تماس با ما
  • درباره ما
  • وبلاگ
افزونه Insert Headers and Footers

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

support2021-02-21T10:39:40+03:30
By support آموزش وردپرس, طراحی سایت

آموزش افزونه Insert Headers and Footers

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

گاهی اوقات ممکن است شرایطی پیش بیاید که شما بخواهید سایت وردپرسی خود را سفارشی سازی کنید. مثلاً ظاهر یا شیوه عملکرد سایت را تغییر دهید و برای این کار لازم باشد که کد قالب خود را ویرایش کنید.

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

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

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

افزونه Insert Headers and Footers مزایای دیگری نیز دارد که عبارتند از:

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

در این آموزش افزونه Insert Headers and Footers را بررسی کرده و نحوه استفاده از آن را توضیح خواهیم داد. بنابراین تا انتهای مقاله با تیم w3design همراه باشید.

 

چه کدی را باید در هدر و فوتر سایت خود قرار دهید؟

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

اینجا جایی است که آموزش افزونه Insert Headers and Footers به کارتان می آید. اگر از گوگل آنالیتیکس در سایت خود استفاده می کنید بهتر است کد ردگیری آن را در هدر سایت قرار دهید. این کد روی زمان بارگذاری سایت شما تاثیری ندارد و قرار دادن آن در هدر، باعث ارائه آمارهای دقیق تری می شود.

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

افزونه Insert Headers and Footers

آموزش افزونه Insert Headers and Footers و نحوه قرار دادن کد دلخواه در هدر و فوتر

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

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

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

افزونه Insert Headers and Footers

هر کدی که می خواهید در هدر سایت شما و داخل تگ <head> وارد شود را در فیلد اول Scripts in Header قرار دهید.

هر کدی که می خواهید درست بعد از تگ <body> قرار بگیرد را در قسمت Scripts in Body قرار دهید.

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

بعد از اعمال تغییرات روی Save کلیک کنید.

افزونه Insert Headers and Footers به طور خودکار کدهای وارد شده را در مکان های مربوطه در سایت وردپرس شما بارگذاری می کند.

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

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

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

صفحه افزونه

این را هم بخوانید: 

  • ساخت انجمن پرسش و پاسخ وردپرس با افزونه DW Question and Answe
  • آموزش افزونه Simple Custom CSS برای افزودن CSS و JS سفارشی به وردپرس
  • افزونه Microthemer Lite ویرایشگر CSS برای سفارشی سازی قالب وردپرس
  • افزونه Newsletter برای ایجاد خبرنامه فارسی وردپرس
  • آموزش افزونه SiteOrigin CSS برای اضافه کردن CSS سفارشی در وردپرس
  • نمایش کد در مطالب وردپرس

Share this post

Facebook Twitter LinkedIn Google + Email

Author

support

دیدگاهتان را بنویسید لغو پاسخ

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


Related Posts

اصول رنگ بندی سایت

اصول رنگ بندی سایت چیست؟

اصول رنگ بندی سایت یکی از اصول بسیار مهم و کلیدی در طراحی سایت ، توجه به اصول رنگ بندی... read more

مدیریت وردپرس

راهکارهای رفع مشکلات ورود به مدیریت وردپرس

یکی از متداول ترین مشکلاتی که مدیران وب سایت های وردپرسی ممکن است با آن مواجه شود، مشکل وارد... read more

آموزش شورت کد

آموزش شورت کد (shortcode) | افزونه های کد کوتاه وردپرس

آموزش شورت کد (shortcode) در وردپرس در این مقاله به آموزش شورت کد وردپرس می پردازیم. اگر کمی با وردپرس کار... read more

قالب فرزند وردپرس

قالب فرزند وردپرس (Child theme) چیست؟ آموزش ساخت چایلد تم در وردپرس

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

تفاوت نوشته و برگه در وردپرس

تفاوت نوشته و برگه در وردپرس چیست؟

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

انواع طراحی وبسایت

انواع طراحی وبسایت | مزایا و معایب روش های طراحی سایت

مزایا و معایب انواع طراحی وبسایت با گسترش روزافزون فناوری و گسترش کسب‌وکارها در فضای اینترنت نیاز افراد و سازمان‌ها... read more

افزونه فروشگاه ساز وردپرس

افزونه فروشگاه ساز وردپرس چیست؟

افزونه فروشگاه ساز وردپرس کسب وکارهای اینترنتی و استفاده از اینترنت با نرخ بالایی درحال رشد است. ساخت یک فروشگاه... read more

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

بهترین هاست برای وردپرس چه ویژگی هایی دارد

بهترین هاست برای وردپرس چیست؟ خرید بهترین هاست های وردپرس، دغدغه و مشکل بسیاری از وبمستران، مدیران سایت ها و... read more

طراحی سایت خبری

طراحی سایت خبری نکات آن

طراحی سایت خبری نکات آن 🔻سایت های خبری و اطلاع رسانی، یکی از پر بازدید ترین دسته های سایت های... read more

ویرایشگر گوتنبرگ

ویرایشگر گوتنبرگ وردپرس

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

جستجو

Follow Us

Facebook Pinterest Instagram Linkedin Telegram

آخرین مطالب

افزونه Beaver Builder
افزونه Beaver Builder
افزونه BulletProof Security
افزونه BulletProof Security
افزونه Crisp Live Chat
افزونه Crisp Live Chat
خطای INSTALL ERROR
خطای INSTALL ERROR هنگام راه‌اندازی بسته نصبی قالب وردپرس
افزونه Elementor
افزونه Elementor
خطای Internal Server Error 500
آموزش رفع خطای Internal Server Error 500
افزونه Visual Composer
افزونه Visual Composer
بازیابی رمز عبور
آموزش غیرفعال کردن بازیابی رمز عبور در وردپرس
دیتابیس هاست
آموزش تغییر رمزعبور و نام کاربری از طریق دیتابیس هاست
افزونه Cerber Security & Antispam
افزونه Cerber Security & Antispam

دسته‌ها

  • آموزش
  • آموزش وردپرس
  • بازاریابی محتوا
  • برنامه نویسی
  • تبلیغات
  • دسته‌بندی نشده
  • سئو
  • سئو خارجی
  • شبکه
  • طراحی اپلیکیشن
  • طراحی سایت
  • کامپیوتر و لپ تاپ
  • گرویتی فرم
  • لینک سازی
  • نرم افزار

بایگانی‌ها

  • مارس 2021
  • فوریه 2021
  • ژانویه 2021
  • دسامبر 2020
  • نوامبر 2020
  • اکتبر 2020
  • سپتامبر 2020

دسترسی سریع

  • خانه
  • وبلاگ
  • نمونه کارها
  • درباره ما
  • طراحی سایت
  • سئو و بهینه سازی
  • کارت ویزیت آنلاین
  • پنل پیامکی

عضویت در خبرنامه

    ۹۱۰۰-۱۰۱۱(۰۱۳) info@w3design.ir
    تمامی حقوق مادی و معنوی این سایت برای تیم w3design محفوظ است.