Bạn có muốn thêm một máy tính IMC vào trang web WordPress của mình không?
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 trong 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, thì việc cung cấp một máy tính BMI cho khách truy cập của bạn là điều hợp lý.
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ể sẽ 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 tốt để khuyến khích giao thông lặp lại. Nếu ai đó đang cố gắng giảm cân, bạn có thể quay lại trang web của họ để xem liệu 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 toán 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 yêu cầu độc giả của bạn rút ra máy tính của họ là không hữu ích.
Bạn có thể thêm một máy tính đơn giản trên 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 sẽ 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 plugin 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 bằng cách sử dụng các công cụ kéo và thả đơn giản.
Nó đi kèm với hàng tấn mẫu biểu 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 sẽ cần đăng ký tài khoản Formidable Forms, sau đó cài đặt và kích hoạt plugin. Để biết thêm chi tiết, 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.
Một khi bạn đã làm đ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 một biểu mẫu.
Cuộn xuống để tìm máy tính BMI hoặc chỉ cần gõ "BMI" vào thanh tìm kiếm để xác định vị trí của 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 biểu mẫu.
Tiếp theo, bạn sẽ được yêu cầu cung cấ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 phần mô tả nếu bạn muốn. Khi bạn đã sẵn sàng, nhấp vào nút "Tạo".
Khi bạn đã thực hiện điều đó, Biểu mẫu ghê gớm sẽ tự động tạo biểu mẫu 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 của biểu mẫu của bạn.
Máy tính BMI sẽ 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ó sẽ tự động được 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ữ biểu mẫu đơn giản. Các hình thức không cần phải làm việc.
Để xóa trường, chỉ cần nhấp vào nó, 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ể loại bỏ các trường thiếu cân, khỏe mạnh, 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 đượ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 gửi.
Khi ai đó sử dụng máy tính, kết quả của họ sẽ được hiển thị 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 mình.
Một lựa chọn khác ở đây là thêm liên kết để có thêm hướng dẫn. 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. Để thay đổi kích thước phông chữ và màu nền của hộp, bạn có thể sử dụng tính năng Kiểu của Biểu mẫu ghê gớm. 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. Sao chép lại vào hộp thông báo khi bạn hoàn thành.
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 của biểu mẫu của mình, bạn có thể thực hiện trong Cài đặt »Kiểu và nút.
Chỉ cần gõ vào 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ị phạm vi BMI của tôi" thay vì "Xem phạm vi 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 trên 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ỏ, như vậy:
Bạn có thể thay đổi kiểu của biểu mẫu bằng các màu khác nhau, cỡ chữ và hơn thế 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ó, nếu bạn muốn sử dụng cùng một kiểu cho tất cả các biểu mẫu của mình.
Chúng tôi sẽ tạo ra 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 của 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.
Ở bên phải màn hình, bạn sẽ thấy bản xem trước về kiểu dáng của biểu mẫu. 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 của 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) trong tab "Hộp kiểm 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ể thực hiện trong tab Tin nhắn mẫu.
Khi bạn đã thực hiện tất cả các thay đổi 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 cho kiểu.
Sau đó, bạn có thể áp dụng phong cách cho hình thức 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 biểu mẫu.
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 của 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 phong cách bạn muốn sử dụng.
Bây giờ mẫu của bạn sẽ được tạo kiểu 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 sẽ 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.
Khi bạn đã thực hiện điều đó, 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 thanh tìm kiếm để tìm 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 biểu mẫu" 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 sửa đổ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 có thể 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 shortcode hoặc làm bất cứ điều gì bổ sung.
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 trong 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 web 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 trên Twitter và Facebook.
