Recipe Calculator

[ad_1]

¡Funcionalidad que encantará a tus lectores!

La opción de 1 clic para personalizar las porciones de sus recetas y recalcular instantáneamente los ingredientes necesarios.

Caracteristicas:

  • Al aumentar / disminuir las porciones, las unidades están cambiando:
  • – texto de porciones: de porción a porciones (si se selecciona más de 1 porción);
    – del nombre Single al plural de los ingredientes (p. ej., el filete de pollo recibe filetes de pollo) y viceversa;
    – de ml a L – (por ejemplo, 1100ml obtiene 1.1L) y viceversa – de L a ml;
    – de g a kg y viceversa – de kg a g (por ejemplo, todo lo que está por debajo de 1 kg se muestra en gy todo lo que está por encima de 1000 g se muestra en kg – 1100 g obtiene 1.1 kg);
    – de taza en tazas y viceversa;

  • Sensible
  • Opción en el Personalizador de temas para elegir entre iconos Ionicons o iconos con estilo CSS.
  • Opción en el Personalizador de temas para deshabilitar el estilo CSS predeterminado y usar solo el estilo CSS básico.
  • Ligero: en la Calculadora de recetas frontal se cargan los siguientes estilos y scripts:

    Si elige iconos con estilo CSS en el Personalizador de temas, total de 10 KB o 11 KB

    – 1 archivo CSS de 2 KB (el estilo CSS básico) o 1 archivo CSS de 3 KB (el estilo CSS predeterminado), según su elección.
    – 2 KB de incrustados en estilos de cabeza para los iconos CSS.
    – 1 archivo JavaScript de 6 KB.

    Si elige en el Personalizador de temas usar los iconos de Ionicons y Roboto de fuente web de Google: alrededor de 75 KB – 76 KB

    – 1 archivo CSS de 2 KB (el estilo CSS básico) o 1 archivo CSS de 4KB (el estilo CSS predeterminado), según su elección.
    – 1 KB de incrustados en estilos de cabeza para el diseño de iconos de Ionicons.
    – 1 archivo JavaScript de 6 KB.

  • Estilos y scripts cargados externamente en el front-end (puede deshabilitarlos en el Personalizador de temas):
    – Ionicons (ionicons.min.css – 51KB) – cargados externamente desde CDN (MaxCDN). Se usa para el estilo de los botones (+) más y (-) menos, y para la marca de verificación (✓), que se agrega al hacer clic en un ingrediente para marcarlo como agregado.
    – 1 KB de código JavaScript incrustado en el pie de página, que carga la fuente web Roboto de Google con un peso de 300,400,900 para mostrar todo el texto de los ingredientes y las instrucciones. Esto carga webfont.js de Google CDN, que tiene 12.8 KB y algo de estilo CSS.

  • El ancho de ambas columnas para ingredientes e instrucciones es del 50%. Pero si la sección de contenido, donde se muestran en su tema es menor o igual que <= 800px, su ancho cambia al 100%, para una mejor visualización.
  • Interactivo
  • admite marcado de datos estructurados para impulsar su SEO
  • disponible en 6 idiomas

Véalo en acción en la vista previa a continuación
calculadora de recetas
Vista previa de muestra en el tema:
Vista previa de la calculadora de recetas blog de comida

Agregar ingredientes

Para cada ingrediente, puede elegir una unidad de medida: ml, L, kg, g, etc. Si su ingrediente no tiene una unidad de medida (por ejemplo, cebolla, filete de pollo), existe la opción «Ninguna».

Si selecciona la opción «Ninguno», aparecerá otro campo donde deberá agregar el nombre plural de su ingrediente. (p.ej. Nombre del ingrediente es cebolla – Nombre plural del ingrediente – cebolla)

Plugin de calculadora de recetas

Desde la versión 1.0.7 puede seleccionar la opción «vacía» debajo de la Unidad de medida. Luego puede agregar solo un ingrediente, sin tener que especificar la cantidad, por ejemplo, sal, pimienta, etc.

Partiendo los ingredientes:

Desde la versión 1.0.3, debajo de Ingredientes en el área de administración, tiene la opción de agregar texto (s) que dividirá los ingredientes en grupos. Esto puede ser útil si su receta contiene salsa o relleno y desea separar sus ingredientes de los ingredientes del plato principal.

En este cuadro meta primero, agrega el texto que se mostrará, p. Ingerdients para la salsa y luego en el cuadro de meta al lado puede especificar antes de qué número de ingrediente se debe insertar este texto. El número de ingrediente se muestra en la parte superior de cada ingrediente que agregue.

Si no necesita dividir sus ingredientes, simplemente deje estos metaboxes vacíos.

Calculadora de recetas dividir los ingredientes

Así es como se verá en el front-end:
Calculadora de recetas Divide los ingredientes Front end

Agregar nutrientes

Desde la versión 1.0.7 puede agregar nutrientes para cada receta. Para configurar todos los nutrientes que desea que se muestren, puede agregarlos a través de la pantalla Configuración-> Calculadora de recetas en el área de administración. Una vez que se agreguen los nutrientes, también se volverán a calcular por porción.
Calculadora de Recetas Nutrientes

Si ingresa un número menor que 1 y la unidad de medida es «g» o «гр» en búlgaro y ruso, el valor se multiplicará por 1000 y la unidad de medida se cambiará automáticamente a «mg» o «мг» en búlgaro y ruso . A medida que aumenta el número de porciones, una vez que el valor alcance más de 1000 miligramos, se cambiará automáticamente a gramos y se diversificará en 1000 y viceversa. Ver la imagen de abajo:

Calculadora de Recetas Nutrientes Gramo - miligramo

Agregar instrucciones

Después de escribir el primer paso, haga clic en el botón Agregar otro paso para agregar los siguientes pasos.

Plugin de calculadora de recetas

Configuración de la calculadora de recetas en el tema Personalizador:

Personalizar Receta Claculator

La Calculadora de recetas hará que la vida de sus visitantes sea mucho más fácil, cuando quieran cocinar menos (o más) porciones que las predeterminadas, que se dan en una receta. Para usted puede ser una herramienta muy poderosa para aumentar los visitantes que regresan a su sitio web, porque … bueno, a nadie le gusta calcular.

¿No preferiría volver a un sitio web que le ofrece la opción de 1 clic para personalizar las porciones de su comida favorita y recalcular instantáneamente los ingredientes para usted?
Sin perder tiempo en los cálculos, puede preparar la cena para los amigos que invitó durante este fin de semana.

Y, si sus visitantes son como yo, de tal manera que no pueden cocinar y tienen que seguir muy estrictamente cada receta que desean preparar, de lo contrario el resultado es un desastre total: ¡les encantará tener esta funcionalidad en su sitio web!

Mi intención, crear este complemento fue ayudarlo a servir mejor a sus visitantes, de una manera que realmente apreciarán y que sigan siendo sus fieles seguidores.

Sensible

Recipe Calculator lo ayuda a brindar una gran experiencia a sus usuarios en todas las pantallas: móvil, tableta y computadora de escritorio.

Interactivo

Permite al usuario cambiar la cantidad de porciones en 1 clic y recalcula automáticamente la cantidad de ingredientes necesarios para la preparación de una receta.

Cuando el usuario hace clic o toca un ingrediente que ya tiene, cambia su opacidad. Esto facilita ver los ingredientes que tienen que agregar.

Marcado de datos estructurados

Si su tema de WordPress usa marcado de datos estructurados para recetas, la Calculadora de recetas viene preparada con marcado de microdatos para los siguientes campos de Schema.org: recetaYield, recetaIngredient y recetaInstrucciones.

También admite microformatos2 receta h con los siguientes nombres de clase: rendimiento p, ingrediente p e instrucciones electrónicas.

Idiomas

La Calculadora de recetas está actualmente disponible en inglés, holandés, búlgaro, alemán, español, ruso, húngaro y checo.

Registro de cambios

16 de diciembre de 2019 – Versión 1.0.11


- Fixed showing ingredients plural name in admin area
- Ability to show decimal values for "ml" and "g" values

17 de febrero de 2019 – Versión 1.0.10


- Fixed bug, that caused fractions not displaying correctly.
- Possibility to enter directly fractions at ingredient quantity.

3 de febrero de 2019 – Versión 1.0.9


- Fixed bug, that caused L/kg values not displaying propperly.

9 de diciembre de 2018 – Versión 1.0.8


- Removed empty option from secect. If you want no number to be shown, just leave quantity box empty.

10 de mayo de 2017 – Versión 1.0.7


- Fixed issue with skipping of portion numbers on click (js).
- Option to show just ingredient name, leaving the quantity and measurement unit empty.
- Options to add nutrients to Reipe Calculator with automatic nutrient calculation per portion.

17 de octubre de 2017 – Versión 1.0.5


- Available in Czech language.

10 de septiembre de 2017 – Versión 1.0.4


- Available in Hungarian language.
- Displays the decimal values after the floating point for ml and g as well.

28 de febrero de 2017 – Versión 1.0.3


- Added option to split the ingredients into groups, by adding a title above some of them e.g. Ingredients for the Sauce 
- Added option to sort the Ingredients and Instructions
- Added option to include Ingredients and Instructions separately in the theme via the manual display option

2 de febrero de 2017 – Versión 1.0.2

- Fixed bug with the display of the hundreds decimal values of ingredient amounts

11 de enero de 2017 – Versión 1.0.1


- Added CSS styled icons. 
- Added option in Theme Customizer to choose whether to include Google Font Roboto and Ionicons.css for the plus (+) and minus (-) icons and the check mark, or CSS styled icons and regular check mark. 
- Added option in Theme Customizer to disable the default CSS style and use only Basic CSS styling.

23 de diciembre de 2016 – Versión 1.0.0

- Initial Release

[ad_2]
Fuente

También te puede interesar

Esta web utiliza cookies propias y de terceros para su correcto funcionamiento y para fines analíticos. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Ver Política de cookies
Privacidad