Veggieby Anariel Design

Header Image

header
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.

header1

Site Identity

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

Logo

Logo with Site Title and Tagline

Logo with Site Title and Tagline

Site Title and Tagline

Site Title and Tagline

Search Box

search
In the Customizer’s Theme Options panel, check “Hide Search Box” if you don’t want to show it.

Social Menu Bar

socials
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.

Custom Menu

Veggie supports one custom menu in the Primary Menu location.

Creating Your Front Page

front

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

featured
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.

featired

Page Content Area

pagecontentblock
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:

pagecontentblock1

First Widget Block

firstwidgetizedbox
1. Navigate to Customizer → Widgets → Front Page First Block

Widgets
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

secondwidgetizedblock
1. Navigate to Customizer → Widgets → Front Page Second Block

Widgets
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.

Widgets

Third Widget Block

thirdwidgetizedblock
1. Navigate to Customizer → Widgets → Front Page Third Block

Widgets
2. Add the widgets you want to display in the Third Block. In this widget area we added “Instagram” widget.

Footer

footer
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.

front

Page Templates

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.

Grid 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.

grid

  1. Create or edit a page, and assign it to the Grid Template.
  2. The Grid Page Template displays all child pages of the page in a grid. Learn more about creating sub-pages (or child pages).
  3. 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!

full width
Create or edit a page, and assign it to the Full Width, No Sidebar template.

Default Template

This is the default look for pages, with the content on the left and a sidebar on the right.

default
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.

right content
Create or edit a page, and assign it to the Right Content, No Sidebar template.

Blog Page Settings

bloglayout

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.

blog-templates

In the Customizer’s Theme Options panel, you can hide items like post author and date.

blog1

CSS Styles – For Advanced Users

To style your pages individually, you can use extra CSS styles in your page text/HTML editor.
Button:

<a class="button" href="">Read More</a>

Online Documentation can be found inside the demo site.