Shrakeby Cedaro

Getting Started

After activating Shrake, you can begin setting it up from the Customizer, where you’ll find tools to add a logocustomize colorscreate menusset up the front-page, and more.

Detailed instructions for working with Shrake’s unique features are included below. If you run into any issues or have a question, you can find additional help by:

Shrake: Docs - Site Logo

Your site’s title and tagline will be displayed in the header area by default, but you can easily replace the text with your own logo or custom image in the Customizer:

  1. Go to the Customizer.
  2. Open the Site Identity panel.
  3. Upload a new image in the Logo field.

You may also customize the site title and tagline text in this section, or hide them to display the logo by itself.

The site logo has a max height of 60px and works best with square or horizontal images. It will only appear as a circle if you upload an image in a circle.

Homepage

Your homepage is typically one of the first pages most visitors see when browsing your site. Shrake is designed primarily as a blogging theme, but it’s possible to use a Page instead.

Read the instructions for Setting up a Static Front Page if you’d prefer to use a Page for your homepage. You’ll also want to create a page for displaying your latest posts — see the Blog section below.

Blog

By default, WordPress will display your Posts on the front page of your site as showcased in the Shrake theme demo. Alternatively, a static front page can be used, too. Learn more about setting a static “Home” page and optional blog page.

 

 

Custom Menus provide granular control over the links that appear in the various navigation areas on your site. You can create and assign menus by going to Customize → Menus.

The Primary Menu appears just below the Site Title and is the most important tool for helping visitors navigate your site.

Shrake provides a unique way to include submenu navigations. When setting up the Primary menu items, any page that has a submenu item will display the submenu navigation when that page is being viewed. An example of this menu can be seen on the homepage of the Shrake demo.

The Social Menu allows you to display links to your social media profiles as icons. Each menu item should be added as a Custom Link. Shrake will automatically display the correct icon based on the link URL. For example, a link like https://twitter.com/audiotheme will display a Twitter icon because the theme has detected it is a URL pointing to Twitter.

Shrake: Docs - Social Links

The following icons are bundled in Shrake for use in your Social Menu: CodePen, Dribbble, Facebook, Feed, Flickr, GitHub, Google+, Instagram, LinkedIn, Pinterest, Tumblr, Twitter, Vimeo, WordPress, YouTube.

Widgets

Shrake features one widget area in the footer of each page, just above the social links and site credits. Any widgets added to this area will display in a three-column grid on all pages.

 

Shrake: Docs: Featured Images

Posts and pages can be assigned a Featured Image to display as a large, full width image just above the page title and content for posts, pages, and the homepage. If the browser height is large enough to display the full image height, the entry content will scroll over the top of the featured image, hiding it as it goes up. Otherwise, the featured image will scroll with the content.

A featured image does not display on Post archive type pages.

For the best fit, we recommend making the featured images at least 1280x600. Images will be resized down to fit the 1280px width and cropped from the top down to 600px high. Images will also be resized to be full width if they are smaller than 1280px wide.

Page Templates

Full Width Template

The default page template in Shrake limits the content to 1040px wide on large screens for optimal reading, but a Full Width page template is also included for allowing content to expand the full width of the screen.

  1. Create a new page or edit an existing page
  2. Find the Page Options box and select the “Full Width” option in the Template field

Grid / List Page Template

Shrake includes a special functionality that allows you to display child pages in a visually appealing grid or list view. Here’s how the Grid Page template looks in the demo. The following documentation covers how to setup the Grid page template, however, the List Page Template is identical.

Before adding grid page items (child pages), you need to set up the Grid page to act as an “Archive” page:

  1. Create a new page.
  2. Give the page a title.
  3. Find the Page Options box and select the “Grid Page” option in the Template field.
  4. Click the Publish button to create and save the page.

You can also enter a short introduction in the main content area of the page. Now that your archive is set up, you can start adding grid page items:

  1. Create a new page.
  2. Give the page a title.
  3. Set a grid thumbnail as the Featured Image. Thumbnails are cropped to a 16:9 aspect ratio.
  4. Add page content in the content area.
  5. Find the Page Options box and change the Parent to the page you created as the Grid Page archive (this is important).
  6. Click the Publish button to create and save the page.

Now when you visit your Grid page, you should see the first grid item listed. Continue adding grid items by following the same steps above; always be sure to set the Parent page as the Grid Page.

Other Options

Custom Background

To customize the background — the default is white — go to Customize → Colors & Backgrounds  and either choose your own color or upload a background image.

Read more about customizing your background.

Archive View

The Archive View setting offers more control over how the content on archive pages of your site appears. It can be found in the Theme section of the Customizer.

By default, content for standard posts won’t show on archive pages unless a custom Excerpt has been saved. Content for other Post Formats will always show.

The “Full Text” option will display the post content in full. The post content may still be truncated using the More Tag.

The “Summary” option will display an excerpt of the content. By default, WordPress will create an automatically-generated excerpt from the post content. Alternatively, a custom excerpt can be created.