NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
04/11/2023
Lượt xem

Cách thêm code snippet trong WordPress nhanh chóng

04/11/2023
10 phút đọc
Lượt xem

Đánh giá

5/5 - (171 bình chọn)

Khi đọc các hướng dẫn về WordPress, bạn có thể được yêu cầu thêm code snippet vào file functions.php của theme hoặc plugin. Nếu chỉ cần một sai sót nhỏ nhất cũng có thể làm hỏng webite, chính vì vậy bạn cần cẩn trọng khi thêm bất kỳ code nào vào website. Để đảm bảo an toàn, hãy cùng Vietnix tham khảo cách thêm code snippet trong WordPress một cách dễ dàng.

Sự cố với custom code snippet

Khi làm việc với WordPress, việc sử dụng custom code snippet là một trong những cách tốt nhất để tùy chỉnh website theo ý muốn.

Sự cố với custom code snippet
Sự cố với custom code snippet

Tuy nhiên, không ít lần, bạn gặp phải những sự cố bất ngờ sau khi thêm đoạn code. Sự cố với custom code snippet có thể dẫn đến các lỗi hiển thị, vấn đề về tốc độ trang web, hoặc thậm chí là website không thể truy cập.

Gần đây, trong khi tìm kiếm cách khắc phục, Vietnix đã tìm được một plugin để người dùng thêm và quản lý các Custom Code Snippets trong WordPress. WPCode là plugin code snippet phổ biến nhất hiện nay. Plugin này giúp bạn dễ dàng thêm các đoạn code trong WordPress mà không cần phải chỉnh sửa file functions.php của theme.

Trang chủ WP code
Trang chủ WP code

WPCode cũng giúp hỗ trợ thêm code theo dõi cho Google Analytics , Facebook Pixel , Google AdSense , v.v. vào khu vực header và footer trên trang web của bạn. Ngoài ra cùng tính hợp nhiều tính năng thông minh để xác thực code giúp ngăn các lỗi phổ biến.

Ngoài nội dung trên, bạn cũng có thể tham khảo:

Cách thêm code snippet trong WordPress

Đầu tiên cần cài đặt và kích hoạt plugin WPCode, Sau khi kích hoạt thành công sẽ có thêm một labels ‘Code Snippet‘ trong menu WordPress dashboard. Khi nhấn vào sẽ hiển thị tất cả danh sánh nhưng đoạn code snippet mà bạn đã lưu trên website của mình.

Hướng dẫn cài đặt plugin WordPress

Tiếp tục nhấn vào ‘Add new‘ để thêm code snippet mới cho WordPress.

Thêm code snippet mới
Thêm code snippet mới

Thao tác này sẽ đưa bạn đến trang ‘Add snippet‘. Bây giờ, có thể chọn code snippet từ library hoặc của code custom. Đê thêm code snippet, nhấp vào ‘Use snippet‘ bên dưới ‘Add Your Custom Code (New Snippet)‘.

Thêm code snippet trong WPCode
Thêm code snippet trong WPCode

Tiếp theo bạn cần nhập tiêu đề cho code snippet của mình để có thể xác định được code. Sau đó, có thể sao chép và dán code vào Preview code.

Thêm code snippet đầu tiên
Thêm code snippet đầu tiên

Đoạn code trên bức ảnh là code snippet xóa phiên bản WordPress khỏi trang web.

function wpb_remove_version() {
return '';
}
add_filter('the_generator', 'wpb_remove_version');

Bên dưới code preview, bạn sẽ thấy 2 tùy chọn insert chính: ‘Auto insert‘ và ‘Shortcode‘.

Chọn tùy chọn insert cho code snippet
Chọn tùy chọn insert cho code snippet

Nếu bạn chọn ‘Auto insert‘, đoạn code sẽ được tự động chèn và thực thi trên trang web. Bạn có thể tự động chạy đoạn code trong WordPress dashboard, ở phần header web hoặc ở mọi nơi. Thậm chí có thể chọn chèn đoạn code vào các vị trí dành riêng cho trang như trước hoặc sau bài viết hoặc trong nội dung bài viết.

Tự động chèn code snippet vào các vị trí trong trang
Tự động chèn code snippet vào các vị trí trong trang

Nếu không chắc chắn, bạn có thể chọn tùy chọn ‘Run snippet everywhere‘. Còn với cách chèn ‘Shortcode‘, snippet không được chèn tự động. Sau khi lưu snippet, bạn sẽ nhận được một shortcode cụ thể cho snippet mà có thể sử dụng ở bất kỳ đâu trên trang web của mình. Khi cuộn xuống, bạn sẽ thấy phần ‘Basic info‘, có thể thêm chú thích cho snippet ở đây.

Thêm mô tả cho snippet
Thêm mô tả cho snippet

Bạn cũng có thể gán tags cho snippet của mình. Điều này sẽ giúp sắp xếp các snippet theo theme và chức năng. Field ưu tiên cho phép bạn kiểm soát thứ tự thực thi các snippet khi muốn hiển thị nhiều snippet ở cùng một vị trí. 

Theo mặc định, tất cả các snippet đều có mức độ ưu tiên là 10. Nếu muốn một snippet hiển thị sớm hơn các snippet khác, chỉ cần đặt mức độ ưu tiên của snippet thành một số thấp hơn, chẳng hạn như 5. Cuối cùng, bạn có thể sử dụng phần ‘Smart Conditional Logic‘ để hiển thị hoặc ẩn các snippet được chèn tự động.

Smart Conditional Logic
Smart Conditional Logic trong WPCode

Ví dụ: Bạn có thể chỉ hiển thị snippet cho người dùng đã đăng nhập, chỉ tải snippet trên các URL trang cụ thể,…

Khi bạn đã chọn xong các tùy chọn, hãy chuyển button gạt từ ‘Inactive’ sang ‘Active’ ở góc trên cùng bên phải rồi nhấp vào ‘Save snippet‘.

Kích hoạt và lưu code sippet
Kích hoạt và lưu code snippet

Ngoài cách thêm code snippet trong WordPress, bạn có thể quan tâm:

Xử lý lỗi trong custom code

Thường bạn sẽ thấy lỗi syntax error hoặc 500 internal server error để khắc phục cần sử dụng cách thủ công tải lại file trên FTP. Nhưng WPCode sẽ tự động phát hiện lỗi cú pháp trong code và sẽ tắt đi ngay lập tức.

Xử lý lỗi trong code snippet
Xử lý lỗi trong code snippet

WPCode cũng sẽ hiển thị cho bạn một thông báo lỗi để có thể gỡ lỗi.

Hiện thị lý do lỗi
Hiện thị lý do lỗi

Bạn có thể di chuột vào đoạn code bị lỗi để hiển thị cách khắc phục.

Quản lý code snippet

Plugin WPCode cung cấp giao diện người dùng dễ dàng để quản lý các code snippet của bạn trong WordPress. Bạn có thể lưu snippet mà không cần kích hoạt trên trang web của mình, sau đó kích hoạt hoặc hủy kích hoạt snippet bất kỳ lúc nào. Cũng có thể lọc các snippet theo loại và vị trí, đồng thời sử dụng tags để sắp xếp các snippet một cách dễ dàng.

Export code snippet
Xuất code snippet

Bạn cũng có thể xuất các snippet cụ thể hoặc xuất hàng loạt tất cả các snippet đó. Chỉ cần truy cập Code Snippet > Tool và nhấp vào tab ‘Export‘.

Xuất code
Xuất code

Bạn hoàn toàn cũng có thể nhập code snippet khác vào bằng cách truy cập Code snippet > Tools >Import và tải file lên

Import code snippet
Import code snippet

Nếu bạn đang hướng tới việc xây dựng một trang web hoặc blog cá nhân sáng tạo và độc đáo trên WordPress, WordPress Hosting của Vietnix chắc chắn là sự lựa chọn ưu việt không thể bỏ qua. Với dịch vụ này, Vietnix tự hào bởi hàng loạt tính năng độc đáo, hiệu quả và chuyên nghiệp, được thiết kế tối ưu đặc biệt cho nền tảng WordPress phù hợp nhu cầu của đại đa số khách hàng, giúp mang lại một trải nghiệm vượt trội và đặc biệt chuyên nghiệp cho người dùng. Các ưu điểm vượt trội như:

  • Tận hưởng tốc độ tải trang cực nhanh dưới 1 giây nhờ dùng ổ cứng NVMe và công nghệ LiteSpeed Enterprise.
  • Hỗ trợ chuyên sâu và tư vấn tối ưu hóa tốc độ website từ các chuyên gia WordPress, sẵn sàng hỗ trợ 24/7.
  • An ninh dữ liệu được đảm bảo tối đa với hệ thống sao lưu tự động 4 lần mỗi ngày, cho phép khôi phục dữ liệu nhanh chóng theo yêu cầu.
  • Sự ổn định vượt trội của website được bảo đảm nhờ hạ tầng hiện đại và công nghệ Firewall anti DDoS toàn diện do chính Vietnix phát triển.
  • Tạo website WordPress dễ dàng chỉ với một cú click chuột, nhờ công cụ WordPress Toolkit tích hợp sẵn.
  • Nhận ngay bộ sưu tập theme và plugin WordPress bản quyền, bao gồm Rank Math SEO Pro, Elementor Pro, Divi,….

Liên hệ với Vietnix để được tư vấn chi tiết về dịch vụ:

  • Địa chỉ: 265 Hồng Lạc, Phường 10, Quận Tân Bình, Thành Phố Hồ Chí Minh.
  • Hotline: 1800 1093.
  • Email: sales@vietnix.com.vn.

Lời kết

Vietnix hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm code snippet trong WordPress. Ngoài nội dung bài viết này, bạn cũng có thể tham khảo các bài viết khác như hướng dẫn đẩy code lên GitHub đơn giản nhất hoặc tổng hợp 24 đoạn code hay cho WooCommerce trong WordPress tại vietnix.vn để biết thêm nhiều cách tối ưu tốt hơn cho website, chúc bạn thành công!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

ĐĂNG KÝ DÙNG THỬ HOSTING

7 NGÀY MIỄN PHÍ

XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG