New Header Size Twentythirteen WordPress


So we have the new theme for WordPress, twentythirteen. It looks really nice, and definitely fills out some responsive features.

But what if you wanted to change the header image and make it a logo, like so many of us do?

Well it isn’t as easy in twentythirteen, and here is the quick solution I found out.

I still want to shrink this down and will update it if i can.


function twentythirteen_custom_header_setup_custom() {
	$args = array(
		// Text color and image (empty to use none).
		'default-text-color'     => '220e10',
		'default-image'          => '%s/images/headers/circle.png',
		// Set height and width, with a maximum value for the width.
		'height'                 => 166,
		'width'                  => 375,
		// Callbacks for styling the header and the admin preview.
		'wp-head-callback'       => 'twentythirteen_header_style_new',
		'admin-head-callback'    => 'twentythirteen_admin_header_style',
		'admin-preview-callback' => 'twentythirteen_admin_header_image',
	add_theme_support( 'custom-header', $args );
	 * Default custom headers packaged with the theme.
	 * %s is a placeholder for the theme template directory URI.
	register_default_headers( array(
		'circle' => array(
			'url'           => '%s/images/headers/circle.png',
			'thumbnail_url' => '%s/images/headers/circle-thumbnail.png',
			'description'   => _x( 'Circle', 'header image description', 'twentythirteen' )
		'diamond' => array(
			'url'           => '%s/images/headers/diamond.png',
			'thumbnail_url' => '%s/images/headers/diamond-thumbnail.png',
			'description'   => _x( 'Diamond', 'header image description', 'twentythirteen' )
		'star' => array(
			'url'           => '%s/images/headers/star.png',
			'thumbnail_url' => '%s/images/headers/star-thumbnail.png',
			'description'   => _x( 'Star', 'header image description', 'twentythirteen' )
	) );
add_action( 'after_setup_theme', 'twentythirteen_custom_header_setup_custom' );
function twentythirteen_header_style_new() {
	$header_image = get_header_image();
	$text_color   = get_header_textcolor();
	// If no custom options for text are set, let's bail.
	if ( empty( $header_image ) && $text_color == get_theme_support( 'custom-header', 'default-text-color' ) )
	// If we get this far, we have custom styles.
	<style type="text/css" id="twentythirteen-header-css">
		if ( ! empty( $header_image ) ) :
		.site-header {
			background: url(<?php header_image(); ?>) no-repeat scroll top;
		// Has the text been hidden?
		if ( ! display_header_text() ) :
		.site-description {
			position: absolute;
			clip: rect(1px 1px 1px 1px); /* IE7 */
			clip: rect(1px, 1px, 1px, 1px);
			if ( empty( $header_image ) ) :
		.site-header .home-link {
			min-height: 0;
		// If the user has set a custom color for the text, use that.
		elseif ( $text_color != get_theme_support( 'custom-header', 'default-text-color' ) ) :
		.site-description {
			color: #<?php echo esc_attr( $text_color ); ?>;
	<?php endif; ?>


Enter that into your functions.php file and it should change the image width and height to the ones specified in the code.

Last updated by on .

36 thoughts on "New Header Size Twentythirteen WordPress"

  1. mohd says:


    I try it and it doesn’t work,

    I don’t know why.

  2. Yet, generation after generation younger ones are more precious and actually actually smarter than the previous generations.

  3. We’re going let you know what we’re up to, and you will tell us how we’re doing.

  4. I do not know whether it’s just me or if everyone else experiencing problems with your site.
    It appears like some of the text within your posts are running off
    the screen. Can someone else please comment and let me know if this is happening to them too?
    This might be a issue with my internet browser because
    I’ve had this happen previously. Many thanks

    Berita Terbaru Hari Ini

  5. Victor worked for Aspen Commercial Security and has been continually grateful
    for the knowledge they have shared with him. 1940 Tigertail Blvd, Unit 2 Fort Lauderdale,
    FL 33004. With a very good background to its credit, you will surely have a rewarding and ingenuous experience
    with a locksmith kuilsriver cape town.

  6. This is a topic that’s near to my heart… Thank you!

    Where are your contact details though?

  7. Hello everybody, here every one is sharing these kinds of experience,
    so it’s nice to read this web site, and I used to visit this website
    every day.

  8. m88day says:

    Place both $1 or $5 in chips on the desk and
    indicate to the seller nearest you that you simply’d like to play the
    Hearth Bet.

  9. Currently they’re just providing on the internet tjtle loans inn Arizona aand New Mexico.

    My blog check cashying Kansas City (

  10. Hendaknya melihat semua bahasan. Benar-benar ketika ini engkau mempelajari sekaligus posting wawasan memadai.

    Foto Idul Fitri Indonesia Hari Ini

  11. Orval says:

    El cableado para seales led requiere slo pequeos
    agujeros de paso, por lo que no estropea tanto las paredes de tu edificio.

    My website … letras corporeas precios madrid (Orval)

  12. Hi mates, its fantastic post about teachingand fully explained, keep it up
    all the time.
    Berita Artis Terkini

  13. Thanks for finally writing about > Twentythirteen header image
    resize | Server Side Guy < Liked it!

  14. Baru says:

    What’s up to all, it’s actually a nice for me to pay a visit this website,
    it contains valuable Information.

    Berita Selebriti Terbaru Hutan

  15. Good article! We will be linking to this particularly great article on oour site.
    Keeep up the good writing.

    my site: Clash Of Clans Hack Tool No Survey At All

  16. Super Buah says:

    I like the valuable information you supply to your articles.
    I will bookmark your blog and test again right here frequently.

    I am rather certain I will be informed plenty of new stuff right right here!

    Best of luck for the following!

  17. I am really loving the theme/design of your blog. Do you ever run into any browser compatibility issues?

    A handful of my blog readers have complained about my blog
    not operating correctly in Explorer but looks great in Firefox.
    Do you have any solutions to help fix this issue?

  18. Isabella says:

    What i don’t realize is in reality how you are now not really much more well-preferred
    than you may be right now. You’re so intelligent.
    You understand thus considerably with regards to this matter, made me in my
    view imagine it from a lot of varied angles. Its like men and
    women aren’t interested unless it’s something to do with Woman gaga!
    Your own stuffs great. All the time maintain it up!

  19. excellent issues altogether, you just received a new reader.
    What would you suggest in regards to your post that you made
    some days ago? Any positive?

  20. Aw, this was a very good post. Spending some time and actual effort to create a great
    article… but what can I say… I hesitate a lot and never
    seem to get nearly anything done.

  21. Sangat says:

    Everything is very open with a clear explanation of the challenges.
    It was definitely informative. Your website
    is very helpful. Many thanks for sharing!

  22. cleaner says:

    I used to be recommended this blog through my cousin. I’m not
    positive whether or not this post is written by way of him as nobody else understand such specific about my
    difficulty. You’re wonderful! Thank you!

  23. Very great post. I simply stumbled upon your weblog and wished to mention that I have really enjoyed browsing your weblog
    posts. In any case I’ll be subscribing for your rss feed and I’m hoping you write again very soon!

  24. seo rj says:

    Porém, ao longo do tempo, foi provável identificar as melhores práticas que se
    resumem em empregar bom senso na criação e estruturação de um sítio.

  25. Eunice says:

    Alternate solutions for acne concentrate on self
    care: appropriate cleansing to retain the skin oil- free; consuming a well- healthy diet that is
    high in fiber, zinc, and raw foods; and preventing booze,
    milk products, cigarette, coffee, sugar, refined foods, and foods saturated in iodine, like

    my blog post :: invisible acne cream walgreens (Eunice)

  26. Josefa says:

    It is made up of silicon that was 100% and it is powerful on previous marks; a number of meats and vitamins
    within this product.

    My web blog :: acne scar treatment nyc (Josefa)

  27. Freda says:

    Because of the fact excessive oil obstructed while in the follicles is without question an instigating factor in cystic
    acne, this particular remedies actively works to reduce pimples.

    Also visit my website :: best acne spot treatment drugstore
    2012 (Freda)

  28. Como ya hemos comentado en otras ocasiones) destruirá el driver del led
    el propio led a larga aun a corto plazo!!!

  29. Do you mind if I quote a few of your articles as long as I provide credit
    and sources back to your website? My blog site is in the exact same niche
    as yours and my visitors would really benefit from some of the information you provide
    here. Please let me know if this okay with you. Cheers!

  30. This design is spectacular! You obviously know how to keep a reader entertained.
    Between your wit and your videos, I was almost moved to start my own blog (well, almost…HaHa!) Fantastic job.

    I really enjoyed what you had to say, and more than that,
    how you presented it. Too cool!

    my blog

  31. Amazing blog! Do you have any suggestions for aspiring
    writers? I’m hoping to start my own blog soon but I’m a little lost on everything.
    Would you recommend starting with a free platform like
    Wordpress or go need maid for home a
    paid option? There are so many options out there that I’m totally overwhelmed ..
    Any suggestions? Thanks!

  32. Thank you for another informative blog. The
    place else could I am getting that kind of information written in such an ideal approach?
    I have a mission that I am just now running on, and I’ve been on the glance out
    for such info.

  33. Hi, its good article concerning media print, we all be familiar with media is a great
    source of data.

    my page

  34. First off I would like to say excellent blog! I had a quick question which I’d like
    to ask if you don’t mind. I was curious connecticut to newark airport find
    out how you center yourself and clear your thoughts
    prior to writing. I’ve had a difficult time clearing my thoughts in getting my thoughts out.

    I truly do take pleasure in writing but it just seems like the first 10 to 15 minutes are usually lost simply just trying to figure out
    how to begin. Any suggestions or tips? Cheers!

What Are Your Thoughts?

Your email address will not be published. Required fields are marked *