• Trang chủ
  • WordPress
    • Thủ thuật WordPress
    • WordPress Plugins
    • WordPress Themes
  • Hosting và Domain
  • Kiếm tiền
  • Đánh giá
  • Khuyến mãi
  • Thông báo
  • Giới thiệu
  • Liên hệ

WP Căn bản

Kiến thức căn bản cho người dùng WordPress

paradise-child-theme-wordpress-theme-tot-nhat
  • Dịch vụ WordPress Hosting
  • Dịch vụ tối ưu WordPress
  • Dịch vụ quét mã độc WordPress
  • Mua Paradise child theme
Trang chủ » WordPress » Thủ thuật WordPress » Chèn code vào header và footer của website WordPress
hosting-tot-nhat-danh-cho-wordpress

Chèn code vào header và footer của website WordPress

Cập nhật: 26/03/2024 Trung Hiếu 99 Bình luận

Mục lục Hiện
  • 1. Chèn code vào header và footer của WordPress
    • 1.1. Sử dụng tính năng có sẵn của theme
    • 1.2. Sử dụng plugin
  • 2. Cách chọn vị trí chèn code vào header và footer

Chèn code vào header và footer của website WordPress một cách đơn giản.

huong-dan-chen-code-vao-header-hoac-footer-cua-wordpress

Nếu bạn đang xây dựng website thì chắc hẳn đã từng một lần tìm cách để chèn code (JS hoặc CSS) vào header hoặc footer rồi phải không nào? Code đó có thể là một đoạn mã xác minh chủ sở hữu website của Google Search Console, có thể là mã theo dõi lưu lượng truy cập của Google Analytics hay mã Google AdWords, Facebook Marketing… Sẽ không có gì để nói nếu theme mà bạn đang sử dụng có hỗ trợ chức năng cho phép chèn code vào header và footer. Ngược lại, bạn sẽ cần tìm một giải pháp khác để làm điều đó.

Tham khảo thêm:

  • Tổng hợp code giúp tùy biến footer trong Genesis
  • Tùy biến phần copyright trong Genesis

Chèn code vào header và footer của WordPress

Trên thực tế, nhiều người thường tìm cách chèn trực tiếp code vào các tập tin của theme. Tuy nhiên, việc làm này tương đối phức tạp, dễ gây lỗi và không tối ưu vì chúng sẽ bị mất mỗi khi bạn cập nhật theme lên phiên bản mới. Chúng tôi khuyến cáo không nên làm theo phương pháp này. Thay vào đó, hãy sử dụng một plugin chuyên dụng. Đừng lo, vì chúng sẽ không làm chậm website của các bạn đi một chút nào đâu.

Sử dụng tính năng có sẵn của theme

Nhiều theme WordPress đã được tích hợp sẵn tính năng chèn code vào header và footer. Các bạn thường sẽ tìm thấy chúng trong Theme Options hoặc Customizer.

Chẳng hạn như đối với Genesis Framework, mục này sẽ nằm trong Appearance => Customize => Theme Settings => Header/ Footer Scripts.

chen-code-vao-header-va-footer-trong-genesis-framework

Riêng đối với theme Paradise của WP Căn bản (từ phiên bản 6.3 trở lên), mục này sẽ nằm ở Giao diện => Tùy biến => Thiết lập giao diện => Script đầu trang / chân trang, tương tự như Genesis Framework nhưng tên các mục đã được chúng tôi Việt hóa.

chen-code-vao-header-va-footer-cua-theme-paradise

Đối với theme Flatsome, các bạn sẽ tìm thấy chúng trong Flatsome => Advanced => Global Settings.

chen-code-vao-header-va-footer-cua-theme-flatsome

Hãy tìm kỹ xem theme của bạn có hỗ trợ sẵn hay không trước khi tính tới phương án cài plugin bổ trợ.

Sử dụng plugin

1. Đầu tiên, các bạn cần cài đặt và kích hoạt plugin WPCode tên gọi cũ là Insert Headers and Footers by WPBeginner (download).

cai-dat-va-kich-hoat-plugin-wpcode

2. Truy cập Code Snippets (đừng nhầm lẫn với plugin Code Snippets nếu bạn có cài cả plugin này) => Settings => kích hoạt mục Header & Footers mode rồi click vào nút Save Changes để lưu lại.

thiet-lap-plugin-wpcode

3. Tiếp theo, truy cập vào Settings => Headers & Footers. Tại đây, các bạn sẽ nhìn thấy một giao diện rất đơn giản, chỉ bao gồm 3 phần:

chen-code-vao-header-va-footer-bang-plugin-wpcode

Trong đó:

  • Header: hỗ trợ chèn code vào thẻ <head> trong mã nguồn HTML của WordPress.
  • Body: hỗ trợ chèn code vào ngay sau thẻ <body> trong mã nguồn HTML của WordPress.
  • Footer: hỗ trợ chèn code vào ngay trước thẻ </body> trong mã nguồn HTML của WordPress.

Hãy chèn code vào vị trí phù hợp với nhu cầu của bạn sau đó click vào nút Save Changes để lưu lại.

Một số plugin khác có chức năng tương tự mà các bạn có thể tham khảo:

  • Insert Headers And Footers (xem chi tiết)
  • Woody code snippets (xem chi tiết)
  • Header Footer Code Manager (xem chi tiết)
  • Insert Headers and Footers Code (xem chi tiết)

Cách chọn vị trí chèn code vào header và footer

Để tránh gây ảnh hưởng quá nhiều đến tốc độ load của website, chúng tôi khuyến cáo việc chèn code như sau:

  • Code xác minh chủ sở hữu website (với Google Search Console, Bing Webmaster Tools,  Yandex Webmaster Tools, Pinterest… và các công cụ tìm kiếm khác) nên được chèn ở header.
  • Code theo dõi lưu lượng truy cập website (ví dụ Google Analytics, Google Tags Manager), live chat (Subiz, Tawk.to…), Google AdWords (Google Ads), Facebook SDK (hỗ trợ Facebook Pixel, Facebook Comments, Facebook Page Widget, Facebook Like Box, Facebook Messenger)… nên được chèn ở footer.
  • Riêng đối với code hiển thị quảng cáo tự động (Auto Ads) của Google AdSense, các bạn nên cân nhắc chèn ở header để tránh ảnh hưởng đến việc tối ưu vị trí hiển thị quảng cáo.

Riêng đối với Google Analytics và Google Tags Manager, các bạn có thể tham khảo bài viết “Khắc phục lỗi cache của Google Analytics một cách đơn giản” để chèn chúng mà không gây ảnh hưởng tới tốc độ load web.

Nhớ xóa cache website (nếu có) và cache trình duyệt trước khi kiểm tra thành quả nhé. Chúc các bạn thành công!

Bạn biết cách đơn giản và hiệu quả hơn để chèn code vào header và footer của WordPress? Hãy chia sẻ nó với chúng tôi bằng cách sử dụng khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy theo dõi blog của tôi để thường xuyên cập nhật những bài viết hay nhất, mới nhất nhé. Cảm ơn rất nhiều. :)

  • Chia sẻ lên Facebook
  • Chia sẻ lên Twitter
  • Chia sẻ lên LinkedIn

Bài viết liên quan

Plugin chống copy nội dung siêu nhẹ cho WordPress
Plugin chống copy nội dung siêu nhẹ cho WordPress
Tự động tạo alt-text cho hình ảnh trong WordPress
Tự động tạo alt-text cho hình ảnh trong WordPress
Tính năng Crawl Optimization của plugin Yoast SEO
Tính năng Crawl Optimization của plugin Yoast SEO

Chuyên mục: Thủ thuật WordPress

dich-vu-wordpress-hosting-chong-ddos-mien-phi

Nói về Trung Hiếu

Một người con của xứ Nghệ, hiện đang sinh sống tại Hà Nội. Tôi là người sáng lập và đứng sau mọi hoạt động của WP Căn bản. Tìm hiểu thêm về tôi tại đây.

Bài viết trước « Hướng dẫn hủy thanh toán tự động trong Paypal
Bài viết sau Tại sao bạn không nên sử dụng tính năng AdGroup của MasOffer? »

Reader Interactions

Bình luận

    Để lại một bình luận Hủy

    Tất cả các bình luận đều sẽ được kiểm duyệt nghiêm ngặt. Mọi bình luận trái quy định sử dụng sẽ bị gỡ bỏ link hoặc xóa bỏ hoàn toàn. Vui lòng đọc kỹ quy định trước khi bình luận. Xin cảm ơn!

  1. Mạnh Đức 1 bình luậnviết

    28/12/2022 lúc 08:38

    Anh cho em hỏi. Em có thể tạo nhiều template Header cho nhiều trang khác nhau được không? Ví dụ: Trang chủ em dùng Header mặc định, trang Blog em muốn dùng Header dạng Custom chỉ chứa các menu bài viết được không anh? Cám ơn anh!

    Bình luận
    • Trung Hiếu Quản lýviết

      28/12/2022 lúc 08:42

      Được bạn nhé. Bạn lên Google tìm với từ khóa “WordPress custom header per page” sẽ ra rất nhiều hướng dẫn.

      Bình luận
  2. Nguyễn Anh Tuấn 1 bình luậnviết

    27/09/2021 lúc 16:55

    Bạn cho tôi hỏi cách đưa dropbox chọn ngôn ngữ trang web khi sử dụng Polylang Plugin vào header.

    Bình luận
    • Trung Hiếu Quản lýviết

      27/09/2021 lúc 17:04

      Bạn có thể tham khảo cách chèn nút chọn ngôn ngữ của Polylang tại đây nhé. Để đơn giản nhất thì bạn có thể chèn nó vào menu hoặc widget. Còn nếu muốn chèn vào header thì bạn phải tham khảo cách sử dụng code PHP tại đây.

      Bình luận
  3. Đinh Nghị 1 bình luậnviết

    15/09/2021 lúc 20:02

    Cho em hỏi. Em chèn google analytisc bây giờ muốn chèn thêm mã ahref thì làm thế nào ah. Em chèn vào bên dưới mã google analytisc nhưng ko có được

    Bình luận
    • Trung Hiếu Quản lýviết

      15/09/2021 lúc 20:04

      Chèn được nhiều code cùng lúc mà bạn. Bạn chèn code gì của ahref vậy?

      Bình luận
  4. Phan Van 1 bình luậnviết

    02/08/2021 lúc 17:06

    Sao em không tìm thấy cái Insert Headers and Footers trong phần quản trị web anh ạ. bên em thuê cty thiết kế web

    Bình luận
    • Trung Hiếu Quản lýviết

      02/08/2021 lúc 17:10

      Nếu theme không có sẵn thì bạn phải cài plugin vào nhé. Trong bài viết mình đã nói rõ rồi mà. :P

      Bình luận
« 1 … 4 5 6

Sidebar chính

NHẬN BÀI VIẾT QUA EMAIL

Hãy đăng ký ngay để là người đầu tiên nhận được thông báo qua email mỗi khi chúng tôi có bài viết mới!

Tham gia cùng 10.000+ người khác.

Theo dõi qua mạng xã hội

Facebook Group

wpcanban-facebook-group

Bạn đang tìm gì?

WordPress căn bản

Bảo mật WordPress

Tăng tốc WordPress

Sửa lỗi WordPress

Thủ thuật Genesis

Thủ thuật SEO

Thủ thuật CloudFlare

Thủ thuật LiteSpeed

Thủ thuật WooCommerce

Sử dụng theme Paradise

Dịch vụ tối ưu WordPress miễn phí

dich-vu-toi-uu-wordpress-mien-phi

Dịch vụ quét mã độc miễn phí

dich-vu-quet-ma-doc-wordpress-mien-phi

Footer

Bài viết mới nhất

  • Plugin chống copy nội dung siêu nhẹ cho WordPress 20/05/2025
  • Tự động tạo alt-text cho hình ảnh trong WordPress 18/05/2025
  • Năm 2025 rồi, có nên viết blog nữa không? 07/05/2025
  • Ra mắt plugin APCu Object Cache độc quyền tại WP Căn bản 16/04/2025

Bình luận mới nhất

  • Trung Hiếu trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Khánh trong Bật mí về các công nghệ mà WP Căn bản đang sử dụng
  • Trung Hiếu trong Năm 2025 rồi, có nên viết blog nữa không?
  • Tuấn Kỷ Nguyên Blog trong Năm 2025 rồi, có nên viết blog nữa không?

Thông tin hữu ích

  • Giới thiệu bản thân
  • Quy định sử dụng
  • Chính sách bảo mật
  • Bản quyền nội dung

Thống kê WP Căn bản

9 Chuyên mục - 1.001 Bài viết - 35.504 Bình luận

Bản quyền © 2014 - 2025 · WP Căn bản (tiền thân là eBooksvn.com) · Sử dụng Paradise child theme và dịch vụ WordPress Hosting