WP SITES

2948 Tutorials & 189 Plugins
Quote

Free Child Theme for Twenty Thirteen (2013 Custom)

—

by

Brad Dalton

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 ↓

32 responses to “Free Child Theme for Twenty Thirteen (2013 Custom)”

  1. How To Make Your Nav Menu Sticky

    […] All CSS code should be pasted at the end of your child theme. Here’s 2 free child themes for Twenty Twelve & […]

    Reply
  2. Coz Avatar
    Coz

    Hi Brad,
    I’m having trouble with the facebook download. is it still there? I’m just getting redirected to the fb homepage

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      Must be that plugin i use. Why don’t you install the Genesis Sample child theme instead as its a great child theme to built your site on.

      Reply
  3. Vinnie Avatar
    Vinnie

    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.

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      Thanks Vinnie.

      Just remove the border from the style sheet.

      You can find where it is using Firebug.

      Reply
      1. Vinnie Avatar
        Vinnie

        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

        Reply
  4. Diane Avatar
    Diane

    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.

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply
  5. Diane Avatar
    Diane

    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.

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      Doesn’t seem like there is any problem with anyone’s code then.

      Reply
  6. Diane Avatar
    Diane

    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.

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      Is the problem with my child theme or with your code?

      What code did you change in the header?

      Reply
  7. DigiProm Avatar
    DigiProm

    Hi Brad – Great theme!

    Any way of being able to use nivo slider in it?

    Cheers

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      PHP tag. Couldn’t be easier to stick it anywhere you like it

      Reply
  8. Lamb Avatar
    Lamb

    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

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply
  9. chris Avatar
    chris

    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.

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      That’s right however you can easily copy the footer.php file from the 2013 parent theme into the child theme.

      Reply
  10. smacNZ Avatar
    smacNZ

    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?

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply
      1. SmacNZ Avatar
        SmacNZ

        Hi Brad

        Thanks for your reply… Did you have any luck on a fix for this?

        Cheers
        Scott

        Reply
  11. Steve Heap Avatar
    Steve Heap

    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

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply
  12. Peter Avatar
    Peter

    Uhh… facebook? Really? Is there any other way to get the 2013 custom Child theme?

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      Sorry. that’s the only method.

      I really think you should use Genesis as its the best.

      Reply
      1. Peter Avatar
        Peter

        No thanks on the Genesis recommendation. While I’ve read good things about it, I’ve already become trapped in an endless loop by DIY Themes and Chris Pearson’s inability to produce timely products and updates. I do not intend to become hostage to any further privately produced nightmares.

        Reply
        1. Brad Dalton Avatar
          Brad Dalton

          Fair enough Peter.

          Reply
  13. Em Avatar
    Em

    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

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply
  14. Richie Avatar
    Richie

    Sorry, my mistake, not 250 million deaf people. I meant 10 millions deaf and hearing impaired people in the United States.

    Reply
  15. Richie Avatar
    Richie

    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

    Reply
    1. Brad Dalton Avatar
      Brad Dalton

      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.

      Reply

Was This Tutorial Helpful?