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' ) )
		return;
 
	// If we get this far, we have custom styles.
	?>
	<style type="text/css" id="twentythirteen-header-css">
	<?php
		if ( ! empty( $header_image ) ) :
	?>
		.site-header {
			background: url(<?php header_image(); ?>) no-repeat scroll top;
		}
	<?php
		endif;
 
		// Has the text been hidden?
		if ( ! display_header_text() ) :
	?>
		.site-title,
		.site-description {
			position: absolute;
			clip: rect(1px 1px 1px 1px); /* IE7 */
			clip: rect(1px, 1px, 1px, 1px);
		}
	<?php
			if ( empty( $header_image ) ) :
	?>
		.site-header .home-link {
			min-height: 0;
		}
	<?php
			endif;
 
		// 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-title,
		.site-description {
			color: #<?php echo esc_attr( $text_color ); ?>;
		}
	<?php endif; ?>
	</style>
	<?php
}

 

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 .

31 Comments so far »

  1. mohd said

    am September 28 2013 @ 11:37 am

    Hi,

    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. cashdestroy.com 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.

  6. Foto Bella Shofie said

    am December 22 2015 @ 8:03 pm

    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 http://goo.gl/GXtwUv

  7. locksmith kuilsriver cape town said

    am December 31 2015 @ 9:42 pm

    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.

  8. SexBox.com.au said

    am January 1 2016 @ 6:29 am

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

    Where are your contact details though?

  9. wedding planning said

    am January 8 2016 @ 6:21 am

    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.

  10. m88day said

    am January 12 2016 @ 5:31 pm

    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.

  11. www.destructoid.com said

    am January 15 2016 @ 2:42 am

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

    My blog check cashying Kansas City (http://www.destructoid.com)

  12. Ke Anak Dengan Sajadah said

    am January 17 2016 @ 11:32 am

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

    Foto Idul Fitri Indonesia Hari Ini

  13. Orval said

    am January 18 2016 @ 2:19 am

    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)

  14. Grey Is New Black said

    am January 20 2016 @ 7:06 am

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

  15. Di 2016 Ala Star said

    am January 20 2016 @ 9:16 am

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

  16. Baru said

    am January 21 2016 @ 4:27 am

    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 http://bit.ly/1UpMa4l

  17. Clash Of Clans Hack Tool No Survey At All said

    am January 27 2016 @ 6:21 pm

    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

  18. Super Buah said

    am January 28 2016 @ 4:07 am

    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!

  19. Menggemaskan Terungkap Foto said

    am January 28 2016 @ 11:53 am

    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?

  20. Isabella said

    am January 30 2016 @ 6:04 pm

    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!

  21. Iwan fals di malam said

    am February 1 2016 @ 2:11 am

    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?

  22. Peran di Film hijab said

    am February 1 2016 @ 10:17 am

    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.

  23. Sangat said

    am February 1 2016 @ 1:26 pm

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

  24. cleaner said

    am February 1 2016 @ 3:49 pm

    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!

  25. Ronny Dapat Kembali said

    am February 2 2016 @ 6:40 pm

    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!

  26. seo rj said

    am February 10 2016 @ 12:02 pm

    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.

  27. sara said

    am February 24 2016 @ 2:24 am

    good post

  28. Eunice said

    am March 5 2016 @ 11:43 pm

    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
    salt.

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

  29. Josefa said

    am March 6 2016 @ 2:46 am

    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)

  30. Freda said

    am March 8 2016 @ 5:59 pm

    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)

  31. la mejor iluminación said

    am March 25 2016 @ 3:15 am

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

Comment RSS

Leave a comment

Name: (Required)

eMail: (Required)

Website:

Comment: