Carmackby Pro Theme Design

carmack-home

To use Carmack to its full potential, we recommend that all posts have a Featured Image. These are displayed prominently on the blog, archive, and search pages. If you have any questions, let us know in the support forum.

Featured Content

carmack-featured-content

To add a Featured Content section with a slider and grid, choose a post tag that signifies that your posts are special. When this tag is used, the posts will be displayed at the top of the homepage — separate from regular blog posts — as shown above.

To set up the Featured Content section:

  1. Go to: Customize → Featured Content.
  2. Enter a tag name for the featured posts — make sure it’s unique and isn’t used anywhere else.
  3. Edit the posts that you want to display in the Featured Content section and give them the featured tag you have just selected.

The grid will only display if there are more than five featured posts. Otherwise, all featured posts will display in the slider.

Carmack also has the unique ability to highlight older Featured Content.

The Featured Content section (slider and grid) will support up to eight posts/pages. If more than eight posts/pages are marked Featured, the overflow posts/pages will appear above the regular posts in the blog when new posts are loaded.

Featured Images

Carmack supports Featured Images, which are displayed prominently on the blog, archive, and search pages. To use featured images, create a new blog post, or edit an existing one, then open the panel labeled Featured Image. Click Set featured image and then either select the image or upload a new one using the options provided. Once selected, click the Set featured image button, then save your changes.

If there is no featured image for the current blog post, Carmack will look to see if there has been an image added to the post content. If there has, then that image will be used instead; otherwise no image will be used.

On the homepage and archive pages, Carmack‘s featured images are sized 700 x 476.

Custom Menus

Carmack has two custom menu areas. The Primary Menu is displayed at the top of every page. The Secondary Menu is displayed in a page overlay, accessed by clicking a menu icon next to the site title. If there is no custom menu set, then a fallback menu listing your site’s pages will be used instead. To find out more about how to set up your menus, see the Custom Menu documentation.

Social Links Menu

social-links

Carmack allows you to display links to your social media profiles, like Twitter and Facebook, in a Social Links Menu. Each social media service is displayed as a custom icon, and the menu appears at the bottom of the website.

  1. Create a new Menu.
  2. Add your social links to it as custom links.
  3. Add it to the ‘Social Menu’ position.

There’s a more detailed tutorial on this on the Social Links Menu docs.

Available icons

Linking to any of the following sites will automatically display its icon in your menu.

  • Bloglovin’
  • Codepen
  • Digg
  • Dribbble
  • Dropbox
  • Email (mailto: links)
  • Facebook
  • Flickr
  • GitHub
  • Google+
  • Instagram
  • LinkedIn
  • Pinterest
  • Pocket
  • Polldaddy
  • Reddit
  • RSS Feed (urls with /feed/ or .rss)
  • StumbleUpon
  • Tumblr
  • Twitter
  • Vimeo
  • WordPress
  • YouTube
  • Twitch

Widget Areas

Carmack has three widget areas. There’s information on the administration of sidebars available here.

All sidebars will hide if there are no widgets to display. The remaining content will resize to fill the empty space.

  • Sidebar widgets display on the right-hand side of every page.
  • Footer widgets will be shown at the bottom of the site. Footer widgets are arranged in three columns and lined up automatically to make the best use of the space available.
  • Overlay Widgets are optional widgets that will display in a page overlay, accessed from the menu button next to the site name.

Custom Header

Carmack makes use of Custom Headers.

Post Formats

Carmack supports some of the available Post Formats, and styles each differently on the blog, archive, and search pages. Using the different formats will visually distinguish your types of content.

carmack-post-formats

  1. Standard — The default blog post format displays the content as a news article, with an optional featured image positioned on the left.
  2. Quote — The quote post format will highlight the first blockquote found in your blog post. If there’s no blockquote, then it will display the entire blog post.
  3. Audio — The audio post format will highlight the first audio file found in your blog post.
  4. Video — The video post format will display your video and the post title. It supports YouTube, Vimeo, and hosted videos; and the theme will automatically display the first video that’s added to the post content.
  5. Image — The image post format displays a large featured image and the post title. Posts with the image format need a featured image assigned to display properly.
  6. Gallery — Gallery posts will display a gallery of images from the gallery you’ve added to the post content.

Sticky Posts

carmack-sticky

Sticky posts on a Carmack-powered site get a special treatment (a yellow circle with a black star) that makes them stand out a little more. You can set one or more of your posts as “sticky” by following the steps here.

Portfolio and Testimonials

Carmack supports both a Portfolio and Testimonials. These are great for creating an online showcase of your work.

Blog Post Styles

To enhance Carmack, we have included some styles that can be reused in your blog posts and pages.

Intro Paragraph

carmack-code-intro

Making the first paragraph in an article larger than the others is a nice, simple way to pull the reader’s attention to your articles. To do this, add the ‘intro’ class to your first paragraph.

<p class="intro">The first paragraph in an article is the hardest.</p>

Drop Caps

carmack-code-drop-cap

A drop cap is a large letter at the beginning of a paragraph. To add a drop cap, wrap the first character in a block of text in a span with the class ‘drop-cap’. See below for an example:

<span class="drop-cap">T</span>his is how you drop cap.

Text Highlight

carmack-code-highlight

Apply a highlighter to your text, by wrapping your text in a span with the class ‘highlight’.

<span class="highlight">This text is highlighted</span>.

Custom Templates

Carmack has a number of Page Templates. These can be used to add additional features to pages on your site. They can also be used as Static Front Page.

The templates available are:

  • Contributors — A list of all of the contributors to your website sorted based on how many posts each person has published. Great for magazines and other multi-author blogs.
  • Full-Width Page — Displays a normal page, but with the sidebars removed so that you can have content that stretches the full width of the site.
  • Projects – Lists all the projects that have been added to your portfolio.
  • Child Page Grid – Lists all of the pages that are children of the current page. This is handy if you want to create an index of pages.