Aaron is a responsive, accessibility-ready theme. Features include Call to Action and front page Highlights that will grab your visitors attention and help you feature different parts of your website. The theme has two optional menus (including a social menu) and three widget areas that will hold any number of widgets.

Want to run Aaron on a company website rather than a blog? No problem, just hide the meta, the sidebars, and turn off your comments.

I recommend that you install the Jetpack plugin to make full use of supported features like logos, featured content, contact forms and social sharing. To create a portfolio, install Jetpack and create your projects, all the templates are already shipped with the theme. Aaron also works well with Woocommerce and bbPress.

Aaron has evolved from the user comments, requests and questions that has been sent in. Thank you for contributing and helping me make a better theme.

You can download Aaron from WordPress.org.



This theme has two optional menu locations, the Primary menu and the Social menu.
An image describing how a submenu drops down from the Primary menu
The Primary menu is fixed at the top of the website and shows two menu levels. This menu will collapse on smaller screens, and can then be opened and closed by a menu button. It can also be closed with the Esc key.
A one line menu is recommended, or the menu will overlap your content. Use submenus instead.

An image describing how social icons are lined up next to each other in the Social menu
The Social menu is at the bottom of the page and shows logos of the social networks of your choice. It does not display any text, but has additional information for screen readers.
The icon will be added automatically, all you need to do is add a link to your menu.

Create a new menu, then click on Custom links and add your URL. The Link Text that you provide is used as screen reader text.
An image describing where to add URLS for the social menu.
Choose the theme location named Social Menu, and save.
An image describing what the social menu will look like when a theme location has been picked.

Troubleshooting: If your link or icon is not showing up, try using lower case letters.
Available icons:
dribbble, facebook, flickr, foursquare, github, google plus, instagram, jsfiddle, linkedin, pinterest, reddit, soundcloud, stackoverflow, tumblr, twitter, vimeo, vine, yelp, youtube, wordpress, paypal, lastfm, behance, deviantart, spotify, skype, slack, amazon, steam, xing, medium, qq, codepen.

By default, the primary meny also shows the site title and a search form. The search form is not visible on screens smaller than 800 pixels.
You can edit these features under the Advanced settings tab in the Customizer.

Widget areas

The theme now has two different sidebars: one for the front page and blog index, and one for other pages.
To show either sidebar, all you need to do is place your widgets inside them.
To hide either sidebar, remove the widgets. The content of the page will expand to full width when the sidebar is hidden.

Both the sidebars and the footer widget area can hold any number of widgets. The footer widget area is shown on all pages.
There is also one additional widget area in the footer below the social menu, where you can place a text widget and add your copyright text.

Front page

The standard front page has the following features:
Site title: You will find an option to hide or change the color of your site title in the customizer.
Call to action: The Call to Action is a great way to get your visitors attention. In the customizer you can:

  • Add your own text
  • Add a link
  • Change colors
  • Hide the button

Highlights: This is a flexible way for you to feature different sections of your website. You can add upp to nine highlights.
In the customizer you can:

  • Add your own text
  • Add a link
  • Add an icon or upload an image
  • Change colors
  • Hide the individual highlights or all of them

Tagline: You will find an option to hide your tagline in the customizer.
Header Background: You can change the background image or background color in the customizer.

Custom front page

To use a custom page template for the front page, create a new page and select the template under Page Attributes.
An image describing how to set a page template.
Then set your new page as your static front page in the customizer or under Settings > Reading.
An image describing how to set a static front page.


The Landing page template only shows your header, it does not display your footer, your featured content, post content or page content. Your header image will display as a fullscreen image.
The Header & Footer page template only shows your header and footer, it does not display your featured content, post content or page content. It will display the footer widget area, but not the sidebar.
The Static and Featured page template will display the content of the selected page together with your featured content. You also need to active the Jetpack module for Featured Content.
The Grid page template shows your posts in a responsive masonry grid. It does not display the sidebar.
The No sidebar page template shows your page content, but it does not display the sidebar.

Page sections
Page sections are a great way to display your shortcodes, testimonials, pricing tables, contact information and similar.
The two page sections can display up to 3 pages each. Pages in the top section are displayed above the blog content, and pages in the bottom section are displayed below.
You can also show your page sections without your blog content by setting a static front page, using the Sections page template.

Advanced settings

Under the Advanced settings tab in the customizer you will find the following options:

  • Show the excerpt instead of the full content on the front page, blog listing and archives Note: Search results show excerpts by default.
  • Hide the meta information. -This will hide the category and tags.
  • Hide the author and post date information.
  • Show the breadcrumb navigation. -Breadcrumbs are shown below the post title.
  • Hide the search form in the header menu.
  • Show the search form in the header menu on all screen sizes.
  • Hide the Site title in the header menu.
  • Unstick the fixed header menu.
  • Move the meta below the post content. By default, this is shown to the right of the post content.

Header settings for individual posts and pages
To display the header together with an individual post or page, go to Edit mode and activate the Header settings that are located below your post content.
Your post view will inherit the settings from the front page.

  • Show the header.
  • Use the featured image as header image. This requires the header to be active, and a featured image to be set. The image will inherit the background position from the default header.
  • Hide the Call to Action button.
  • Hide the Highlights.
  • Hide the site Tag line (Description).
  • Replace the site title in the header with your post or page title.


Note: In version 2.0, the accessibility settings were moved from the Advanced Settings to it’s own setting in the customizer. Changing the colors of the theme can affect accessibility.

  • Skip link: the theme has one skip link at the very top that lets you skip past the main menu.
    If Highligts are used, you skip to the first Highlight, otherwise you skip to the main content.
  • In the customizer you can add personalized screen reader texts for your sidebar and footer.
  • There is also an option to change text displayed as UPPERCASE to Capitalized.
  • Known issues:
    • Some widgets that uses forms (category dropdown) are missing form labels. This is a known issue with WordPress.
    • Menus have a visible focus and can be tabbed through, but you can not navigate them using the arrow keys.


Aaron uses Open Sans for body, and defaults to Montserrat for headings, menus and footer texts. You will find an option to change Montserrat to a different font in the customizer.


Aaron has been tested with and style has been added for the following plugins:

  • Woocommerce
  • bbPress
  • Jetpack
    Note: Not all of Jetpacks modules are accessibe, and some uses iframes. I have increased the contrast of some of the modules.

Recommended modules:

  • Featured content
    -Once Jetpack has been activated, you can select up to six posts or pages as a front page feature. Chose a tag and add it to your posts to separate them from the rest.
    You can also choose a headline for your featured section. Featured images are optional and the recommended image size is 360×300 pixels.
    An image describing three featured posts on the front page, two with featured images and one that only displays the post title.
  • Custom Content Type: Portfolio
    Aaron also supports Jetpack Portfolios. Read more about how to setup your Portfolio on Jetpacks support site.An image describing two portfolio items.
  • Custom Content Type: Testimonials
    Aaron also supports Jetpack Testimonials.
    Tip: I recommend creating a page and adding this shortcode, and then including the page as a front page section.

    Ditt omdömesarkiv har ännu inga poster. Du kan börja skapa dem på din adminpanel.

    Read more about how to setup your Testimonials on Jetpacks support site.
  • Sharing
    -If you activate Jetpack sharing, your buttons will be displayed below the meta information, to the right of your post content.
    An image describing how sharing buttons are added to the post footer below Tags and Categories.
  • Contact Form
  • Site logo Once Jetpack has been activated, you can add a logo above your Site title on the front page. You will find this setting in the customizer.

126 reaktioner på “Aaron

  1. Hi Carolina –

    Thanks for building this great theme! One problem I’m having – I cannot get the sections to appear on the front page, hoping you can tell me what I’m doing wrong. I want to show 2 page sections with NO posts. The documentation says:

    Page sections
    Page sections are a great way to display your shortcodes, testimonials, pricing tables, contact information and similar.
    The two page sections can display up to 3 pages each. Pages in the top section are displayed above the blog content, and pages in the bottom section are displayed below.
    You can also show your page sections without your blog content by setting a static front page, using the Sections page template.

    So I:
    – set the homepage template to: sections
    – in the top section of the customizer, I selected my two pages.
    – only the home page shows up.

    Is there another setting that’s missing?

    1. Hi!
      Make sure that you have set the Homepage Settings to ”A static page” and not ”Your latest posts” (The option with the radio buttons).

  2. Hello! Is there a way to reduce the post title font size on the mobile version? The post titles are really large. In addition, is there a way to change the width of the mobile version separately from the width of the blog on a desktop? It appears quite narrow on mobile, but in order to get it to appear wide on the mobile version, I have to set the post width to the maximum, which makes it uncomfortably wide on the desktop version.

    Thank you!

  3. How can I control the format of the post date information? Currently it looks like this: July 27, 2017. I would like to have the option to make it look like this: 2017/07/27. Is this possible?

    1. Hi, I’m sorry has this been solved? This is not a theme setting instead, go to Settings > general in the back end of your WordPress installation.

  4. Hi,
    after few months of using the theme without any problem, you suddenly cannot open the page as an error appears. Deleting the old pages from the menu did not help. Could you support me on this issue? Thanks

    1. Hi
      This is untested but you can use the custom css section in the customizer and reduce the top margin of the div that contains the site title.

      .site-branding {
      margin-top: 20px;

  5. I’m seeing the following with Aaron 2.9 and not sure if it’s expected behavior or not:

    1) The highlights on the front page are not displayed on mobile.
    2) I have selected the option to display excerpts only (under advanced settings), but mobile appears to show the full posts.
    3) The archive pages don’t have any styles.

    Any help and guidance is much appreciated.

    URL: http://eatwalklearn.com

    1. Hi!
      It looks like you are using a plugin that alters the mobile version of the site. The theme doesn’t change these items in the way you describe.

      1. Thanks so much for the quick reply! So the site did have this plugin enabled:


        Along with W3 Total Cache and Autoptimize. I have disabled all 3 plugins, cleared browser cache, and mobile display is still having those issues I described. Are there any other known incompatibilities or plugins I should look out for?

          1. Thanks!! I never work with Jetpack, so would have never known to look there. That solves the issue. Thanks again!

  6. Dear Carolina, thank you for that great theme. I do have 2 questions. 1. How can I remove the the ”PROUDLY POWERED BY WORDPRESS | THEME: AARON BY CAROLINA” footer? I’m willing to pa for that. 2. For some reason a huge ”Start Page” typo can be seen in the footer area of my static start page. How can I get rid of this? Tried everything (widgets, footer settings, different menus, etc.) It doesn’t go away. Thank you very much. Markus

    1. Hi
      -You are using the default template, this means that your latest posts will be shown. The start page text seems to be the headline of your post.

      To make changes to the theme code you need to create a child theme.
      Copy footer.php to your child theme and remove the text, -the credits are at the bottom of this file.

  7. Hi. I have website with different languages. When I insert the link to one of my pages in featured highlight section and switch the language, this is still the same link on front page which link to wrong page in different language. Can I do something that when I switch the language featured highlight also link to the page in the same language?

  8. How do I hide or remove a Highlight icon. For example, I selected the person icon to appear with Highlight 2, but now I don’t want any icon to appear. When I toggled or de-selected the radio button next to the icon, the icon would still remain selected. I didn’t see any other interface options for reverting the status of a Highlight to have/show no icon. Thanks.

    1. Hi
      I’m not able to reproduce this error. You can’t ”uncheck” a radio button. Use the ”No icon” option. I’m assuming that you are saving your settings after you change them. -Can you give me any more details? What browser are you using, what plugins do you have installed? Are there any visible errors?

  9. Hi Carolina. Here I am with another question. I want to make the sidebar a bit wider so I can put in bigger widgets. How can I do that?

    I know how to use the Customizer to change the width of the main content but reducing that width does not increase the width of the sidebar.

    As always, thank you.

  10. I installed version 2.7 but there is a problem now getting to the site. I am using a child theme. When I try to go to my site at http://competition.stcwdc.org, I get the top menu and a header only with the following message over it:
    ”Fatal error: Call to undefined function aaron_the_site_logo() in /home/stcwdc/public_html/competition/wp-content/themes/aaron-child/header.php on line 43”. How has the 2.7 version affected the child theme and what do I need to do to fix it?

    1. You need to compare your child theme with the main theme (on every update). If you haven’t done any changes to header.php then you can just copy the file from Aaron.

  11. Within Google Webmaster Tools I’m receiving the following error for my Pages and Posts at christianboyce.com:
    Missing: author

    (I was getting ”Missing: updated” also until I added a plug-in that inserts the modification date into each post and page.)

    I can see the author (Christian Boyce) is right there at the top of every post. I’ve read that this problem can be solved by wrapping in some span tags but I can’t find where ”the_author” is in the theme. Maybe there is another way to solve this. Please let me know! Thank you.

      1. I found the file and I see how it works (I think). But, where do you actually call for the author? I see ”get_the_author” but where is

        I am trying to change that line to

        I would of course like to do this in a child theme. I just can’t seem to find where ”the_author” is generated.

        Maybe there is a better way to do this– I tried a couple of plug-ins that seemed to be able to grab the author info but they didn’t look good. I guess I can try to figure out, in their code, how they did it.

        1. There are several different ways for WordPress to show the author information. the_author only prints (echos) the function get_the_author. Since the author name is printed together with other information, I choose to use get_the_author. I am not sure what exact phrases the webmaster tools is checking for. The author name is wrapped in a span on line 37. You will see class=”byline”. Try adding ”author” to this class.

          1. Hi Carolina and thank you for the help! I think your advice to go to line 37 is probably correct but I was not able to make it work. This stuff is slightly over my head.

            What I was able to do is go to content-single.php and add a line toward the bottom, like so:

            ”This post was written by .”

            I put it right above

            The error in google webmaster tools went away after that. It has to do with…

            ”Structured Data > hatom (markup: microformats.org)”

            (and that is from google webmaster tools).

            From what I have found, this ”author” tag is just as important as the ”date modified” tag. Somehow, get_the_author does not get the author in the way Google wants it.


            Thank you for your help.

  12. Well that didn’t show up as intended. Trying the examples again.

    ul { list-style: outside; }
    with HTML

    first “outside” list item comes first
    second “outside” list item comes first

    Is formatted as:

    ` * first “outside” list
    item comes first with text lined up inside the bullet
    * second “outside” list
    item comes second with text lined up inside the bullet

    But what I get is

    * first list item
    comes first and wraps to the left of the bullet.
    * second list item
    comes second and wraps to the left of the bullet.

  13. I can send you a screen capture if it isn’t at the bottom on my site on your system. I also have screen capture of how your own posts look–with the meta information in the right column at the top.

    Maybe something in my child theme CSS has moved it down? What tags target the formatting for the desktop view posts layout?


E-postadressen publiceras inte. Obligatoriska fält är märkta *