Penaby Anariel Design

Setting Up Your Front Page

Front Page

By default, the front page displays your latest posts. 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 front page, you can begin setting up your site!

Page Content

page content

If you choose a static front page, you can configure several panels to be displayed. The first panel holds your page content.

  1. To add an image as a background to the page content, set a Featured Image on your static front page.
  2. Add some text content to the page, if desired.

If you want to add a blue button like the one on the demo, you can use this code in the HTML editor:

<a class="button" href="http://your-link-goes-here.com/">Read More</a>

First and Second Content Blocks

First Content Block

These blocks of content consist of two pages, selected under Customize → Theme Options → Front Page. To set up your site like the demo:

  1. Add a new page, and give it some content.
  2. Set an optional Featured Image, which will be used as the content’s background.
  3. Publish your page, and navigate to Customize → Theme Options → Front Page. Select the page you created from the “First Content Block” or “Second Content Block” dropdown menus.

First Content Block

  1. If you want to show additional content in three columns (like “Watch The Film”, “Start Your Journey”, and “Donate” on the demo), you can create child pages to fill these areas, otherwise skip to step 8.
  1. Add another new page. Give it some content, More Tag and an optional Featured Image.
  2. In the Page Options module, choose the first page you created as the Parent Page, then Publish it.
  3. Create more child pages following steps 5 & 6. These will appear in columns in the parent content block.
  4. Optional: repeat steps 1-7 to set up the second content block.
Second Content Block

Second Content Block on the Pena demo site.

To add a donation block like the one on the demo, add this code to the HTML editor on the content block’s page:







<div class="donation-form">


<em>Living On One Dollar</em> partnered with Whole Planet Foundation and Mayan Families to help support two great causes. Please help us support them!



<strong>Thank you! We appreciate your generosity!</strong>



<a class="blue" href="http://your-link-goes-here.com/">Donate Now</a>

</div>






Featured Content
To show Featured Content at the bottom of your front page, choose a tag and assign it up to 20 posts that you want to feature. Add the tag you selected under Customize → Featured Content.

Featured Content

Custom Menus

Primary Menu

Pena supports one Custom Menu in the Primary Menu location, which appears in the site’s header.
If you want to have a blue button for the menu item, navigate to the Customizer > Menus, click on the menu item you want to have a blue button and inside “CSS Classes” write “blue”.

CSS Classes

Social Links Menu

Social Menu

  1. Navigate to Customize → Menus and add your menu.
  2. Add social media accounts from the “Custom Link” menu. The corresponding icon will appear in the social media bar.

Social Menu Customize

Available Icons: CodePen, Digg, Dribbble, Facebook, Flickr, GitHub, Google+, Instagram, Linkedin, Pinterest, RSS Feed (urls with /feed/), Tumblr, Twitter, Vimeo, WordPress, YouTube. Linking to any of these sites will automatically display its icon in your social bar.

Header Image

Header Image
Navigate to the Customizer‘s Header Image panel and upload your header image, which will appear below the site title/logo and menu in the header area.

Site Identity

Navigate to the Customizer’s Site Identity area to upload a custom logo. You can have a site title and tagline with your logo, a logo on its own, or a title and tagline without a logo.

Footer

Footer
Pena supports three footer widget areas: Footer Left, Footer Middle, and Footer Right. If you add widgets to these areas, they will be displayed on all pages of your site.

Page Templates

This theme offers three different page templates: “Grid,” “Full Width, No Sidebar,” and “Right Content, No Sidebar.”

Grid

This page displays all child pages with featured images in a grid. It’s perfect for listing projects, your team, or services.

Grid Template

  1. Create or edit a page, and assign it to the “Grid” page template.
  2. This page template displays all child pages of this page in a grid. Learn more about creating sub-pages (or child pages).
  3. The featured image, title, and content from each sub-page (or child 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 Template
Create or edit a page, and assign it to the “Full Width, No Sidebar” template.

Right Content, No Sidebar

This page template displays your content 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 Settings

Under Customize → Theme Options → General, choose the Blog Layout for your site. You can change the position of the sidebar or opt for a list layout without a sidebar. Your chosen layout applies to archives as well.

Under Customize → Theme Options → General, you can also hide items, like post author and date, or choose to show full-length content or excerpts for posts.

Blog Options