CHÈN CODE HTML VÀO WORDPRESS

      79
Bạn muốn kiếm tiền online nhưng chưa nên biết bắt đầu từ đâu? Hãy cho mình biết nghề nghiệp và mong ước hiện tại của bạn. Bạn sẽ nhận được tư vấn miễn phí gửi qua email sau 30 giây.

Bạn đang xem: Chèn code html vào wordpress

Note: Kéo xuống dưới để đọc nội dung bài viết nha!


Hướng dẫn 3 cách chèn code vào website WordPress nhanh chóng và đơn giản cho người mới bắt đầu bao gồm cả header, footer & HTML.

Khi mới tạo xong website WordPress và viết bài đầu tiên, chắc hẳn bạn sẽ rất mong ngóng xem có ai nhấp vào bài viết của bạn hay không?

Và chúng ta thường theo dõi nó qua Google Search Console. Nhưng để làm được việc đó bạn phải chèn code vào website.

Nếu bạn vẫn đang bối rối thì bài viết ngắn này sẽ dành cho bạn.

Tại sao bạn cần chèn mã vào website?

Bạn thử hình dung như thế này nhé: khi chèn code vào website cũng giống như bạn lắp camera cho nhà hay shop của bạn.

Khi chúng ta cần theo dõi hay làm một việc gì đó của 1 bên thứ ba thì ta phải cài code của họ vào website.

Ví dụ bạn muốn xem thống kê khách truy cập vào website của bạn ngày hôm nay thì bạn cài code Google Analytics.

Hay bạn muốn đăng ký kiếm tiền với Google Adsense, tiếp thị lại với Google Ads hay Facebook Ads hay theo dõi bản đồ nhiệt website với Hotjar…

Mục đích là bạn trao quyền cho những ứng dụng này để họ theo dõi website của bạn và báo cáo cho bạn hay tối ưu quảng cáo mà bạn chạy.

Chèn code vào website ở đâu?

Thường thì đối với dịch vụ của những bên thứ 3 như trên chúng ta sẽ chèn code (CSS, Javascript) vào header (đầu trang) hoặc footer (chân trang).

Xem thêm: Phân Biệt Các Loại Mã Độc Có Thể Được Tin Tặc Nhúng Vào Trong

Về cơ bản thì thẻ head hay body trong WordPress nằm tại file header.php.

Còn đối với code HTML như mã quảng cáo Google Adsense bạn có thể chèn vào widget của sitebar hoặc footer, cũng như chèn trực tiếp vào một bài viết / trang riêng biệt.

Để chèn code HTML cho widget bạn chọn Custom HTML trong Apprearance > Widgets nhé.

Còn trong bài viết bạn chuyển từ Visual > Text để chèn code.

Nếu bạn soạn thảo bằng Gutenberg thì nhấn vào dấu 3 chấm của block đó và chọn Èdit as HTML nhé!

Note: Bản thân WordPress được viết bằng ngôn ngữ PHP. Nên về cơ bản bạn không thể chèn mã HTML vào mã nguồn của WordPress được. Mã HTML chỉ là kết quả trả về trên trình duyệt người dùng.

Sau đây là 3 cách chèn code vào website WordPress nhanh chóng và đơn giản nhất.

3 cách chèn mã vào website.

1/ Chèn mã bằng theme.

Đây là cách làm phổ biến nhất và dễ dàng nhất cho người mới. Theo mình thấy hầu hết các theme trả phí đều có chức năng này.

Bạn vào mục Theme Options hoặc Customizer xem có mục nào để chèn code vào header và footer không nhé.

Ví dụ mình đang sử dụng Thrive Themes thì sẽ có mục chèn code vào website như sau:


*
*
Chèn mã vào WordPress bằng plugin

Tùy vào yêu cầu mà bạn sẽ dán vào 1 trong 3 khung Scripts in sau:

Header: code sẽ được chèn vào header giữa cặp và Body: code sẽ được chèn vào ngay sau thẻ mở Footer: code sẽ được chèn vào footer, ngay trước thẻ đóng