Adding new widget areas on home page

Community Forums Forums Design Tips and Tricks Adding new widget areas on home page

This topic is: not resolved

Tagged: 

This topic contains 13 replies, has 4 voices, and was last updated by  braddalton 8 months, 2 weeks ago.

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #53274

    adri_nicole
    Participant
    Post count: 5

    Hello,

    I was adding new widget areas on the home page per this tutorial: http://www.carriedils.com/customize-the-homepage-for-the-associate-theme/

    I seem to have done something wrong, but can’t figure it out. Can someone take a look and see what’s wrong??

    acrepairseguin.com is the site. Thank you for any help!!

    http://acrepairseguin.com
    #53278

    auzdafluff
    Participant
    Post count: 22

    Can you paste the code that you changed before the site broke please?

    #53285

    adri_nicole
    Participant
    Post count: 5

    This was what was originally in functions.php:

    genesis_register_sidebar( array(
    ‘id’ => ‘featured’,
    ‘name’ => __( ‘Featured’, ‘associate’ ),
    ‘description’ => __( ‘This is the featured section.’, ‘associate’ ),
    ) );

    in home.php:

    if ( is_active_sidebar( ‘featured’ ) ) {

    in style.css:

    .featured {
    margin: 0 auto;
    height: 430px;
    padding: 0 0 25px;
    width: 910px;
    }

    #53286

    RobG
    Participant
    Post count: 992

    Hello Nicole did you change anything in this section of your function.php code?


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    #53287

    adri_nicole
    Participant
    Post count: 5

    Yes, I changed in function.php

    /** REMOVE THIS BIT OF CODE FOR THE ORIGINAL FEATURED WIDGET AREA */
    genesis_register_sidebar( array(
    ‘id’ => ‘featured’,
    ‘name’ => __( ‘Featured’, ‘associate’ ),
    ‘description’ => __( ‘This is the featured section.’, ‘associate’ ),
    ) );
    /** END REMOVE */

    /** ADD IN THESE NEW WIDGET AREAS */
    genesis_register_sidebar( array(
    ‘id’ => ‘featured-left’,
    ‘name’ => __( ‘Featured Left’, ‘associate’ ),
    ‘description’ => __( ‘This is the featured left section.’, ‘associate’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’ => ‘featured-right’,
    ‘name’ => __( ‘Featured Right’, ‘associate’ ),
    ‘description’ => __( ‘This is the featured right section.’, ‘associate’ ),
    ) );

    #53288

    RobG
    Participant
    Post count: 992

    I’m assuming you have a fresh copy of your function.php file correct? What did you chage in your function.php?

    I’m yting to narrow it down to find a fix for you. Sometimes it’s best to upload a fresh copy and try to make the changes you want.


    To speed up the process please post the link to the website in question.

    We recommend using Firebug to view source codes http://getfirebug.com/

    RobGoss WordPress Developer
    http://www.robgoss.com / Follow me Twitter / https://twitter.com/robgoss

    • This reply was modified 8 months, 3 weeks ago by  RobG.
    • This reply was modified 8 months, 3 weeks ago by  RobG.
    #53292

    adri_nicole
    Participant
    Post count: 5
    /** REMOVE THIS BIT OF CODE FOR THE ORIGINAL FEATURED WIDGET AREA */
    genesis_register_sidebar( array(
    ‘id’	 => ‘featured’,
    ‘name’	 => __( ‘Featured’, ‘associate’ ),
    ‘description’	=> __( ‘This is the featured section.’, ‘associate’ ),
    ) );
    /** END REMOVE */
    
    /** ADD IN THESE NEW WIDGET AREAS */
    genesis_register_sidebar( array(
    ‘id’	 => ‘featured-left’,
    ‘name’	 => __( ‘Featured Left’, ‘associate’ ),
    ‘description’	=> __( ‘This is the featured left section.’, ‘associate’ ),
    ) );
    genesis_register_sidebar( array(
    ‘id’	 => ‘featured-right’,
    ‘name’	 => __( ‘Featured Right’, ‘associate’ ),
    ‘description’	=> __( ‘This is the featured right section.’, ‘associate’ ),
    ) );
    #53340

    braddalton
    Participant
    Post count: 7473

    You may have missed this code for the home.php file as Github are having problems hosting code and sometimes it disappears from blog posts.

    https://gist.github.com/cdils/4370154


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #53343

    braddalton
    Participant
    Post count: 7473

    I’ve tested the code below for the home.php file and it works perfectly.

    Here’s the complete home.php code.

    associate


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #53363

    braddalton
    Participant
    Post count: 7473

    You might also want to add a background image to the 4th widget title as the others use one or use the same background image for all 4 home middle widget titles.

    .home-middle-4 h4 {
    background: url(images/headline-4.png);
    }
    

    Or the same title background for all home middle widgets:

    .home-middle h4 {
    background: url(images/headline-1.png);
    }
    

    Here’s what it will look like now:
    carrie


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #53463

    adri_nicole
    Participant
    Post count: 5

    Thank you so much Brad! I’m just in passing right now but will try it out tonight. Hopefully I can get it fixed!

    #53472

    braddalton
    Participant
    Post count: 7473

    No worries Adri.

    I have it all on my local system so i know it works perfectly.

    Simply a copy and paste job.

    You can also add a background to the featured widget titles.

    .home-middle-4 h4 , 
    .home-featured h4 {
    background: url(images/headline-4.png);
    padding: 10px 12px;
    color: #fff;
    font-size: 16px;
    }
    

    index


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

    #54793

    adri_nicole
    Participant
    Post count: 5

    Hello all, So I have my problem fixed now, but will I need to remake these changes when I update wordpress and genesis??

    #54824

    braddalton
    Participant
    Post count: 7473

    No.


    WordPress Developer & Consultant
    Brad Dalton400+ StudioPress Tutorials & 1200+ Code snippets

Viewing 14 posts - 1 through 14 (of 14 total)

You must be logged in to reply to this topic.