This is because multiple WPRM recipe cards could appear on a single page. Notice that all of the styles are prefixed with the template-specific CSS class. Some of the styles are using variables so they can be controlled in the Template Properties tab (ex: background-color: %wprm_background% ). The “Edit CSS” tab lets you control the actual CSS used for this recipe card.
#Download recipe card template for word update
Sometimes it is easier to use the Edit HTML tab to manually update many blocks at once (ex: remove text_style="bold" from each block). The “blocks” in a WP Recipe Maker template are actually shortcodes, and the block settings are shortcode parameters. You can use the “Edit HTML” tab to add custom markup around the blocks in your recipe card, or manually edit the blocks themselves. The “Remove Blocks” tab will let you remove an existing element from the recipe card. First you’ll select the element you’d like to add, then select the existing element after which it should be placed. Add BlocksĬlick the “Add Blocks” tab to add new elements to the recipe card. For instance, if you click on the “Recipe Name” block you can change the Text Style, HTML Tag, and toggle if it is linked. The “Edit Blocks” tab lets you customize the settings for each element in the recipe card. You can change colors, font families, font sizes, and more. The “Template Properties” tab lets you customize the styling of the recipe card. I named the food recipe card on Practically Functional “PF Food”. I typically name the template using an acronym of the site and the type of recipe card. If you named the template “My Custom Template”, the CSS class would be. The CSS classes you use to style your template will use the name you provide for your custom template, so it’s a good idea to keep the name as short as possible. I recommend you start by cloning one of the newer recipe templates like Chic so you’ll already have all the newest features set up in your template. Select an existing template, then scroll down and click “Clone & Edit Template”. Go to WP Recipe Maker > Settings, then click “Open the Template Editor”. The simplest way to build a custom recipe template is with the built-in Template Editor. But if you just need to make a few tweaks to an existing template, the Template Editor is by far the simpler option. Theme Templates are recipe templates built directly in your WordPress theme, and are a better choice for fully custom recipe templates designed to match a specific theme.Īs a developer, I prefer the theme templates because they are version controlled with my theme and I can use SASS to compile the CSS files.
It’s a great option if you just need to change colors or re-arrange a few items in the recipe card. WPRM Template Editor lets you clone an existing template and tweak it to your needs.WPRM offers two different ways to build a custom recipe template: If I can’t help, I can usually direct you to someone who can. If you’re a food blogger and need help, contact me. Note: This tutorial is designed for developers familiar with WordPress and CSS. A custom recipe template is a great way to accomplish this.
It should be easy to read on all devices, look professional, and express their unique personality. The recipe card is the most important element on the page. I frequently work with food bloggers to improve the design, speed, and functionality of their websites.