Skip to content

Instantly share code, notes, and snippets.

@jcallaghan

jcallaghan/Recipe.html

Last active October 24, 2019 14:51
Show Gist options
  • Save jcallaghan/027e85fe0fc92d61c9904ae933954e4a to your computer and use it in GitHub Desktop.
Save jcallaghan/027e85fe0fc92d61c9904ae933954e4a to your computer and use it in GitHub Desktop.
Download ZIP
WordPress recipe boilerplate with schema tags. #Website
Raw
Recipe.html
<div itemtype="http://schema.org/Recipe">
<!-- wp:heading -->
<h2 class="cooking-heading" itemprop="name" itemtype="http://schema.org/Recipe">???</h2>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<span class="cooking-description" itemprop="description">???</span>
<!-- /wp:paragraph -->
<!-- wp:paragraph -->
<p class="cooking-details" itemtype="http://schema.org/Recipe">
<span itemprop="name" class="cooking-name">Recipe: ???</span><br/>
<span itemprop="recipeYield" class="cooking-yield yield">Serves: ??</span><br>
<span itemprop="prepTime" class="cooking-time-prep">Prep Time: <span class="mins">?? mins</span></span><br>
<span itemprop="performTime" class="cooking-time-cook">Cook Time: <span class="mins">?? mins</span></span><br>
<span itemprop="totalTime" class="cooking-time-full">Ready in <span class="mins">?? min</span></span></br>
<span itemprop="recipeCategory" class="cooking-category">Category: ???</span>
</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"level":3} -->
<h3 itemscope itemtype="http://schema.org/Recipe">Ingredients</h3>
<!-- /wp:heading -->
<!-- wp:list -->
<ul itemscope itemtype="http://schema.org/Recipe" class="cooking-ingredients recipeIngredients">
<li itemprop="ingredients" class="recipeIngredient"></li>
<li itemprop="ingredients" class="recipeIngredient"></li>
<li itemprop="ingredients" class="recipeIngredient"></li>
</ul>
<!-- /wp:list -->
<!-- wp:heading {"level":3} -->
<h3 itemtype="http://schema.org/Recipe">Method</h3>
<!-- /wp:heading -->
<!-- wp:list {"ordered":true} -->
<ol itemtype="http://schema.org/Recipe" class="cooking-instructions recipeInstructions">
<li temprop="recipeInstructions" class="recipeInstructions step"></li>
<li temprop="recipeInstructions" class="recipeInstructions step"></li>
<li temprop="recipeInstructions" class="recipeInstructions step"></li>
</ol>
<!-- /wp:list -->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment