Free Child Theme for Twenty Thirteen (2013 Custom)

2013 Custom is a free child theme for Twenty Thirteen, the latest default theme for WordPress. Its mobile responsive and highly regarded as the best coded default theme WordPress have released.

This 2013 Custom child theme includes the following features:

  • All the features of Twenty Thirteen
  • Full width after post widget area which displays content on all single posts
  • Full width after header widget area which displays content site width
  • Full width header widget.

Download ↓

Zip file also includes 2012 child theme.

That’s it.

Nice and simple with 2 custom widget area’s coded into the child themes header.php and single.php template files.

2013childtheme

Customizing Child Theme

The child theme files which you can use to further customize this theme include:

  1. functions.php for your custom PHP code
  2. style.css file for your custom CSS code

There’s also the header.php and single.php which you may want to customize further.

 Adding A Slider

To add a slider in the header, all you need to do is install the Soliloquy plugin and create a new slide show.

Paste the shortcode for the slider into a text widget and drag it into the Header Widget.

Display Slider on Home Page Only

The easiest way to do this is to install the Widget Logic plugin and add either of these conditional tags to the plugins logic:

is_home()

is_front_page()

Displaying Images In Slider

The free version of Soliloquy enables you to create a slide show of images

Displaying Videos in Slider

If you want to display a video slide show in the header, you’ll need to install the premium version of Soliloquy

Other Slider Plugins

There’s 2 other slider plugins i suggest to check out for use in this child theme.

Slide Deck - Offers both a free & premium version

Easing Slider – Also offers both a free & premium version

Widgets

Styling is such a personal thing that i decided not to ad any for the widgets.

If you want to change the width or add any styling, you’ll need to add the CSS code in the style.css file to suit your needs.

Header

If you don’t want to use either of the header widgets, simply make sure neither is populated with any widgets.

You can them use the default header image feature with or without header text located under the Appearance tab.

If you have added a header image and also populate either of the header widgets, you’ll find they output your widget content below the header image.

Download 2013 Custom ↓

Register To Get Full Access & Support

Also get instant access to all premium content & downloads.

Members of WP Sites get:

  • Answers to questions relating to code & tutorials
  • Support for installation & modification of code
  • Solutions & advice given to you directly via email
  • Cancel subscription at any time, no questions asked

$65 $27/month (Early Bird Rate Limited Time Only)

1 Start Here: Enter Your Details
2 Submit PayPal Payment

Comments

  1. Vinnie says

    Hi,
    I’m so glad I found you and your custom child theme for Twenty Thirteen! I had tried everything to put a soliloqay slider into the header. short code, long code, menu.php functions.php….but this worked. I love the widgets!

    But in your child theme the header is set to have like a 20 pixel border background around the header. Is there an easy way to get rid of that? I want to have my slider header stretch the full length width wise.

      • Vinnie says

        Hi Brad,

        Thanks for your prompt response.
        I searched and the only thing that I can see to change is from this section:

        .site-header .home-link {
        color: #141412;
        display: block;
        margin: 0 auto;
        max-width: 1080px;
        min-height: 230px;
        padding: 0 20px;
        text-decoration: none;
        width: 100%;

        So I’ve changed the padding to 0 0px but no change.

        So I went to see if you had overwritten this in your child theme but you haven’t anything in there.

        So I am now wondering if its to do with inserting that text within that widget. Because why does your example look different than the stock Twenty Thirteen in that the stock version the header is full width but yours is not and has some kind of border or margin? Does this widget configuration automatically place a margin or border around elements?

        Or have I overlooked where to change the code for this in the style.css?

        perplexed

  2. Diane says

    Now I deleted a widget and it’s messed up again. I switched to the other person’s child theme and back to yours to no avail. Switched to the parent 2013 and back to yours and it’s ok. Deleted another widget. Back to messed up.

    I really wish I could use this. My old theme wasn’t responsive, but it had lots of flexibility.

    • Brad Dalton says

      Diane

      The best move i ever made was to invest in a quality premium theme framework.

      It makes customizing WordPress significantly easier and there’s a huge range of resources as well as support that helps you make your theme into anything you want it to be.

  3. Diane says

    I just changed the image for the header in the header menu from my dashboard. I didn’t change your code. The formatting was ok with the default header image, but when I changed the image the formatting was messed up. The only thing I did was rename the folder it was in to “twenty thirteen-child”

    I downloaded someone else’s 2013 child and the same thing happened.

    The only changes I have made to the 2013 parent are to turn off comments on the pages (not posts) .

    ….Well that’s weird. I re-uploaded your theme and didn’t change the name of the “2013custom” folder, and now it’s ok. Widgets are a little different than in the parent, but the structure is there.

    I have noooooo idea what happened.

  4. Diane says

    I installed your child theme on 2013, but when I changed the header, it messes up all the theme formatting. When I do the same thing with the standard 2013 theme, it looks ok.

  5. Lamb says

    Hi Brad.
    I’m confused. I click the download link and it takes me to facebook and I see no way to download this. All i’m seeing is my facebook page/posts.

    Perhaps some instructions?

    Lamb

    • Brad Dalton says

      Hi Lamb

      Weird. Facebook is like maze sometimes.

      The child theme is very basic so you’re not missing out on much.

      In will improve it this week so it includes more features.

  6. chris says

    I am confused. I downloaded the zip file which contains 2012c and 2013c. There is no footer.php file in the 2013 folder. Can I use the footer.php from 2012 with the 2013 theme? I’m really looking for a way to get a full width multi-column footer full of links in the 2013 theme.
    Thanks for providing these files.

  7. smacNZ says

    Hi Brad

    Thanks for the theme… I added the slideshow plugin you recommended and set the width at 950px. It seems to want to float left – Is there away of adjusting the margins?

    • Brad Dalton says

      Hi.

      Yeah i remember i had that problem also but will have to load up the theme locally and find the solution. Will post back here later on today when i have the fix for you.

      I would highly recommend you try a web design framework like Genesis as you will find it so much easier to customize.

  8. Steve Heap says

    Is there an easy way to increase the page/post width in 2013 theme. I have tried some changes to the CSS in my own child theme, but without much success.

    Does your child theme allow this?

    Steve

    • Brad Dalton says

      Yes. You can do this several ways.

      Create a new page template with Genesis is easy and apply CSS to the class for that page template only is also easy.

      Or you can change the existing content width in the style sheet.

      Its harder to do this when using a default theme.

  9. Em says

    Hi Brad,

    This looks great!

    Just putting together our travel blog and this loks like it would be awesome.

    However clicked to download and liked it but got the 2012c download instead ( which is also very nice) but really want to play with 2013.

    Any chance it was an error or is the 2013 custom coming back?

    Cheers
    Emily

    • Brad Dalton says

      Yes sorry Em. I forgot to include the child theme which i have now added.

      It’s a very basic theme which you can use by copying CSS from the parent theme into the child theme style.css file and modifying it there.

      I’ll email you a copy now.

      You’ll need to install the Twenty Thirteen parent theme first.

  10. Richie says

    Hello Brad,

    I really like your website and you are a great teacher showing people how to set up a website and a whole lot more. I have one thing that is missing for your website. I’m deaf and I dont understand what you are saying with your voice. Do you know there are 250 millions of deaf and hard of hearing people in the United States? Now you know. Very important for you to include closed caption for deaf people on your videos. Youtube has close caption. I don’t know how it work. Image how many deaf people around the world want to visit your website. Everyday, people around the world lose hearing from many different reasons such as loud music, sick with fever, fighting, falling down, get hit in the head, loud factories, wars, boxing, etc…..

    I hope you will put closed caption in your videos, because I will come back to read the closed caption of what you are saying on videos. Thank you Brad for making this website.

    Sincerely,
    Richie from Ohio

    • Brad Dalton says

      Hi Richie,

      Thanks for letting me know about this because I will include closed captions on my videos from now on.

      I’ll need to take a good look at how it works.

      Thanks for the comment.

Leave a Reply