1. Thêm code vào thẻ head là gì?
Thêm code vào giữa thẻ head trong header.php của Website WordPress đơn giản chỉ là chúng ta khai báo thêm một hoặc nhiều thẻ vào trước thẻ đóng </head>. Code ở đây có thể là thẻ html, css, font hoặc các đoạn mã nhúng javascript, jQuery….
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1.0" >
<link rel="profile" href="https://gmpg.org/xfn/11">
<?php wp_head(); ?>
<!-- Chèn code vào đây -->
</head>0
Ví dụ một đoạn mã code head html
2. Cách chèn code, meta tag, script vào thẻ head trong WordPress mới nhất
Có nhiều cách để chèn code vào giữa thẻ <head> vào theme WordPress. Tôi sẽ hướng dẫn các bạn những cách sau đây thật chi tiết. Tùy vào trường hợp cụ thể bạn có thể lựa chọn 1 trong các cách sau:
2.1 Dùng Plugin Insert Headers and Footers
Trước tiên bạn cần phải cài plugin này vào https://vi.wordpress.org/plugins/insert-headers-and-footers/
Bạn có thể tham khảo thêm 1 số plugin cho phép nhúng code vào Header và Footer sau:
- Elementor Header & Footer Builder
- Elements kit Elementor addons (Header & Footer Builder, Mega Menu Builder, Layout Library)
- Header Footer Code Manager
- Woody code snippets – Insert Header Footer Code, AdSense Ads
- Header Footer for Beaver Builder
- Head, Footer and Post Injections
2.2 Sửa giao diện
Để chèn được kiểu này, quyền quản trị Website bạn phải được phép chỉnh sửa giao diện WordPress. Một số trường hợp tài khoản quản trị không được phép sử dụng quyền này. Hãy liên hệ đơn vị thiết kế website để mở quyền truy cập này.
Bước này bạn chọn đúng giao diện (theme) WordPress đang dùng nhé.
Tìm file template header.php
2.3 Sửa file header.php
Để sửa được file template header.php trước tiên bạn phải có thông tin tài khoản quản trị Hosting Website. Hầu hết các công ty thiết kế website đều giao tài khoản quản trị này cho bạn sau khi Website hoàn thành. Bạn hãy lưu lại để có lúc sẽ dùng đến.
Đăng nhập vào quản trị: (Bài viết hướng dẫn trên Hosting DirectAdmin)
2.4 Thêm bằng plugin Elementor
Trường hợp thiết kế Website kéo thả bằng Plugin Elementor, bạn có thể chèn mã vào thẻ head thông bằng plugin này như sau:
2.5 Thêm bằng code WordPress
Bạn cũng có thể thêm các thẻ meta vào giữa thẻ head thông qua action wp_head mà WordPress đã cung cấp trong file functions.php như sau:
add_action('wp_head', 'website366_add_meta');
function website366_add_meta(){
?>
<meta name="google-site-verification" content="9WZMYhXYZMKL7RUw0abrQ1o79WTb-_sfGsgdfgsfsdfsfs" />
<?php
}
2.6 Thêm bằng theme Flatsome
Còn nếu bạn đang sử dụng theme Flatsome để thiết kế website, bạn có thể thêm các đoạn mã vào thẻ head như sau:
3. Khi nào cần thêm thẻ meta, js vào thẻ head?
Những trường hợp sau bạn cần dùng đến chức năng nhúng code vào giữa thẻ head trong Website WordPress:
- Cài đặt Google Analytics.
- Khai báo Website với Google Search Console.
- Nhúng mã Google Shopping quảng cáo Sản Phẩm.
- Đo lường truy cập Facebook Pixel.
Như vậy qua bài viết này, giờ đây bạn có thể chèn dễ dàng các đoạn mã code vào thẻ head rồi phải không. Nếu gặp khó khăn gì đừng ngại liên hệ chúng tôi sẽ hỗ trợ bạn miễn phí.
1. Thêm code vào thẻ head là gì? Thêm code vào giữa thẻ head trong header.php của Website WordPress đơn giản chỉ là chúng ta khai báo thêm một hoặc nhiều thẻ vào trước thẻ đóng </head>. Code ở đây có thể là thẻ html, css, font hoặc các đoạn mã nhúng javascript, jQuery…. <head> […]
