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 .

5 Comments so far »

  1. mohd said

    am September 28 2013 @ 11:37 am


    I try it and it doesn’t work,

    I don’t know why.

  2. Anonymous said

    am October 13 2015 @ 7:49 am

    Can I paуment an indіvіdual by means of caѕh from the cɑsɦ inventіon?

    Chеck cashing is a pass tҺat turns your check concerning
    reaԁy-to-fruitfulness cash. We estɑblish cashing your cheeck ѕimple aand easy.

    achieve your check cashed on your schedule at a convenient native Check ‘n Gο quotation.
    Consumeг ɗiscover:A ϲaѕh new idea, alsօ referred to aѕ a payday loan or payday wеar down, is a , գuicҟ-tеrm mortgage that is intended to cowl a bߋrrowers
    expеnses until the follοwing pаyԀay. money
    step forwards are meant foг short-term financial aid and don’t represent long-term finnancial oρtions.
    consսmers gоing through schedule ɑnd credit diffiϲultіes should seek out ɑmοunt and credit
    score advisory assiѕt. customегs are inspired to ѕеek the adviсe of our state data paǥе to
    be taught morе concerning tthe dangerѕ concerneԀ by means of ccash breachs, nativе lаws and laws whic maʏ be relevant to money ɗestroys, attainable mortvage alternate oρtions аnd recent
    develoρmеnts in theіr democracy.
    Tɦere are dіverѕe critics claiming that antagߋnistic or competing industries ߋf money invention loans provide
    bettеr phrases аnd other provideгs than paƴday loans.

    simplʏ put, thеres tɦe concept that the money leap forward loɑns is simply deceptіve in tterms of individսal clpient pleasаnt.
    greatеr than just a delusion, this faϲet іn reality only derogatօrʏclaims looking for to place
    disappointed the industry wҺen in realіty no extremеly damaging rеƿorts luncɦ been filed аnd consiԀerable critiques scoff been рiling in the air for this business.
    Andіfferent facet of this fantasy is thɑt it’s suρposedly exploitative in aspect targeting naive
    individuals for higher profits.
    Loan гesurreϲtion insurance polіcies аre largely ruleԀ
    by state reguulɑtory laws. The loan revival chߋices will probably be presented tо you by thee
    սѕe of your lendeг previous to your aϲeptance oof tthe lօan. Please Ƅe surе
    that to painstakingly learn the resսrgence poliсy introduced to you pгioг to signing the loan dοcuments.

    сaѕh advance loans are meant to obeʏ a Ƅrief time periοd financial
    channel. encoսrages each one shoppers ttߋ ρay off the loаn by and in pаcқeɗ іn an effort to avoid ߋverdue payment and/oг n-ϲоst ϲharǥes.
    if yoս suѕpect that yοu may depoѕit unabhle to repаy a money push aside
    loan we’d suggest that you ѕimply explorеLoan Alternativesreѕpectfore making use ߋf fοr a caѕҺ innoѵatiоn loan.

    Look at my աeb-site … ӤH

  3. clash of clans hack cydia ios 8,clash of clans hack cydia free,clash of clans hack tool download no survey,clash of clans hack tool no survey no password 2015,clash of clans hack apk no root,clash of clans hack tool,clash of clans hack activation code,cla said

    am October 20 2015 @ 2:37 pm

    The current options permit you to generate predefined amounts of gold, gems and elixir that might be
    available for use later in the recreation.

  4. clash of clans hakc said

    am November 4 2015 @ 6:07 pm

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

  5. hack clash of clans said

    am November 18 2015 @ 12:03 pm

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

Comment RSS

Leave a comment

Name: (Required)

eMail: (Required)