內容簡介
CI Calorie Calculator 外掛幫助使用者計算理想的每日卡路里攝取量，無論是減重、維持或增重都能輕鬆掌握。只需簡單輸入性別、年齡、身高、體重等資訊，即可獲得所需的卡路里數據。
【主要功能】
• 無需註冊或設定，啟用即用
• 在使用者瀏覽器中計算，無外部數據傳輸
• 響應式設計，適應各種螢幕尺寸
• 可選擇淺色、深色或自動主題
• 支援自訂顏色和最大寬度設置
外掛標籤
開發者團隊
原文外掛簡介
Discover your ideal daily calorie intake with our Calorie Calculator. Find out exactly how many calories you need to eat to lose, maintain, or gain weight.
Add the calculator to any page, post or widget area with the shortcode [ci_calorie_calculator].
What you enter: Gender, Age, Height, Weight, Activity, Zigzag Plan Goal, Joules, Calories, BMR Estimation Formula, Body Fat.
What you get: DAY.
Features:
Works as soon as it is activated: no account, no API key and no settings page.
Calculates in your visitor’s browser. Nothing they type is sent to calculator.io or anywhere else, and the plugin loads no ads, trackers or external scripts.
Responsive: the form and the results sit side by side on wide pages and stack on narrow ones. The frame resizes itself to fit the calculator.
Optional light, dark or automatic (follows the visitor’s system setting) theme, a custom accent colour and a maximum width, all set in the shortcode.
The calculator runs in an iframe, so your theme’s styles cannot break it and it cannot break your theme.
More about this calculator: https://www.calculator.io/calorie-calculator/
Usage
Add the Calorie Calculator shortcode to your page, post or sidebar:
[ci_calorie_calculator]
Or add the following code to your template where you would like the Calorie Calculator to appear:
All attributes are optional:
title – 1 (default) shows the calculator heading with its icon, 0 hides it. Example: [ci_calorie_calculator title="0"]
theme – light (default), dark, or auto to follow the visitor’s light/dark system setting. Example: [ci_calorie_calculator theme="auto"]
accent – an accent colour for buttons and highlights, as a hex value. Example: [ci_calorie_calculator accent="#2563eb"]
max_width – the widest the calculator may be: a number followed by px, % or rem. The calculator is centred when it is narrower than its column. Example: [ci_calorie_calculator max_width="720px"]
Attributes can be combined: [ci_calorie_calculator title="0" theme="auto" accent="#2563eb" max_width="720px"]
Source code and libraries
The plugin’s own JavaScript and CSS are shipped unminified and human-readable: assets/js/*.js (except assets/js/lib/), assets/css/main.css, assets/css/ci-widget.css, assets/css/ci-embed.css and the PHP file. main.css is the compiled, unminified stylesheet of calculator.io. The calculator is also published on the calculator.io website: https://www.calculator.io/calorie-calculator/
Third-party libraries bundled in assets/js/lib/. Where a file is minified, the readable source is available at the upstream address:
math.js 3.37.1 (Apache-2.0) – assets/js/lib/math.min.js, minified build. Source: https://github.com/josdejong/mathjs
marked 15.0.12 (MIT) – assets/js/lib/marked.min.js, minified build. Source: https://github.com/markedjs/marked
Inputmask 5.0.9-beta.70 (MIT) – assets/js/lib/input-mask.min.js, minified build. Source: https://github.com/RobinHerbots/Inputmask
lazysizes 5.3.2 (MIT) – assets/js/lib/lazysizes.js. Source: https://github.com/aFarkas/lazysizes
Air Datepicker 3.3.0 (MIT) – assets/js/lib/air-datepicker.js. Source: https://github.com/t1m0n/air-datepicker
Inter font (SIL Open Font License 1.1) – assets/fonts/inter-v20-latin.woff2. Source: https://github.com/rsms/inter