[resolved] Logo in header (14 posts)

  1. KayleighS
    Posted 3 years ago #

    I'm a total noob when it comes to all the code. I thought I would be able to figure it out okay, but I don't even understand the simple things.
    Big overall question for me is 'What goes in php-files and what in css-files? And please don't refer me to the codex part of wordpress.org, I'm begging you. That's like Chinese to me. :P
    Right now I'm trying to tackle the header. I want a logo in it (preferably on the left side) instead of the title and description. I'm using the handcrafted theme btw. So I figured I should put it somewhere in header.php, right? But I would also have to disable showing the title and description. Should I just change true to false then? And what exactly should I change in the stylesheet?
    I know, I know, basic things right? But like I said I really am a total noob. I just need a little help getting my show on the road. ;-)

  2. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Only CSS code goes in style.css. Any HTML or PHP goes in .php files.

    You really should not modify any theme files - as your changes will be overwritten when the theme is updated - instead use a Child Theme:


    Where is your theme from? I don't see any theme by that name here:


  3. KayleighS
    Posted 3 years ago #

    Handcrafted is a WP Starter Theme based on Toolbox and HTML5 Boilerplate. It's a starter theme, so I don't think I have to worry about anything being overwritten, right? I like a clean slate, that's why I picked a more basic theme. This one was recommended by a site who listed 'the best' 10 starter themes.
    Here's the link to the theme.

    I came from the Blogger platform where you basically have one huge file with everything in it. I never had to worry about differences between CSS, HTML and PHP, like I have to now with WordPress. I just googled what I wanted, pasted what I found in the file where the tutorials told me to, and voila. I think that's the root of my problem with figuring out what goes where. I did pick something up along the way of course, but apparently not that much. :P And I find that the WP tutorials are not so straight-forward as the ones I'm used to. I totally underestimated the difficulty of WordPress.
    But you make it sounds so simple haha, and it makes me feel like such an idiot.

    Still haven't gotten any further with figuring out the logo in the header-thing though. Anyone?

  4. Andrew Nevins
    Forum moderator
    Posted 3 years ago #

    Can you contact your theme's vendors regarding this?

  5. KayleighS
    Posted 3 years ago #

    Well, it isn't the only thing I want to change. So that would mean I would have to ask the vendors about everything. :(

    But there isn't a lot of code in the header.php (see below). And there is no style.css yet.

     * @package WordPress
     * @subpackage themename
    ?><!DOCTYPE html>
    <!--[if lt IE 7 ]> <html <?php language_attributes(); ?> class="ie6"> <![endif]-->
    <!--[if IE 7 ]>    <html <?php language_attributes(); ?> class="ie7"> <![endif]-->
    <!--[if IE 8 ]>    <html <?php language_attributes(); ?> class="ie8"> <![endif]-->
    <!--[if IE 9 ]>    <html <?php language_attributes(); ?> class="ie9"> <![endif]-->
    <!--[if (gt IE 9)|!(IE)]><!--> <html <?php language_attributes(); ?>> <!--<![endif]-->
    <meta charset="<?php bloginfo( 'charset' ); ?>" />
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
    	 * Print the <title> tag based on what is being viewed.
    	global $page, $paged;
    	wp_title( '|', true, 'right' );
    	// Add the blog name.
    	bloginfo( 'name' );
    	// Add the blog description for the home/front page.
    	$site_description = get_bloginfo( 'description', 'display' );
    	if ( $site_description && ( is_home() || is_front_page() ) )
    		echo " | $site_description";
    	// Add a page number if necessary:
    	if ( $paged >= 2 || $page >= 2 )
    		echo ' | ' . sprintf( __( 'Page %s', 'themename' ), max( $paged, $page ) );
    	<meta name="description" content="">
    	<meta name="author" content="">
    	<!--  Mobile Viewport Fix -->
    	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    	<!-- Place favicon.ico and apple-touch-icons in the images folder -->
    	<link rel="shortcut icon" href="<?php echo get_template_directory_uri(); ?>/images/favicon.ico">
    	<link rel="apple-touch-icon" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon.png"><!--60X60-->
    	<link rel="apple-touch-icon" sizes="72x72" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon-ipad.png"><!--72X72-->
    	<link rel="apple-touch-icon" sizes="114x114" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon-iphone4.png"><!--114X114-->
    	<link rel="apple-touch-icon" sizes="144x144" href="<?php echo get_template_directory_uri(); ?>/images/apple-touch-icon-ipad3.png">	<!--144X144-->	
    	<link rel="profile" href="http://gmpg.org/xfn/11" />
        <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); echo '?' . filemtime( get_stylesheet_directory() . '/style.css'); ?>" type="text/css" media="screen, projection" />
    	<?php if ( is_singular() && get_option( 'thread_comments' ) ) wp_enqueue_script( 'comment-reply' ); ?>
    	<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    	<!--[if lt IE 9]>
        <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    	<?php wp_head(); ?>
    	<body <?php body_class(); ?>>
    	<div id="page" class="hfeed">
    		<header id="branding" role="banner">
    					<h1 id="site-title"><span><a href="<?php echo home_url( '/' ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></span></h1>
    					<h2 id="site-description"><?php bloginfo( 'description' ); ?></h2>
    				<nav id="utility" role="article">
    					<?php wp_nav_menu( array( 'theme_location' => 'utility' ) ); ?>
    				</nav><!-- #utility -->
    				<nav id="access" role="article">
    					<h1 class="section-heading"><?php _e( 'Main menu', 'themename' ); ?></h1>
    					<div class="skip-link visuallyhidden"><a href="#content" title="<?php esc_attr_e( 'Skip to content', 'themename' ); ?>"><?php _e( 'Skip to content', 'themename' ); ?></a></div>
    					<?php wp_nav_menu( array( 'theme_location' => 'primary' ) ); ?>
    				</nav><!-- #access -->
    		</header><!-- #branding -->
    		<div id="main">
  6. WPyogi
    Forum Moderator
    Posted 3 years ago #

    That theme looks quite outdated - which may cause problems going forward if not currently. Plus, no it's not true that you don't need to worry about updates (though if the theme is not being maintained it won't have updates - but it also won't stay compatible as WP Core evolves.

    These forums only support themes from the repository on this site, so I'd really suggest you find one from here:


    If you want a "blank" theme, try Toolbox or BlankSlate (both on the above themes respository).

  7. KayleighS
    Posted 3 years ago #

    Thanks! That really helps. I had no idea it was that outdated! Funny thing is that I have toolbox installed as a theme, but I thought that one was older. Silly me.

    If I understand right it is wise to make a child theme for Toolbox, since it does get updated?

  8. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Yeah, it seems a bit odd to make a child theme for a "blank" theme, but it's probably a better way to go - as the theme files could still get updated to stay current with WP core.

  9. KayleighS
    Posted 3 years ago #

    So I installed the Toolbox theme, but I still feel stupid when I look at it. :P I can't even figure out how to change the background-color, since there's no }body in the stylesheet?

    I'm near to giving up hope. Maybe someone can recommend me a theme based on what I would like to have on my site. I want to have a CMS site, where my homepage doesn't feature my blog. What I do want it to feature is a custom made header with a logo (or just a logo and a different background than the main-part) in it and a drop down-menu. Something I like to have, but isn't completely necessary is a slider. Below the header I would like to have several grid boxes with a picture and text, that each refer to a particular page if you click on it.
    Than as a footer I would like a similar color as the header, but I want it to feature 2 or 3 columns in which I can put things like contact info.
    I know it's a lot to ask for, but I'm satisfied with just a customizable theme.

  10. WPyogi
    Forum Moderator
    Posted 3 years ago #

    I'd suggest checking out Suffusion - it has tons of built in options - so it's easy to customize. It also has great support from the developer - which always helps too.

  11. KayleighS
    Posted 3 years ago #

    You've been such a great help WPyogi! Thank you so much for putting up with me. :P It's really appreciated. I will go check out Suffusion. You're right, it's always nice to have good support from a developer.

  12. WPyogi
    Forum Moderator
    Posted 3 years ago #

    No problem - that's why we are here, and I know there's a lot to learn at first :). You'll get it - just keep trying and asking questions when you need to.

  13. KayleighS
    Posted 3 years ago #

    I'm loving the Suffusion theme! I managed to get a custom header with a custom logo working within minutes after installing. So I can't thank you enough for suggesting it.

  14. WPyogi
    Forum Moderator
    Posted 3 years ago #

    Always glad to hear things like this :)! Sayontan is an awesome developer and supporter of his theme. I know he'd appreciate a review if you're so inclined.

    You're welcome too...

Topic Closed

This topic has been closed to new replies.

About this Topic