FAIR

Federated and Independent Repositories

Cocktail Recipes

Plugin Banner

Cocktail Recipes

by Ian S Goldstein

Download
Description

Cocktail Recipes makes it easy to add structured, readable cocktail recipes to any WordPress page or post. It uses a simple shortcode with the recipe data to render ingredients, glassware and preparation instructions. Recipes are displayed in a clean, modern layout with automatic scaling and unit conversion, rendered in a consistent theme-independent format to allow seamless integration into any website. The plugin is designed for speed, maintainability and minimal frontend impact.

Key Features

  • Simple [cocktail] shortcode for embedding recipes
  • Clean, responsive recipe layout
  • Automated parsing and normalization of ingredients and garnishes
  • Supports a complete range of mixing methods, glassware and ice types
  • Unit detection and automatic conversions
  • Imperial units for US and metric units for Europe, Japan and elsewhere
  • Switchable summary and full step-by-step instruction views
  • Controls for serving sizes and unit conversions
  • Works with any theme; no frontend dependencies
  • Configurable rendering options and controls via settings page
  • Customizable CSS for integration into any design
  • Frontend assets loaded only when required
  • Supports Gutenberg and the classic editor
  • Caches parsed recipes for fast rendering
  • Accessible, semantic markup with screen-reader-friendly structure and keyboard-friendly controls
  • Supports localization and translation

Why Cocktail Recipes?

Cocktail Recipes was built to solve a simple problem: cocktail recipes in WordPress posts are often unstructured and tied to a theme’s formatting. This plugin provides a consistent and reliable format which keeps content clean, portable and easy to maintain. It is optimized for bloggers, bartenders and anyone writing about cocktails. It also makes it quick and easy to include a recipe without writing out lengthy instructions. The plugin generates a complete presentation from basic input, automatically. You just list the ingredients and garnishes, specify the method, glassware and ice, and it does the rest.

Example Shortcode

[cocktail]
  2 oz gin
  1 oz St-Germain
  3/4 oz lime juice
  method: shaken
  glassware: coupe
  garnish: lime twist
[/cocktail]

Support

Using WordPress Plugin Installer (recommended)

  1. Go to your WordPress Dashboard and navigate to Plugins > Add Plugin
  2. Search for “Cocktail Recipes”
  3. Click Install, then Activate

Manual Installation

  1. Download the plugin as a .zip file
  2. Extract the contents
  3. Copy the cocktail-recipes directory into the /wp-content/plugins/ directory
  4. Go to your WordPress Dashboard and navigate to Plugins > Installed Plugins
  5. Find the “Cocktail Recipes” and click Activate
  1. Example cocktail recipe shortcode

    Example cocktail recipe shortcode

  2. Cocktail recipe rendering (summary view)

    Cocktail recipe rendering (summary view)

  3. Full instructions view with step-by-step preparation

    Full instructions view with step-by-step preparation

  4. Settings page with display and control configuration options

    Settings page with display and control configuration options

  5. Reference tab showing usage guide and available mixing methods

    Reference tab showing usage guide and available mixing methods

  6. Advanced tab with diagnostic tools and cache management

    Advanced tab with diagnostic tools and cache management

How do I add a cocktail recipe?

Insert the [cocktail] shortcode into any post or page and include your recipe lines inside it.

What can I include in a recipe?

See our Documentation for a complete list of available options, including ingredients, methods, glassware, garnishes and more.

Can visitors change serving sizes or units?

Yes. The recipe display includes controls that allow visitors to adjust serving sizes and switch between imperial and metric units.

Do ingredients require units?

No. You can include quantities with or without units.

Why are some items treated as ingredients?

Unrecognized terms are assumed to be ingredients. For glassware or garnishes, prefix the line with glass: or garnish:.

Does it work in the block editor?

Yes. You can insert the shortcode into a Shortcode block or into classic blocks.

Does it support multiple cocktails on one page?

Yes. You can include multiple recipes on one page, and each will have its own controls.

Can I configure how recipes display in different contexts?

Yes. The settings page allows you to configure how recipes render in category and related lists versus individual posts. For example, you can show just a summary view without controls in lists, then show the full recipe with all controls when someone clicks through to the post.

Can I use my own CSS to style the recipe box?

Yes. You can adjust and override the styling in your theme or child theme. The default CSS is intentionally minimal and avoids theme-specific assumptions, making overrides predictable and safe.

Can I modify the recipe layout or template?

Yes. We recommend you create a child theme and then make a copy of the template you wish to modify.

Does the plugin store recipes in the database?

No. Recipes are stored as shortcode content within your posts and pages, parsed and cached when displayed.

Where can I report a bug or suggest a feature?

You can use the WordPress support forum or visit the Product Page for more options.

1.1.0

  • Added settings page with rendering options and display controls
  • Added usage guide and reference documentation in admin
  • Added diagnostic tools for cache and token map management
  • Redesigned recipe controls with button-based interface for better usability
  • Improved mobile responsiveness for recipe display
  • Added configuration for different rendering in archive/list vs single post views
  • Fixed source/credit rendering not displaying
  • Fixed raw shortcode appearing on non-post/page content

1.0.0

  • Initial release
Back to top