Bạn có thể sử dụng plugin hoặc trình biên tập để thêm nhãn dinh dưỡng trong WordPress vào các bài viết hoặc trang của mình một cách đơn giản và thuận tiện. Để hiểu rõ hơn về vấn đề này, hãy cùng Vietnix tham khảo nội dung bài viết cách hiển thị nhãn dinh dưỡng trong WordPress đơn giản sau đây.
Tại sao cần hiển thị nhãn dinh dưỡng trong WordPress?
Nếu bạn là một blogger thực phẩm hoặc bán các mặt hàng thực phẩm trong cửa hàng trực tuyến của mình, việc thêm nhãn dinh dưỡng kèm theo công thức và sản phẩm có thể giúp bạn tuân thủ các yêu cầu về quy định thực phẩm.
Thông qua việc cung cấp thông tin về lượng calo, carbohydrate, protein và các chất dinh dưỡng khác trong bữa ăn, bạn cũng giúp người tiêu dùng đưa ra quyết định thông thái về chế độ ăn uống của họ.
Ví dụ, việc thêm nhãn dinh dưỡng vào một công thức sẽ giúp người bị tiểu đường theo dõi lượng đường tiêu thụ của họ và duy trì sức khỏe.
Thêm nhãn dinh dưỡng cũng có thể cải thiện thứ hạng SEO của blog WordPress. Điều này bởi vì các công cụ tìm kiếm thường ưu tiên các trang web cải thiện trải nghiệm người dùng bằng cách cung cấp liên quan về sản phẩm của họ.
Muốn xây dựng một website WordPress chuyên nghiệp và thu hút người dùng, bạn cần bổ sung thêm nhiều tính năng khác. Để làm điều này, việc sử dụng các theme và plugin hỗ trợ là cần thiết, từ đó bạn có thể tận dụng tối đa các tính năng và công cụ có sẵn để tạo nên một website WordPress đẹp mắt, chuyên nghiệp và hấp dẫn người dùng.
Hiện tại khi đăng ký dịch vụ WordPress Hosting tại Vietnix bạn sẽ được nhận miễn phí bộ theme & plugin trị giá lên đến 26.000.000 VND giúp bạn nâng cao chất lượng, chức năng và trải nghiệm người dùng của trang web một cách nhanh chóng và hiệu quả.
Nếu bạn cần dịch vụ WordPress Hosting chất lượng cùng hỗ trợ chuyên nghiệp, Vietnix là lựa chọn hàng đầu với các ưu điểm nổi bật:
- Tải trang nhanh chóng dưới 1 giây với ổ cứng NVMe và công nghệ LiteSpeed Enterprise.
- Đội ngũ kỹ thuật chuyên nghiệp tư vấn và tối ưu hóa mã nguồn WordPress.
- Hệ thống sao lưu tự động 4 lần/ngày, bảo vệ dữ liệu an toàn.
- Hạ tầng hiện đại với Firewall chống DDoS, đảm bảo ổn định và an toàn.
- Dễ dàng tạo website WordPress qua WordPress Toolkit chỉ với một cú nhấp chuột.
- Thiết kế website an toàn và tiện lợi với khu vực thử nghiệm không giới hạn.
- Miễn phí chứng chỉ SSL bảo vệ thông tin người dùng.
Vietnix mang đến trải nghiệm đáng tin cậy cho việc xây dựng và quản lý trang web của bạn.
Cách hiển thị nhãn dinh dưỡng trong WordPress
Bạn có thể dễ dàng thêm nhãn dinh dưỡng vào WordPress bằng cách sử dụng Nutrifox.
Đây là một công cụ tạo nhãn dinh dưỡng trực tuyến cho phép người dùng tạo và tùy chỉnh nhãn dinh dưỡng cho các sản phẩm thực phẩm hoặc công thức nấu ăn của họ.
1. Thêm nhãn dinh dưỡng với Nutrifox
Đầu tiên, bạn cần truy cập trang web Nutrifox và đăng ký tài khoản bằng cách nhấp vào nút Start Your Free Trial ở góc trên bên phải màn hình.
Nutrifox cung cấp gói dùng thử miễn phí 14 ngày cho tất cả mọi người, sau đó bạn sẽ được tính phí khoảng 9 USD/Tháng hoặc 89 USD/Năm.
Sau khi tạo tài khoản, bạn sẽ được chuyển đến trang Welcome to Nutrifox.
Từ đây, chỉ cần nhấp vào nút Create Your First Recipe để bắt đầu.
Tiếp theo, bạn sẽ được chuyển hướng đến màn hình mới, bạn cần nhập tên cho công thức mà bạn sắp tạo tại đây
Khi đã thêm tên công thức, chỉ cần nhấp vào nút Continue to Ingredients.
Lưu ý: Bạn cũng có thể nhập một công thức đã xuất bản vào Nutrifox từ trang web WordPress bằng cách nhấp vào liên kết import a published recipe.
Điều này sẽ đưa bạn đến một màn hình mới nơi bạn sẽ tạo công thức. Ở đây, bạn sẽ thấy nhãn dinh dưỡng ở cột bên phải của màn hình.
Bây giờ bạn có thể bắt đầu điền vào các field cho kích cỡ khẩu phần và số lượng khẩu phần.
Ví dụ, nếu bạn viết một công thức cho bánh red velvet, bạn cần thêm 1 lát làm kích thước khẩu phần. Sau đó, bạn phải thêm số lượng lát trong bánh vào phần Servings.
Sau khi hoàn thành, chỉ cần nhập các thành phần của công thức vào phần Ingredients và nhấn nút Add.
Sau khi đã thêm công thức, nhãn dinh dưỡng sẽ được cập nhật tự động.
Ngoài cách hiển thị nhãn dinh dưỡng trong WordPress, bạn cũng có thể tham khảo bài viết sau để tối ưu tốt hơn cho web của mình:
Tùy chỉnh nhãn dinh dưỡng
Bây giờ, bạn phải nhấp vào nút Customize ở cột bên phải để thiết kế nhãn dinh dưỡng.
Từ đây, hãy chọn Label Style từ menu dropdown. Bạn có thể chọn Tasty, FDA hoặc Basic.
Sau đó, bạn cũng có thể chọn các chất dinh dưỡng mà bạn muốn hiển thị trên nhãn dinh dưỡng bằng cách bật/tắt công tắc ở cạnh các tùy chọn này.
Ví dụ, nếu bạn muốn hiển thị tỷ lệ canxi trong bữa ăn, bạn cần bật/tắt công tắc ở cạnh tùy chọn Calcium.
Khi bạn hài lòng với nhãn dinh dưỡng của mình, bạn cần sao chép ID từ địa chỉ URL của trang web Nutrifox. ID của nhãn này là một số có 4 đến 5 chữ số sẽ cho phép bạn nhúng nhãn vào trang web WordPress.
Thêm nhãn dinh dưỡng vào một bài viết
Sau khi sao chép ID của nhãn, hãy đến WordPress website’s dashboard. Tại đó, bạn cần cài đặt và kích hoạt plugin Nutrifox WP Connector.
Plugin này sẽ thêm một block Nutrifox label vào trình biên tập Gutenberg, cho phép bạn hiển thị nhãn dinh dưỡng cùng với công thức.
Sau khi kích hoạt plugin, hãy mở trang hoặc bài viết nơi bạn muốn thêm nhãn dinh dưỡng. Tiếp theo, bạn phải nhấp vào nút “+”ở góc trên bên trái của màn hình và tìm block Nutrifox Label.
Khi đã thêm block, chỉ cần dán ID nhãn Nutrifox mà bạn đã sao chép trước đó vào block.
Cuối cùng, hãy nhấp vào nút Publish hoặc Update để lưu các thay đổi.
Bây giờ, bạn có thể truy cập trang web của mình để xem nhãn dinh dưỡng hoạt động.
2. Sử dụng Tasty Recipes để tối ưu hóa food blog và thêm nhãn dinh dưỡng
Tasty Recipes là một plugin công thức WordPress tuyệt vời cho phép bạn tối ưu hóa food blog của mình cho SEO. Nó cũng cho phép bạn điều chỉnh thiết kế và bố trí của thẻ công thức.
Ngoài ra, nó cho phép bạn tích hợp thẻ công thức của mình với Nutrifox để thêm nhãn dinh dưỡng cùng với các công thức.
Đầu tiên, bạn cần cài đặt và kích hoạt plugin Tasty Recipes. Sau khi kích hoạt, hãy đến trang Settings > Tasty Recipes và nhập license key. Bạn có thể lấy license key từ trang tài khoản Tasty Recipes.
Sau đó, chỉ cần chuyển sang tab Design trên trang Tasty Recipes.
Từ đây, bạn có thể chọn một mẫu thiết kế cho thẻ công thức từ cột xem trước bên phải. Bạn cũng có thể tùy chỉnh mẫu bằng cách sử dụng các cài đặt trên màn hình bên trái.
Sau khi đã thiết kế mẫu thẻ công thức, cuộn xuống phần Nutrifox Display và đảm bảo rằng tùy chọn Insert Nutrifox label (iframe) đã được chọn.
Nếu bạn chọn tùy chọn Insert as plain text, bạn sẽ cần nhập thủ công các chi tiết cho nhãn dinh dưỡng.
Khi bạn hài lòng với các lựa chọn của mình, đừng quên nhấn nút Save Changes để lưu các cài đặt.
Tiếp theo, chuyển sang tab Settings ở phía trên để cấu hình các tùy chọn của plugin.
Từ đây, bạn có thể chọn các nút hiển thị trên các công thức, hiển thị các check box bên cạnh thành phần, cho phép người dùng chuyển đổi đơn vị và tỉ lệ công thức cho các kích thước phục vụ khác nhau.
Bạn cũng có thể cho phép người dùng sao chép các thành phần với một lần nhấp chuột và dán công thức vào nơi khác.
Cuối cùng, đừng quên nhấp vào nút Save Changes để lưu các thay đổi.
Để thêm thẻ công thức và nhãn dinh dưỡng vào trang web, bạn cần mở một bài viết mới hoặc bài viết đã tồn tại trong block editor từ sidebar quản trị WordPress.
Khi bạn đã ở đó, chỉ cần nhấp vào nút “+” ở góc trên bên trái của màn hình và tìm block Tasty Recipe.
Khi đã thêm block, một pop up Create Recipe sẽ mở ra trong block editor. Ở đây, bạn có thể bắt đầu bằng cách thêm tiêu đề, mô tả, hình ảnh và tên tác giả cho thẻ công thức.
Tiếp theo, nhập các thành phần cho công thức vào phần Ingredients và thêm hướng dẫn cho người dùng theo dõi vào phần Instructions.
Sau đó, chỉ cần cuộn xuống phần Nutrition, nơi bạn phải thêm ID nhãn cho nhãn dinh dưỡng.
Để làm được điều này, bạn sẽ phải truy cập trang web Nutrifox và mở nhãn dinh dưỡng mà bạn muốn tích hợp vào công thức.
Tại đây, bạn có thể lấy ID của nhãn từ URL của trang web.
Lưu ý: ID sẽ là một số có 4 đến 5 chữ số ở cuối URL.
Chỉ cần sao chép nó và quay lại dashboard WordPress.
Tiếp theo, bạn phải dán ID nhãn vào ô Nutrifox ID. Sau khi hoàn thành, chỉ cần nhấp vào nút Insert để thêm thẻ công thức vào block editor.
Cuối cùng, nhấp vào nút Update hoặc Publish để lưu các thay đổi.
Bây giờ, bạn có thể truy cập trang web của mình để kiểm tra thẻ công thức với nhãn dinh dưỡng được tích hợp vào.
Nếu bạn đang cần xây dựng website và tìm một nhà cung cấp hosting uy tín, Vietnix là sự lựa chọn tốt không thể bỏ qua với những điểm mạnh sau:
- Kinh nghiệm 11 năm: Đảm bảo chất lượng và độ tin cậy.
- Dịch vụ đa dạng: Hosting, VPS, máy chủ, tên miền, email…
- Giải thưởng Thương hiệu Việt Nam xuất sắc 2022.
- 97% khách hàng hài lòng và giới thiệu dịch vụ.
- Hỗ trợ chuyên nghiệp, giải đáp nhanh chóng.
- Bảo mật dữ liệu hàng đầu.
Vietnix – Sự lựa chọn uy tín và chất lượng cho dịch vụ hosting khi xây dựng website.
- Địa chỉ: 265 Hồng Lạc, P. 10, Q. Tân Bình, TP. HCM.
- Hotline: 1800 1093.
- Email: sales@vietnix.com.vn
Lời kết
Cách hiển thị nhãn dinh dưỡng trong WordPress không chỉ giúp bạn tuân thủ các yêu cầu về thực phẩm của quy định mà còn cho phép bạn cung cấp thông tin quan trọng về dinh dưỡng đối với người dùng. Vietnix hy vọng bài viết này đã có thể cung cấp nhiều thông tin hữu ích đến bạn, ngoài ra bạn cũng có thể tham khảo thêm các bài viết khác như 16 theme WordPress du lịch miễn phí, chuyên nghiệp nhất hiện nay hoặc 10 theme blog WordPress tốt nhất hiện nay tại Vietnix.vn để có thêm kiến thức mới, chúc bạn thành công!
