Bạn muốn thêm một máy tính IMC vào trang web WordPress của bạn?
Nếu bạn cung cấp nội dung, sản phẩm hoặc dịch vụ liên quan đến sức khỏe và thể lực, máy tính BMI có thể thực sự hữu ích cho khán giả của bạn.
Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách dễ dàng thêm máy tính BMI vào WordPress. Không yêu cầu toán học hoặc mã!
BMI là gì và tại sao nó quan trọng?
BMI là viết tắt của chỉ số khối cơ thể. Đó là một số đo thô của chất béo cơ thể dựa trên chiều cao và cân nặng. Việc tính toán chỉ số BMI cho bạn một dấu hiệu nhanh về việc bạn có bị thiếu cân, thừa cân hay cân nặng phù hợp với chiều cao của bạn hay không.
Nếu bạn đã bắt đầu một blog về thể dục hoặc sức khỏe, có thể có ý nghĩa khi cung cấp một máy tính BMI cho khách truy cập của bạn.
Thêm một máy tính BMI vào trang web của bạn có thể khiến mọi người dành nhiều thời gian hơn trên trang web của bạn. Họ thậm chí có thể mua cho bạn một cái gì đó, hoặc một trong những ưu đãi liên kết của bạn.
Đó cũng là một cách tuyệt vời để khuyến khích giao thông lặp đi lặp lại. Nếu ai đó cố gắng giảm cân, bạn có thể quay lại trang web của họ để xem chỉ số BMI của họ đã được cải thiện.
Làm cách nào để tính BMI?
Bạn có thể tính BMI bằng cách tính toán sau:
BMI = kg / m2
Kg là trọng lượng của một người tính bằng kilogam và m2 là chiều cao của anh ta tính bằng mét vuông.
Nếu bạn muốn tính toán BMI bằng các đơn vị hoàng gia, bạn có thể sử dụng công thức sau:
BMI = (cân nặng / chiều cao inch2) x 703
Chỉ số BMI khỏe mạnh nằm trong khoảng 18.5 – 25. Một BMI dưới 18.5 chỉ ra rằng người đó bị thiếu cân và chỉ số BMI lớn hơn 25 cho thấy họ bị thừa cân.
Rõ ràng, nó không hữu ích để yêu cầu độc giả của bạn rút máy tính ra.
Bạn có thể thêm một máy tính đơn giản vào trang web của mình, nơi người dùng có thể nhập chiều cao và cân nặng của họ để máy tính hiển thị cho họ chỉ số BMI. Bằng cách này, người dùng vẫn tham gia vào trang web của bạn và có nhiều khả năng trở thành khách hàng hơn.
Tạo một máy tính BMI trong WordPress
Đối với hướng dẫn này, chúng tôi sẽ sử dụng plugin Formidable Forms. Đây là một trong những chương trình xây dựng biểu mẫu WordPress tốt nhất trên thị trường và cho phép bạn tạo các biểu mẫu nâng cao với các công cụ kéo và thả dễ dàng.
Nó đi kèm với rất nhiều khuôn mẫu, máy tính, trường lặp lặp tiên tiến và các công cụ khác. Điều này cho phép bạn tạo các hình thức nâng cao tương tác cao cho trang web của bạn.
Trước tiên, bạn cần đăng ký tài khoản Formidable Forms, sau đó cài đặt và kích hoạt plugin. Để biết thêm thông tin, hãy xem hướng dẫn của chúng tôi về cách cài đặt plugin WordPress.
Sau khi kích hoạt, bạn phải truy cập Ghê gớm »Hình thức và sau đó nhấp vào nút "Thêm mới" ở trên cùng để tạo máy tính BMI của bạn.
Khi bạn đã thực hiện điều đó, bạn sẽ thấy một loạt các mẫu mà bạn có thể sử dụng để tạo biểu mẫu.
Cuộn xuống để tìm máy tính BMI hoặc chỉ cần gõ "BMI" trong trường tìm kiếm để tìm nó.
Bây giờ bạn đã có mẫu máy tính BMI trên màn hình, di chuột qua nó và nhấp vào nút Tạo hình.
Sau đó, bạn sẽ được yêu cầu nhập tên cho biểu mẫu của bạn và mô tả. Bạn có thể sử dụng tên mặc định và bỏ qua mô tả nếu bạn muốn. Khi bạn đã sẵn sàng, hãy nhấp vào nút "Tạo".
Sau khi hoàn thành, Formidable Forms sẽ tự động tạo máy tính BMI cho bạn.
Bạn sẽ được chuyển trực tiếp đến chế độ xem "Xây dựng" trong biểu mẫu của bạn. Như bạn có thể thấy, bạn có biểu mẫu ở bên phải màn hình. Ở bên trái, có một khu vực nơi bạn có thể thêm hoặc chỉnh sửa các trường trong biểu mẫu của mình.
Máy tính BMI hoạt động hoàn hảo với các cài đặt mặc định. Nếu bạn muốn thêm các trường bổ sung, bạn có thể làm như vậy bằng cách nhấp vào trường bên trái và nó được tự động thêm vào biểu mẫu của bạn.
Bạn có thể muốn xóa hộp IMC Prime nếu bạn muốn giữ cho biểu mẫu đơn giản. Các hình thức không phải làm việc.
Để xóa trường, chỉ cần nhấp vào nó và sau đó nhấp vào biểu tượng thùng rác.
Nếu bạn muốn người dùng gửi biểu mẫu để xem kết quả BMI của họ, bạn cũng có thể xóa các trường thiếu cân, cân nặng, thừa cân và béo phì.
Điều chỉnh cài đặt máy tính BMI của bạn
Khi bạn hài lòng với máy tính BMI của mình, nhấp vào tab "Cài đặt" ở đầu màn hình.
Bạn có thể muốn thực hiện thay đổi ở đây. Ví dụ: bạn có thể thay đổi các tin nhắn mặc định sẽ được hiển thị cho người dùng sau khi họ gửi biểu mẫu. Nếu bạn cuộn xuống cuối trang, bạn có thể thấy chúng trong hộp Khi bạn gửi.
Khi ai đó sử dụng máy tính, kết quả sẽ xuất hiện như sau:
Bạn có thể muốn điều chỉnh từ ngữ cho phù hợp với đối tượng của bạn.
Một tùy chọn khác ở đây là thêm liên kết để được hướng dẫn thêm. Ví dụ: bạn có thể có nội dung cung cấp lời khuyên về chế độ ăn uống hoặc tập thể dục.
Bạn có thể nhập mã HTML vào hộp. Nếu bạn muốn thay đổi kích thước phông chữ và màu nền, bạn có thể sử dụng tính năng Kiểu trong Biểu mẫu có thể định dạng. Chúng ta sẽ thấy sau trong hướng dẫn này.
Dưới đây là một ví dụ về thông báo kết quả với một liên kết có liên quan bao gồm:
Tiền boa: Hộp nơi bạn có thể chỉnh sửa thông báo kết quả khá nhỏ. Bạn có thể sao chép tin nhắn từ hộp và dán nó vào trình chỉnh sửa mã để dễ chỉnh sửa hơn. Khi hoàn tất, sao chép nó trở lại hộp thông báo.
Thay đổi văn bản của nút máy tính BMI
Nếu bạn muốn thay đổi văn bản nút trong biểu mẫu của mình, bạn có thể làm như vậy trong Cài đặt »Kiểu và nút.
Chỉ cần nhập văn bản bạn muốn sử dụng. Chúng tôi sẽ sử dụng văn bản "Hiển thị khoảng BMI của tôi" thay vì "Xem khoảng thời gian của tôi!" cho văn bản nút
Chúng tôi cũng đã thay đổi "Cập nhật kết quả" thay vì "Cập nhật" cho văn bản của nút xuất hiện sau khi biểu mẫu được gửi lần đầu tiên.
Thay đổi kiểu máy tính BMI của bạn
Theo mặc định, máy tính BMI trông khá đơn giản. Văn bản cũng khá nhỏ, vì vậy:
Bạn có thể thay đổi hình dạng của hình dạng của bạn với màu sắc khác nhau, kích thước phông chữ và nhiều hơn nữa. Để làm điều này, trước tiên bạn phải đi đến Ghê gớm »Phong cách trong bảng điều khiển WordPress của bạn.
Sau đó, bạn có thể nhấp vào nút "+ Kiểu mới" để bắt đầu tạo kiểu mới. Ngoài ra, bạn có thể chỉnh sửa kiểu mặc định hiện có để sử dụng cùng một kiểu cho tất cả các biểu mẫu của bạn.
Chúng tôi sẽ tạo một phong cách mới chỉ cho mẫu máy tính BMI của chúng tôi.
Bằng cách nhấp vào menu thả xuống bên cạnh tab Nhãn Trường, bạn có thể thay đổi kích thước nhãn trong các trường trên biểu mẫu của bạn. Chúng tôi sẽ tăng điều này từ 14px lên 18px gốc.
Ở phía bên phải của màn hình, bạn sẽ thấy một bản xem trước về kiểu dáng của hình dạng. Khi bạn thực hiện thay đổi, điều này sẽ tự động cập nhật.
Bạn cũng có thể muốn tăng kích thước phông chữ và chiều cao trường cho chính các trường trong "Cài đặt trường". Bạn có thể thay đổi kích thước của các nút radio (Imperial vs Metric) trên tab "Hộp điều khiển và trường bán kính".
Bạn cũng có thể tăng kích thước phông chữ của nút trên tab Nút. Bạn cũng có thể chọn một màu cho nút.
Nếu bạn muốn mở rộng thông báo kết quả hoặc thay đổi màu nền, bạn có thể làm như vậy trên tab Tin nhắn mẫu.
Khi bạn đã thực hiện bất kỳ thay đổi nào bạn muốn nhấp vào "Cập nhật" ở góc trên bên phải để lưu các thay đổi về kiểu dáng.
Sau đó, bạn có thể áp dụng phong cách cho hình dạng của bạn. Đi đầu tiên Ghê gớm »Hình thức sau đó tìm đường Nhấp vào tiêu đề của biểu mẫu để chỉnh sửa hoặc di chuột qua biểu mẫu và nhấp vào liên kết "Chỉnh sửa" ngay bên dưới.
Sau đó, bạn có thể vào tab Cài đặt và nhấp vào Kiểu và nút để cấu hình các kiểu trong biểu mẫu của bạn.
Tại đây, bạn có thể sử dụng menu thả xuống Mẫu Kiểu để chọn mẫu kiểu mới. Chỉ cần nhấp vào menu thả xuống và sau đó nhấp vào kiểu bạn muốn sử dụng.
Bây giờ hình dạng của bạn sẽ được thiết kế trong mẫu. Đây là những gì chúng ta trông giống như:
Thêm mẫu máy tính BMI vào trang web của bạn
Khi bạn đã sẵn sàng, bạn có thể đặt biểu mẫu trực tiếp của bạn trên trang web của bạn. Đầu tiên, bạn muốn nhấp vào nút "Cập nhật" ở góc trên bên phải để lưu các thay đổi:
Sau đó, bạn sẽ cần chỉnh sửa một bài đăng hoặc trang hiện có hoặc tạo một bài mới.
Sau khi hoàn thành, bạn có thể nhấp vào nút (+) để thêm một khối mới. Chuyển đến phần Widgets và nhấp vào khối Biểu mẫu ghê gớm. Hoặc, nếu bạn thích, bạn có thể sử dụng hộp tìm kiếm để tìm thấy nó.
Bây giờ bạn có thể chỉ cần chọn hình thức BMI của bạn. Nhấp vào menu thả xuống "Chọn hình" và chọn máy tính BMI của bạn, như thế này:
Bạn có thể muốn xem trước trang của mình để xem máy tính BMI đã hoàn thành của bạn trông như thế nào trên trang web của bạn. Đây là của chúng tôi:
Nếu có điều gì đó bạn muốn thay đổi hoặc thay đổi, chỉ cần quay lại biểu mẫu của bạn trong bảng điều khiển WordPress. Bạn sẽ tìm thấy nó dưới đây Ghê gớm »Hình thức.
Mỗi khi bạn thay đổi hình thức của mình, nó sẽ tự động cập nhật ở mọi nơi trên trang web của bạn. Bạn không cần thay đổi mã thẻ hoặc làm gì thêm.
Chúng tôi hy vọng hướng dẫn này đã giúp bạn tìm hiểu cách thêm máy tính BMI vào WordPress bằng Biểu mẫu có thể định dạng. Bạn cũng có thể thích các bài viết của chúng tôi về các tiện ích WordPress hữu ích nhất và bạn phải có các plugin WordPress cho các trang kinh doanh.
Nếu bạn thích bài viết này, đăng ký kênh của chúng tôi YouTube để xem video hướng dẫn WordPress. Bạn cũng có thể tìm thấy chúng tôi tại Twitter và Facebook.
