Code có thể giúp bạn thiết lập giao diện, nội dung cho website của mình. Vậy làm code có khó không? Làm thế nào để chèn code vào wordpress. Nếu bạn đang xây dựng website wordpress, nhất định không thể bỏ qua các cách chèn code vào Wordpress dễ dàng [2021] mà compamarketing sẽ tổng hợp trong bài viết hôm nay. Cùng theo dõi để tham khảo nhé!
Tại sao bạn cần thêm code vào trang web của mình?
Nếu bạn nghĩ về nó như thế này, việc chèn mã vào trang web của bạn giống như có một camera trong nhà hoặc cửa hàng của bạn. Khi chúng tôi cần theo dõi hoặc làm điều gì đó bởi bên thứ ba, chúng tôi phải cài đặt mã của họ trên trang web.
Cài đặt mã Google Analytics trên trang web của bạn để xem thống kê số lượng người truy cập vào trang web của bạn ngay hôm nay. Hoặc đăng ký để kiếm tiền với Google AdSense, tiếp thị lại bằng Google Ads hoặc Facebook Ads, hoặc theo dõi bản đồ nhiệt trang web với Hotjar.
Mục đích của các ứng dụng này là giúp bạn kiểm soát cách quảng cáo được hiển thị trên trang web của bạn.
Chèn code vào trang web ở đâu?
Thông thường đối với các dịch vụ của bên thứ 3 chúng ta sẽ chèn đoạn mã [CSS, Javascript] ở phần đầu trang [header] hoặc chân trang [footer].
Nếu bạn đang tìm kiếm một trình quản lý quảng cáo WordPress cho phép quảng cáo trên các trang, bạn nên xem plugin trình quản lý quảng cáo WordPress [bạn có thể sử dụng plugin này nếu bạn muốn có quảng cáo trên các trang]. Nếu bạn muốn hiển thị quảng cáo trên thanh bên, bạn có thể sử dụng tiện ích con.
Để chèn mã HTML cho widget , hãy chọn Custom HTML trong Apprearance > Widgets nhé.
Trong bài, bạn chuyển từ Visual –> Text để chèn code.
Nếu bạn chỉnh sửa bằng Gutenberg, hãy nhấp vào 3 dấu chấm của block đó và chọn Èdit as HTML nhé!
Lưu ý:
Bản thân WordPress là một CMS. Nó có nghĩa là nó không được viết bằng bất kỳ ngôn ngữ lập trình nào. Bạn có thể sử dụng mã HTML và mã CSS để tạo kiểu cho trang web, nhưng bạn không thể viết trực tiếp bằng ngôn ngữ lập trình. Dưới đây là ba cách nhanh chóng và dễ dàng để chèn mã vào mã nguồn WordPress.
3 cách để chèn mã vào trang web.
1 . Chèn mã với theme
Đây là cách phổ biến nhất và dễ dàng nhất để người mới thêm mã vào trang web của họ. Đi tới Tùy chọn chủ đề hoặc Công cụ tùy chỉnh để xem có mã mà bạn có thể chèn vào đầu trang và chân trang hay không.
Ví dụ: nếu tôi đang sử dụng Thrive Themes, sẽ có một mục chèn mã vào trang web như sau:
Ưu điểm:
- Nhanh chóng, đơn giản
- Không cần cài đặt thêm plugin
- Cập nhật chủ đề mà không làm mất mã
Nhược điểm: Không phải tất cả các chủ đề đều được hỗ trợ
2 . Chèn code vào trang web bằng plugin.
Đầu tiên, bạn cần cài đặt và kích hoạt plugin Insert Headers and Footers.
Sau đó, đi tới Settings > Insert Headers and Footers > và dán mã vào khung.
Tùy theo yêu cầu của bạn, bạn sẽ dán vào một trong 3 khung Print Scripts sau:
- Header: mã sẽ được chèn vào tiêu đề giữa cặp và
- Body: mã sẽ được chèn ngay sau thẻ mở
- Footer: mã sẽ được chèn vào chân trang, ngay trước thẻ đóng
Sau đó, bạn bấm Save để lưu lại.
Ưu điểm:
- Không cần biết mã
- Cập nhật không bị mất
Nhược điểm: Phải cài đặt một plugin bổ sung. Nếu bạn cài quá nhiều plugin sẽ ảnh hưởng đến tốc độ trang web.
Lưu ý: Đừng nhầm giữa tệp header.php với thẻ ! header.php là tên tệp và thẻ là phần đầu của tệp header.php.
Tương tự, cặp thẻ … là phần thân của tệp.
Các cặp thẻ này có thẻ mở [không có dấu / ở trước] và thẻ đóng [có dấu / ở trước].
Ví dụ: là nơi thẻ head bắt đầu và là nơi thẻ head kết thúc.
3. Cách khác khi sử dụng plugin để chèn code
Bước 1: Tạo thư mục và tệp trên máy tính của bạn
Tên bạn chọn nhưng không được có dấu và làm theo mẫu bên dưới:
Bước 2: Dán mã plugin cơ bản vào tệp PHP
Mở tệp PHP bạn đã tạo ở Bước 1 và dán đoạn mã sau vào bên trong tệp đó: