Community Forums › Forums › Archived Forums › Design Tips and Tricks › Hide Blog Title & Tagline behind Custom header image
Tagged: header image, hide title, tagline
- This topic has 16 replies, 4 voices, and was last updated 10 years, 9 months ago by Marc.
-
AuthorPosts
-
July 4, 2013 at 8:28 am #49177gwoodardMember
Good 4th of July morning to you all.
I just installed a custom header on my blog at GregoryWoodard.com and would like to hide my blog title & tagline behind the custom header image.
Below is some code that I found in the WordPress forum:<div id="blogtitle"><h1>" title="<?php bloginfo('name'); ?>: Home"><span></span><?php bloginfo('name'); ?><br />
<small><?php bloginfo('description'); ?></small></h1></div>Not sure if this is the code I need. What is the best way to hide my blog title & tagline behind my custom header image?
Thanks for your help.
http://www.gregorywoodard.comJuly 4, 2013 at 11:33 am #49218ericoahuMemberYou can do it with CSS - and that is the preferred safest way. If you just want to hide the text and don't care where it is hidden while no one can see it, use one of the following:
.blogtitle { display: none; }
Or, you could slide it about three feet off the page
.blogtitle { margin-left: -4000px; }
July 4, 2013 at 4:55 pm #49249MarcParticipantYou might consider using the technique described and coded here -
http://blackhillswebworks.com/2013/05/10/how-to-replace-the-studiopress-background-header-image-with-a-real-image-logo/
July 4, 2013 at 8:03 pm #49271gwoodardMemberThanks for the link. I tried some editing, and broke something. Now I get a blank screen.
Not sure where to start with fixing it as I cannot get into code to change it back.
Not a total newbie at this web stuff, but I should have keep my hands off the code.Greg
July 4, 2013 at 8:20 pm #49272gwoodardMemberNot sure what happened. I can load the site in Internet Explorer, but not in Firefox or Chrome.
And I cannot load my wp-admin file.I guess I am not sure if this is a strange coincidence and some this going on with my host or if I broke something trying to edit the function template.
Greg
July 4, 2013 at 11:33 pm #49281MarcParticipantHave you replaced your edited functions.php file with your original version?
July 5, 2013 at 3:27 am #49289eamonmoriartyParticipantIn relation to these two suggested solutions:
.blogtitle {
display: none;
}and
.blogtitle {
margin-left: -4000px;
}from a SEO point of view, there has been quite an amount of debate as to whether Google and the other search engines would consider this to be 'hidden content'. I have not seen a definitive answer to this and I don't know the answer myself. In view of Google's aggressive policy against SEO trickery it would be good to know the right way to approach this.
Has anybody any views on this?
Eamon Moriarty
EM DzineJuly 5, 2013 at 6:13 am #49301gwoodardMemberI can't get in to edit. Can I reload my theme into my themes folder via FTP to correct whatever mistake I made?
July 5, 2013 at 6:18 am #49303MarcParticipantYes, exactly! Use FTP or the hosting file manager to replace the problematic theme file(s).
July 5, 2013 at 8:09 am #49319gwoodardMemberI am sure this is a very basic question, and I should know the answer.
Once I have logged into my site via FTP, how do I navigate to the right folder?
I cannot for the life of me figure out how to open the directory of my site.Greg
July 5, 2013 at 8:26 am #49322MarcParticipantI just checked your site. It is up. You must have found the path to replace the file(s)?
July 5, 2013 at 8:31 am #49323gwoodardMemberNo I have not been able to figure out how to get to the directory where the file is located via my FTP program.
I can open the site in IE, but not in Firefox or Chrome and I cannot open my Dashboard.July 5, 2013 at 9:33 am #49326MarcParticipantUsing FileZilla or similar navigate to - /public_html/wp-content/themes/balance. All of the files for the currently active theme (balance) are in the balance folder and sub folders.
I just viewed your site using Win7 in FF21, IE10, Chrome27, Safari5.1, Opera12.5. Your site's home page presented fully in each browser. So I have little idea as to what is causing you not to be able to see your site in some browsers.
July 5, 2013 at 9:45 am #49328gwoodardMemberI am mystified. Nothing that I do is working. I am at a complete standstill.
Would you mind emailing me privately at [email protected]?
Would you be willing to make the corrections for me?July 5, 2013 at 10:47 am #49338MarcParticipantHi Greg, Yes. Just send you an email.
July 5, 2013 at 8:40 pm #49461gwoodardMemberMarc,
I just copied my functions to a text file and made the edits that you list at your site.
I was unclear in a few spots exactly what I was to put.
Here is what I entered:<?php
/** Start the engine */
require_once( get_template_directory() . '/lib/init.php' );/** Child theme (do not remove) */
define( 'CHILD_THEME_NAME', 'Balance Theme' );
define( 'CHILD_THEME_URL', 'http://www.studiopress.com/themes/balance' );/** Create additional color style options */
add_theme_support( 'genesis-style-selector', array( 'balance-blue' => 'Blue', 'balance-green' => 'Green', 'balance-turquoise' => 'Turquoise', 'balance-pink' => 'Pink' ) );/** Add support for structural wraps */
add_theme_support( 'genesis-structural-wraps', array( 'header', 'nav', 'subnav', 'inner', 'footer-widgets', 'footer' ) );/** Add new image sizes */
add_image_size( 'grid', 295, 100, TRUE );
add_image_size( 'portfolio', 300, 200, TRUE );/** Add Viewport meta tag for mobile browsers */
add_action( 'genesis_meta', 'balance_viewport_meta_tag' );
function balance_viewport_meta_tag() {
echo '<meta name="viewport" content="width=device-width, initial-scale=1.0"/>';
}/** Unregister layout settings */
genesis_unregister_layout( 'content-sidebar-sidebar' );
genesis_unregister_layout( 'sidebar-content-sidebar' );
genesis_unregister_layout( 'sidebar-sidebar-content' );/** Add support for custom background */
add_custom_background();/** Add support for custom header */
add_theme_support( 'genesis-custom-header', array( 'width' => 960, 'height' => 135 ) );/** Reposition post info */
remove_action( 'genesis_before_post_content', 'genesis_post_info' );
add_action( 'genesis_before_post_title', 'genesis_post_info' );/** Customize the post info function */
add_filter( 'genesis_post_info', 'post_info_filter' );
function post_info_filter($post_info) {
if (!is_page()) {
$post_info = '[post_author_posts_link] [post_date]';
return $post_info;
}
}/** Customize the post meta function */
add_filter( 'genesis_post_meta', 'post_meta_filter' );
function post_meta_filter($post_meta) {
if (!is_page()) {
$post_meta = '[post_categories] [post_edit] [post_tags] [post_comments]';
return $post_meta;
}
}/** Customize 'Read More' text */
add_filter( 'get_the_content_more_link', 'balance_read_more_link' );
add_filter( 'the_content_more_link', 'balance_read_more_link' );
function balance_read_more_link() {
return '' . __( 'Continue Reading' ) . '';
}/** Customize search button text */
add_filter( 'genesis_search_button_text', 'custom_search_button_text' );
function custom_search_button_text($text) {
return esc_attr('');
}/** Reposition the breadcrumbs */
remove_action( 'genesis_before_loop', 'genesis_do_breadcrumbs' );
add_action( 'genesis_after_header', 'genesis_do_breadcrumbs' );/** Customize breadcrumbs display */
add_filter( 'genesis_breadcrumb_args', 'balance_breadcrumb_args' );
function balance_breadcrumb_args( $args ) {
$args['home'] = 'Home';
$args['sep'] = ' ';
$args['list_sep'] = ', '; // Genesis 1.5 and later
$args['prefix'] = '<div class="breadcrumb"><div class="wrap">';
$args['suffix'] = '</div></div>';
$args['labels']['prefix'] = '<span class="home">You are here:</span>';
return $args;
}/** Add support for 3-column footer widgets */
add_theme_support( 'genesis-footer-widgets', 3 );/** Register widget areas */
genesis_register_sidebar( array(
'id' => 'home-featured-left',
'name' => __( 'Home Featured Left', 'balance' ),
'description' => __( 'This is the featured left area on the homepage.', 'balance' ),
) );genesis_register_sidebar( array(
'id' => 'home-featured-right',
'name' => __( 'Home Featured Right', 'balance' ),
'description' => __( 'This is the featured right area on the homepage.', 'balance' ),
) );genesis_register_sidebar( array(
'id' => 'portfolio',
'name' => __( 'Portfolio', 'balance' ),
'description' => __( 'This is the portfolio page.', 'balance' ),
) );/**
* Filter the genesis_seo_site_title function to use an image for the logo instead of a background image
*
* The genesis_seo_site_title function is located in genesis/lib/structure/header.php
* @link http://www.gregorywoodard.com/wp-content/uploads/2013/07/gregorywoodard4.png
*
*/add_filter( 'genesis_seo_title', 'bhww_filter_genesis_seo_site_title', 10, 2 );
function bhww_filter_genesis_seo_site_title( $title, $inside ){
$child_inside = sprintf( '', trailingslashit( home_url() ), esc_attr( get_bloginfo( 'name' ) ), esc_attr( get_bloginfo( 'name' ) ), esc_attr( get_bloginfo( 'name' ) ) );
$title = str_replace( $inside, $child_inside, $title );
return $title;
} // End bhww_filter_genesis_seo_site_titleWould you mind taking a look at the code and tell me if I am on the right track?
Thanks,
GregJuly 6, 2013 at 7:06 am #49501MarcParticipantWhat is incomplete is execution of Step 2, Commenting out or removing the original existing “Add support for custom header” code in functions.php.
Eg change this section -
/** Add support for custom header */ add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 960, ‘height’ => 135 ) );
to this
/** Add support for custom header */ /* add_theme_support( ‘genesis-custom-header’, array( ‘width’ => 960, ‘height’ => 135 ) ); */
Or just delete it.
And then add the code from Step 6 to the functions file.
-
AuthorPosts
- The forum ‘Design Tips and Tricks’ is closed to new topics and replies.