Guías/Crear contenido/Widgets/Shortcode de recetas

Shortcode de recetas

Este texto fue traducido usando IA. Si deseas ver el texto original en inglés, haz clic aquí.

En WordPress.com, puedes usar shortcodes para insertar una receta con formato consistente, metadatos básicos y una opción para imprimir. ¡Encontrarás un ejemplo al final de esta guía!

Insertar una receta

Para añadir una receta a tu sitio, usa el shortcode recipe. Puedes añadir un shortcode a cualquier página o entrada usando un bloque de Shortcode.

Todo lo que se encuentre entre las etiquetas de apertura [recipe] y de cierre [/recipe] se mostrará como la receta en tu página.

Código de ejemplo (Nota: Elimina los espacios al inicio de cada línea si tu código no funciona.):

""

  • Partes: ""
  • Dificultad: ""
  • Puntuación: ""
  • Imprimir

""

Enter your recipe notes here.

Ingredientes

* Ingredient
* Ingredient
* Ingredient

Direcciones

1. Direction
2. Direction
3. Direction

Nutrición

Per Serving: 580 calories; 33 g fat; 50.6 g carbohydrates;
20.3 g protein; 50 mg cholesterol; 760 mg sodium.

Lista de atributos

Puedes incluir varios «atributos» opcionales para añadir información adicional a tu receta. Esto también ayuda a los motores de búsqueda a indexar correctamente tu receta, ya que el código utiliza «microdatos» especiales para recetas.

Verás cada uno de estos atributos en acción en el ejemplo al final de esta guía.

  • Title: título de tu receta
  • Servings: número de porciones que rinde la receta
  • Time: tiempo total que lleva la receta
  • Prep time: tiempo de preparación
  • Cook time: tiempo de cocción
  • Rating: añade cualquier valoración, como estrellas (★★★★★)
  • Difficulty: qué tan difícil es elaborar la receta
  • Image: la URL de una imagen del plato.
  • Description: una breve descripción de la receta
  • Print: se muestra un enlace para imprimir la receta de forma predeterminada si has añadido uno o más de los atributos de servings, time o difficulty. También puedes ocultar el botón de imprimir añadiendo print=»false»

Añadir notas, ingredientes, instrucciones y más

Dado que muchas recetas siguen formatos similares, hemos incluido un formato adicional para estos elementos.

Para añadir notas, usa el shortcode recipe-notes:

[recipe-notes]
Add your notes, tips, etc here.
[/recipe-notes]

Para añadir ingredientes, usa el shortcode recipe-ingredients:

[recipe-ingredients]
Add ingredients here.
[/recipe-ingredients]

Para añadir instrucciones, usa el shortcode recipe-directions:

[recipe-directions]
Add directions here.
[/recipe-directions]

Para añadir información nutricional, usa el shortcode recipe-nutrition:

[recipe-nutrition]
Add nutrition information here.
[/recipe-nutrition]

Para añadir una imagen a la receta, usa el shortcode recipe-image:

[recipe-image
image=»IMAGE URL»]

NOTA: cuando usas el shortcode recipe-image, si habías utilizado el atributo image en el shortcode general recipe anterior, esa imagen ya no se mostrará.

Cada uno de los shortcodes anteriores debe colocarse dentro del shortcode [recipe]...[/recipe] y puede usarse en cualquier orden, cualquier número de veces. ¡Tú decides lo que necesitas!

Personalizar los títulos de sección

Por defecto, se incluye un título para recipe-ingredients y recipe-directions. Puedes personalizarlo.

Para ocultar el título:
[recipe-directions title=false]

Para cambiar el título por otro:
[recipe-ingredients title="Topping Ingredients"]

Crear listas

Dado que estos elementos suelen usar listas, hemos añadido un formato especial para que sea muy sencillo crear una lista.

Para crear una lista con viñetas, sigue este formato:

- item one
- item two
- item three

Para crear una lista numerada, sigue este formato:

1. item one
2. item two
3. item three

Ejemplo de una receta completa

"Summer

  • Partes: "4-6"
  • Dificultad: "easy"
  • Puntuación: "★★★★★"
  • Imprimir

"A

Put your recipe here. Tip: use ordered and unordered lists, headings, images, and links to improve the look of your recipe. You can also use special tags to format notes, ingredients, and directions.
Credit: allrecipes.com

Ingredientes

- 2 pounds vine-ripened tomatoes
- 3 cloves garlic
- 1/2 cup chopped fresh basil

Direcciones

1. In a medium bowl, toss together tomatoes, garlic, basil, mint, salt, and black pepper.
2. Cook and drain pasta.
3. Mix together.

Nutrición

Per Serving: 580 calories; 33 g fat; 50.6 g carbohydrates; 20.3 g protein; 50 mg cholesterol; 760 mg sodium.

Shortcode de receta en acción

  • Partes: 4-6
  • Dificultad: fácil
  • Puntuación: ★★★★★
  • Imprimir

Una receta de pasta fresca, ligera e inspirada en la cocina italiana, perfecta para una cena de finales de verano.


Crédito: allrecipes.com

Ingredientes

  • 2 libras de tomates maduros en rama, sin semillas y cortados en dados
  • 3 dientes de ajo, picados
  • 1/2 taza de albahaca fresca picada
  • 1 cucharada de hojas de menta fresca picadas
  • 3/4 cucharadita de sal
  • 1/2 cucharadita de pimienta negra recién molida
  • 1/4 cucharadita de hojuelas de pimiento rojo triturado
  • 1/2 taza de aceite de oliva
  • 1/4 taza de jerez dulce
  • 12 onzas de espaguetis
  • 1/2 taza de queso Asiago recién rallado
  • 2 tazas de queso fontina, rallado

Direcciones

  1. En un bol mediano, mezcla los tomates, el ajo, la albahaca, la menta, la sal y la pimienta negra, las hojuelas de pimiento picante, el aceite de oliva y el jerez dulce. Deja reposar a temperatura ambiente hasta 2 horas, removiendo de vez en cuando.
  2. Cocina la pasta en una olla grande con agua hirviendo con sal hasta que esté tierna pero firme al morderla.
  3. Escurre la pasta y transfiérela a un bol grande para servir. Escurre 1/4 de taza del líquido de la mezcla de tomate y mézclalo con la pasta para cubrirla. Añade el queso y remueve hasta que empiece a derretirse. Añade la mezcla de tomate y remueve hasta que esté bien mezclado.

Nutrición

Por ración: 580 calorías; 33 g de grasa; 50,6 g de carbohidratos; 20,3 g de proteína; 50 mg de colesterol; 760 mg de sodio.

Copied to clipboard!