Veggie is perfectly suited for food-related sites, from recipe collections to food blogs or magazine-style sites. Veggie‘s modern, easy-to-read typography and minimalist design is a pleasure to view on devices of all sizes.
As a special treat, the theme’s demo site features a selection of healthy recipes for you to try and to share with others — including royalty-free photos of these gorgeous dishes. Bon appetit!
Veggie is responsive and displays your site in the best possible way on smartphones, tablets, and laptops, as well as large desktop screens.
Front Page: Build Your Own
We styled the Front-Page Template in Veggie with great attention to detail, from layout options to styling and typography. The front page consists of a featured content block, page content, and three different widget areas that you can combine to create unique looks.
Veggie makes use of Featured Content to add your most important posts to the top of the front page, above the logo and menu.
Flexible Blog Layout
Veggie lets you change your blog layout in seconds. In the Customizer, choose between six different blog layouts. You can change the position of the sidebar, select a grid layout, list layout, or a full-width, no-sidebar display. Your custom layout also applies to archive pages like category and date archives.
To make it easier to add variety to your site, Veggie offers several page templates:
Veggie supports social media icons for CodePen, Digg, Dribbble, Facebook, Flickr, GitHub, Google+, Instagram, Linkedin, Pinterest, RSS Feed (urls with
/feed/), Tumblr, Twitter, Vimeo, and YouTube. Linking to any of these sites will automatically display its icon in your social menu.
More Customization Options
Veggie allows you to customize your site title, site logo, custom header, and background.
Veggie comes with seven widget areas — one sidebar, three footer widget areas and three front-page widget areas. The widget areas will activate once you add widgets to them.
Quick Specs (all measurements in pixels):
- Front Page:
Top Featured Images –
One Column Recent Post Images –
Two Column Recent Post Images –
Three Column Recent Post Images –
Four Column Recent Post Images –
- The sidebar width is
- Content Width, No Sidebar
- Content Width, Sidebar
Navigate to the Customizer‘s Header Image panel and upload your header image, which will appear above the site title/logo and menu in the header area.
Navigate to the Customizer’s Site Identity area to upload a site logo. You can have a site title and tagline with your logo, a logo on its own — like on the demo site — or a title and tagline without a logo.
Logo with Site Title and Tagline
Site Title and Tagline
In the Customizer’s Theme Options panel, check “Hide Search Box” if you don’t want to show it.
Social Menu Bar
Follow the guide to creating a social links menu.
The available icons are: CodePen, Digg, Dribbble, Facebook, Flickr, GitHub, Google+, Instagram, Linkedin, Pinterest, RSS Feed (urls with
/feed/), Tumblr, Twitter, Vimeo and YouTube. Linking to any of these sites will automatically display its icon in your social bar.
Veggie supports one custom menu in the Primary Menu location.
Creating Your Front Page
By default, the front page displays your latest posts on a new site. If you don’t want to use blog posts for your homepage you can set up a static front page following this step-by-step guide. Once you’ve created your static homepage, assign the Front Page template to it.
Featured Content Area
To show the Featured Posts content at the top of your front page, choose a specific tag and assign it to up to 20 posts that you want to display. Add the tag you selected under Customizer → Featured Content.
Page Content Area
1. Navigate to the Pages and open a new page. In the demo we named it “Welcome to the Veggie”. Inside the editor add the content you want to show in the main area. See below:
First Widget Block
1. Navigate to Customizer → Widgets → Front Page First Block
2. Add widgets you want to show in the first widget area. Veggie comes with two custom widgets, the Veggie Recent Posts Widget and the Veggie Promo Block Widget. With the Recent Posts Widget you can choose the number of posts you want to show, the number of columns (one, two, three, or four), and the category slug. In this widget area we added the Veggie Recent Posts Widget twice: each instance has a different number of posts, a different category, and a different number of columns (one column and four columns). Also included is the Veggie Promo Block Widget.
Second Widget Block
1. Navigate to Customizer → Widgets → Front Page Second Block
2. Add the widgets you want to display in the second widget area. We added two Veggie Recent Posts Widgets, each with a different number of posts, a different category, and a different number of columns (one column and two column).
3. Navigate to Customizer → Widgets → Sidebar and add the widgets you want to display in the sidebar.
Third Widget Block
1. Navigate to Customizer → Widgets → Front Page Third Block
2. Add the widgets you want to display in the Third Block. In this widget area we added “Instagram” widget.
Veggie supports three footer widget areas: Footer Left, Footer Middle, and Footer Right. If you add widgets to the Footer Widget Area they will be displayed on all pages of your website. You can have one, two or three column footer area. If you add widget only to one footer widget area you’ll have one column footer. If you add widget to two footer widget areas it will be two column footer etc.
The front page consists of five different content blocks that can be differently combined to create unique looks. You can decide which one you want to display. In the live demo we showcase all content blocks, but feel free to build your own look for your site. A couple of ideas are presented below.
This theme offers four different page templates: the Grid Template, the Full Width No Sidebar Template, the Default Template, and the Right Content No Sidebar Template.
This page displays all child pages of this page with featured images in a grid. It’s perfect for Projects, Team, or Services type pages.
- Create or edit a page, and assign it to the Grid Template.
- The Grid Page Template displays all child pages of the page in a grid. Learn more about creating sub-pages (or child pages).
- The featured image, the title, and content from each sub-page creates a grid item.
Full Width No Sidebar
This page template removes the sidebar, giving your content plenty of space to spread out!
Create or edit a page, and assign it to the Full Width, No Sidebar template.
This is the default look for pages, with the content on the left and a sidebar on the right.
Create or edit a page, and assign it to the Default Template template.
Right Content No Sidebar
This page template displays your content in a similar format to the blog, with the entry title to the left and the content on the right. This page template does not include the sidebar.
Create or edit a page, and assign it to the Right Content, No Sidebar template.
Blog Page Settings
In the Customizer’s Theme Options panel, under Blog Layout, choose the best layout for your site. You can change the position of the sidebar, select a grid layout, or opt for a list layout without a sidebar. This layout applies to archive pages as well.
In the Customizer’s Theme Options panel, you can hide items like post author and date.
CSS Styles – For Advanced Users
To style your pages individually, you can use extra CSS styles in your page text/HTML editor.
<a class="button" href="">Read More</a>