Posted on Leave a comment

Put Your Best “Food” Forward With A Great Theme

Published: Jan 4, 2017 · Updated: May 23, 2020 by Shay Bocks · This post may contain affiliate links · Leave a Comment

See what we did with the wordplay there?

Different kind of spices on white table

A great wordpress theme for Foodies is designed for simplicity – it has minimal distractions so that the reader can stay focused on the content. A modern color scheme with plenty of white space helps make colors in your images pop. Food is great to eat, but can be made more delicious with vibrant colors – they say that we eat with our eyes first.

You can’t convey taste or smells in images, so making your images convey as much as possible is key. One trick that we like is to have vibrant fruits and vegetables that we can slice and julienne as garnishes for our recipes.

Prepping a leafy salad base and dropping quartered tomatoes on top rather than dicing them and mixing them in helps make the reds stand out. Are quartered tomatoes hard to eat? Yes – but you can finish cutting them up after you’ve taken your pictures.

PHOTO EDITING

Follow up a great photoshoot with some basic editing. Learning to select specific colors and play with the hues goes a long way. You can also (actually, we recommend) adjusting the brightness to remove imperfections, and using contrast to bring food more into focus.

The hue/saturation tool on specific colors can help your ingredients pop. A lot isn’t needed.

Just playing with the settings and adjusting 5% here and there makes imagery a lot more crisp.

MORE WORDS

We recommend writing at minimum 500 words per post. You have a unique perspective, and reasons you made certain choices about that recipe. Editorializing helps your readers make decisions

They don’t all have to be about the recipe you’re featuring. Dive into your life a little bit – why are you making this recipe? What didn’t you like about it last time you made it?

Mix in the content with images you took while cooking the food, and annotate with commentary about why you chose that frying pan or why your new bamboo ladle is a billion times better than the dollar store one you used to have.

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind. This is an example of a WordPress post, you could edit this to put information about yourself or your site so readers know where you are coming from. You can create as many posts as you like in order to share with your readers what is on your mind.

Posted on Leave a comment

Get The Garnish Intensive Discovery Workshop!

Published: Jan 5, 2017 · Updated: Jun 27, 2020 by Shay Bocks · This post may contain affiliate links · Leave a Comment

To create a visual identity for your brand that’s completely authentically yours, you need to find a combination of colors, fonts, graphic elements, and photos that come together to communicate the ideas and ideals behind the brand clearly.

And to choose colors, fonts, graphics, and photos that do that job well, you need to have an extremely clear understanding about the ideas and ideals your brand represents.

Start anywhere else, and you’re just making wild guesses – and if you don’t know your brand, how can you expect anyone else to? That’s where the Foodie Pro theme comes in.

IN THIS WORKSHOP, WE’LL DISCUSS:

  • Why it’s important to have a digital brand strategy.
  • How using your business to do good in the world helps define your brand.
  • Discovering who your audience is and how to attract them.
  • Defining goals for yourself and your business so that your work supports your lifestyle–not the other way around.
  • Gathering inspiration to remix what inspires you into something new and unique for your brand identity.
  • Persuasive web design and how to leverage your newfound brand clarity online.

WHAT YOU GET:

  • 6 recorded videos to walk you through the discovery process for yourself
  • PDF workbook to hash through the discovery process for yourself
  • Facebook community support
Posted on Leave a comment

Sample Post To Explore Foodie’s Style

Above this paragraph should be the H1 heading for your web page. Do not use H1 within your blog post area.

Inside of this test data section, you’ll find most of the basic HTML and XHTML and CSS styles that you might use within your WordPress Theme.

THIS IS THE H2 HEADING

Headings are meant to make your content easily scanable by your readers. We recommend breaking down content by sections that people typically scan by such as:

  • ingredients
  • instructions
  • nutrition and calories
  • substitutions
    • gluten free
    • dairy free
    • low carb

H2 headings should be used to separate chunks of your post text.  It also helps search engines to scan your content easily and serve up keyword-rich content to people searching for you.  Always start with H2 and then if you need to divide up a chunk of content further, use your H3.

COOKING TIPS

  • This is a sample cooking tips list
  • tip #2
  • tip #3
  • and then we wrap it up

THIS IS THE H3 HEADING

H3 headings aren’t used as often, but can be helpful in breaking down your post content further.  People, and search engines, tend to scan information first and then, if they deem the content to be something they’re interested in, they’ll go back and read the body text.  For more information, check out this Copyblogger article about SEO copywriting techniques that readers love.

Also notice how the links in that paragraph are styled so you can style links within your post content area. Links have three styles. There is the link color. You can also change the link color, along with dozens of other color and typography options, in the Foodie Pro Customizer.

THIS IS THE H4 HEADING

In this section under the H4 heading, we’re going to look at what the post content, the meat and potatoes of your site looks like. In general, you will have multiple paragraphs, so we will add another paragraph so you can adjust the spacing in between them to the look you want.

Paragraphs are not just for typing your blog babble, they can also hold frame and hold other information within your content area to help make the point you want to make in your writing. For instance, you will commonly have three types of lists.

  • General Lists using the <ul> tag
  • Ordered Lists using the <ol> tag
  • Definition Lists using the <dl> tag
    • Definition Lists use two other tags to generate the list:
      • <dt> sets up the word or phrase to be “defined”, usually set in bold, and
      • <dd> sets up the definition, which is usually in a normal or slightly smaller font and indented under the definition.
  • And that’s the end of the lists

And we’ve just tested a paragraph before and after a general list along with a nested list to help you see what at least three levels of the list will look like. Make sure that each level of the list is styled to match your specific needs. You might want to use the default disc or circle, or you might want to add graphic bullets to your list, too.

THIS IS THE H5 HEADING

While the H5 heading is not always used, maybe you might find a need for it if your H1 and H2 and H3 headings are used. You might need one to two levels of subheadings in your post content, so this one gives you another option.

We also need to look at the other two lists and then add some images and other styles to flesh out your WordPress site.

  1. You need to do this first.
  2. You need to do this second.
    • You could do this in between.
    • Or give this a try, too.
  3. But this is the third and last thing to do.

And here is another paragraph to show the relationship between the various parts and pieces.

THIS IS ANOTHER H3 HEADING

This is a test of the WordPress captioning system. This is a test of the WordPress captioning system. This is a test of the WordPress captioning system.

Let’s take a look at how images work in the theme. Typically, most food bloggers are going to use full-width centered images within the body of a post, but we’ll explore the right and left alignment options here just in case. This photo is using the medium image size and is aligned to the right. In order to clear the space below this image, I’m going to use the “clear” div class in the text editor for this post. Otherwise, things would look very misaligned.

This image is also using the medium image size option, but is aligned to the left. Notice the appropriate amount of padding surrounding the images? That’s Foodie Pro at work for you!

A centered image is a little different. It is centered in the middle and the text is pushed above and below it. This is the way we prefer food bloggers to use images: full-width and centered.

How to add the CSS styles for images is discussed in the Codex article, Using Images.

TESTING FONT LOOKS – H3 HEADING

You will need to test the looks of the different font styles, too. This is bold and THIS IS BOLD. This is italic and THIS IS ITALIC. This is bold and italic and THIS IS BOLD AND ITALIC. This is code and THIS IS CODE. And now let’s look at what the PRE tag, also known as the preformatted tag, looks like:

This is the pre tag.
It should be formatted as written
     so if you add spaces to the front of the line
  it will show the spaces and the <code> as written

This should be back to the normal paragraph style and we hope you have been paying attention to the margins and padding around each element, including the paragraph, so you can position things appropriately to the rest of the content.

YOUR CSS HERE – H3 HEADING

Let’s look at the blockquote, one of the most common tags used in most blogs. It is designed to “frame” a quote from another blog, website, or reference that you are “quoting” from. For the most part, there are three examples of usage:

This is a simple quote. It is either preceded or followed by a link within the text to the credited source. A blockquote must be designed to stand out from the rest of the text content, but it does not have to “really” stand out, just separate itself from the content so we know it’s not your words.

Each website is unique with it’s own look and feel for the various parts and pieces. This cut and paste section looks only at what you might have within your content section. So if you will have boxes for lists or little aside information, you will need to add them so you can see how they will look in the overall page layout.

Some elements in a WordPress Theme are controlled by the style sheet, while others are controlled by the Template files. Try to work on as much as you can from the style sheet first, then you can mess with the template files.

Remember, any changes you make to the style sheet and template files will be not available if you change themes. If you want them carried over, you will need to copy and paste them into the new Theme folder.

Posted on Leave a comment

Sample Post to Explore Kitchen Style

Published: Jan 6, 2017 · Updated: Jun 23, 2020 by Shay Bocks · This post may contain affiliate links · Leave a Comment

Above this paragraph should be the H1 heading for your web page. Do not use H1 within your blog post area.

Inside of this test data section, you’ll find most of the basic HTML and XHTML and CSS styles that you might use within your WordPress Theme.

THIS IS THE H2 HEADING

Headings are meant to make your content easily scanable by your readers. We recommend breaking down content by sections that people typically scan by such as:

  • ingredients
  • instructions
  • nutrition and calories
  • substitutions
    • gluten free
    • dairy free
    • low carb

H2 headings should be used to separate chunks of your post text.  It also helps search engines to scan your content easily and serve up keyword-rich content to people searching for you.  Always start with H2 and then if you need to divide up a chunk of content further, use your H3.

COOKING TIPS

  • This is a sample cooking tips list
  • tip #2
  • tip #3
  • and then we wrap it up

THIS IS THE H3 HEADING

H3 headings aren’t used as often, but can be helpful in breaking down your post content further.  People, and search engines, tend to scan information first and then, if they deem the content to be something they’re interested in, they’ll go back and read the body text.  For more information, check out this Copyblogger article about SEO copywriting techniques that readers love.

Also notice how the links in that paragraph are styled so you can style links within your post content area. Links have three styles. There is the link color. You can also change the link color, along with dozens of other color and typography options, in the Foodie Pro Customizer.

THIS IS THE H4 HEADING

In this section under the H4 heading, we’re going to look at what the post content, the meat and potatoes of your site looks like. In general, you will have multiple paragraphs, so we will add another paragraph so you can adjust the spacing in between them to the look you want.

Paragraphs are not just for typing your blog babble, they can also hold frame and hold other information within your content area to help make the point you want to make in your writing. For instance, you will commonly have three types of lists.

  • General Lists using the <ul> tag
  • Ordered Lists using the <ol> tag
  • Definition Lists using the <dl> tag
    • Definition Lists use two other tags to generate the list:
      • <dt> sets up the word or phrase to be “defined”, usually set in bold, and
      • <dd> sets up the definition, which is usually in a normal or slightly smaller font and indented under the definition.
  • And that’s the end of the lists

And we’ve just tested a paragraph before and after a general list along with a nested list to help you see what at least three levels of the list will look like. Make sure that each level of the list is styled to match your specific needs. You might want to use the default disc or circle, or you might want to add graphic bullets to your list, too.

THIS IS THE H5 HEADING

While the H5 heading is not always used, maybe you might find a need for it if your H1 and H2 and H3 headings are used. You might need one to two levels of subheadings in your post content, so this one gives you another option.

We also need to look at the other two lists and then add some images and other styles to flesh out your WordPress site.

  1. You need to do this first.
  2. You need to do this second.
    • You could do this in between.
    • Or give this a try, too.
  3. But this is the third and last thing to do.

And here is another paragraph to show the relationship between the various parts and pieces.

THIS IS ANOTHER H3 HEADING

This is a test of the WordPress captioning system. This is a test of the WordPress captioning system. This is a test of the WordPress captioning system.

Let’s take a look at how images work in the theme. Typically, most food bloggers are going to use full-width centered images within the body of a post, but we’ll explore the right and left alignment options here just in case. This photo is using the medium image size and is aligned to the right. In order to clear the space below this image, I’m going to use the “clear” div class in the text editor for this post. Otherwise, things would look very misaligned.

This image is also using the medium image size option, but is aligned to the left. Notice the appropriate amount of padding surrounding the images? That’s Foodie Pro at work for you!

A centered image is a little different. It is centered in the middle and the text is pushed above and below it. This is the way we prefer food bloggers to use images: full-width and centered.

How to add the CSS styles for images is discussed in the Codex article, Using Images.

TESTING FONT LOOKS – H3 HEADING

You will need to test the looks of the different font styles, too. This is bold and THIS IS BOLD. This is italic and THIS IS ITALIC. This is bold and italic and THIS IS BOLD AND ITALIC. This is code and THIS IS CODE. And now let’s look at what the PRE tag, also known as the preformatted tag, looks like:

This is the pre tag.
It should be formatted as written
     so if you add spaces to the front of the line
  it will show the spaces and the <code> as written

This should be back to the normal paragraph style and we hope you have been paying attention to the margins and padding around each element, including the paragraph, so you can position things appropriately to the rest of the content.

YOUR CSS HERE – H3 HEADING

Let’s look at the blockquote, one of the most common tags used in most blogs. It is designed to “frame” a quote from another blog, website, or reference that you are “quoting” from. For the most part, there are three examples of usage:

This is a simple quote. It is either preceded or followed by a link within the text to the credited source. A blockquote must be designed to stand out from the rest of the text content, but it does not have to “really” stand out, just separate itself from the content so we know it’s not your words.

Each website is unique with it’s own look and feel for the various parts and pieces. This cut and paste section looks only at what you might have within your content section. So if you will have boxes for lists or little aside information, you will need to add them so you can see how they will look in the overall page layout.

Some elements in a WordPress Theme are controlled by the style sheet, while others are controlled by the Template files. Try to work on as much as you can from the style sheet first, then you can mess with the template files.

Remember, any changes you make to the style sheet and template files will be not available if you change themes. If you want them carried over, you will need to copy and paste them into the new Theme folder.