Cách Thêm HTML vào Thân Wordpress

2024-09-29

Giới thiệu

Thêm HTML tùy chỉnh vào thân của trang WordPress của bạn có thể nâng cao chức năng và diện mạo của nó. Hướng dẫn này sẽ hướng dẫn bạn qua một số phương pháp để thực hiện nhiệm vụ này.

Sử dụng Plugin

  1. Cài đặt và kích hoạt plugin "Header and Footer Scripts".
  2. Đi tới Cài đặt > Header and Footer Scripts.
  3. Cuộn xuống phần "Scripts in Body".
  4. Dán mã HTML của bạn vào trường này.
  5. Nhấn "Lưu Thay Đổi".

Chỉnh sửa Tệp functions.php của Chủ Đề

  1. Truy cập các tệp WordPress của bạn qua FTP hoặc Trình Quản Lý Tệp trong cPanel.
  2. Điều hướng đến wp-content/themes/tên-chủ-đề-của-bạn/.
  3. Mở tệp functions.php.
  4. Thêm mã sau vào cuối tệp:
function add_custom_body_html() {
    echo '<div>Your custom HTML here</div>';
}
add_action('wp_body_open', 'add_custom_body_html');
  1. Thay thế 'Your custom HTML here' bằng HTML bạn mong muốn.
  2. Lưu tệp.

Sử dụng Khối HTML Tùy Chỉnh (Trình Soạn Thảo Gutenberg)

  1. Chỉnh sửa trang hoặc bài viết mà bạn muốn thêm HTML.
  2. Thêm một khối mới và chọn "Custom HTML".
  3. Nhập mã HTML của bạn vào khối.
  4. Cập nhật hoặc xuất bản trang của bạn.

Thực Hành Tốt Nhất

  • Luôn sao lưu trang web của bạn trước khi thực hiện thay đổi.
  • Kiểm tra HTML tùy chỉnh của bạn trong môi trường staging trước.
  • Đảm bảo HTML của bạn hợp lệ để tránh làm hỏng bố cục của trang web.

Cách Thêm HTML vào Thân Wordpress

Câu Hỏi Thường Gặp

Q: Tại sao tôi cần thêm HTML tùy chỉnh vào thân của trang WordPress của mình?

A: Thêm HTML tùy chỉnh vào thân có thể giúp bạn triển khai các tính năng như mã theo dõi, mã kịch bản tùy chỉnh hoặc các yếu tố thiết kế mà không dễ dàng đạt được thông qua các cài đặt WordPress tiêu chuẩn hoặc tùy chọn chủ đề của bạn.

Q: Thêm HTML tùy chỉnh có ảnh hưởng đến hiệu suất của trang web của tôi không?

A: Điều đó phụ thuộc vào HTML bạn đang thêm. HTML đơn giản không nên ảnh hưởng đáng kể đến hiệu suất. Tuy nhiên, nếu bạn đang thêm các kịch bản phức tạp hoặc một lượng lớn mã, nó có thể làm chậm trang web của bạn. Luôn kiểm tra các thay đổi trên một trang staging trước.

Q: Chỉnh sửa tệp functions.php có an toàn không?

A: Chỉnh sửa các tệp chủ đề như functions.php có thể rủi ro nếu bạn không quen thuộc với PHP. Luôn sao lưu trang web của bạn trước khi thực hiện thay đổi, và nếu có thể, hãy sử dụng một chủ đề con để thực hiện các tùy chỉnh.

Q: Sự khác biệt giữa việc thêm HTML vào tiêu đề và thân là gì?

A: HTML trong tiêu đề thường được sử dụng cho các thẻ meta, CSS và một số kịch bản cần tải sớm. HTML trong thân thường dành cho nội dung xuất hiện trên trang hoặc các kịch bản có thể tải sau khi trang bắt đầu hiển thị.

Q: Tôi có thể thêm HTML khác nhau vào các trang khác nhau không?

A: Có, sử dụng Phương pháp 3 (Khối HTML Tùy Chỉnh) cho phép bạn thêm HTML cụ thể vào các trang hoặc bài viết riêng lẻ. Đối với HTML toàn trang, Phương pháp 1 hoặc 2 là phù hợp hơn.

Q: Tôi nên làm gì nếu HTML đã thêm làm hỏng trang web của tôi?

A: Nếu trang web của bạn bị hỏng sau khi thêm HTML tùy chỉnh, bạn có thể:

  1. Quay lại bản sao lưu nếu bạn đã tạo một.
  2. Gỡ bỏ plugin nếu bạn đã sử dụng Phương pháp 1.
  3. Xóa mã bạn đã thêm vào functions.php nếu bạn đã sử dụng Phương pháp 2.
  4. Gỡ bỏ khối HTML Tùy Chỉnh nếu bạn đã sử dụng Phương pháp 3.