Grow your CSS skills. Land your dream job.

editable areas

  • # January 31, 2012 at 11:35 am

    Hello, I’m new to wordpress and will be building a gaming site. On the main page I’ll have my blog but some areas that show a featured sections or something. I want those areas/sections editable. Here just an example pic I found online http://web3mantra.com/wp-content/uploads/2011/03/psd-website-template24.jpg

    Where it says “Multiple Options”, “Shortcodes included” and “Updated Support”

    I would like to have sections like that but be able to edit it from time to time easily.

    How would I go about making this?

    # January 31, 2012 at 12:21 pm

    You will need to create multiple WordPress sidebars for each column.

    In your theme file you will add something like the following.



    < ?php dynamic_sidebar( 'col1' ); ?>

    < ?php dynamic_sidebar( 'col2' ); ?>

    < ?php dynamic_sidebar( 'col3' ); ?>


    And in you theme’s functions.php file add the following.


    register_sidebar( array(
    'name' => __( 'Column 1' ),
    'id' => 'col1',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '

    ',
    'after_title' => '

    ',
    ) );
    register_sidebar( array(
    'name' => __( 'Column 2' ),
    'id' => 'col2',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '

    ',
    'after_title' => '

    ',
    ) );
    register_sidebar( array(
    'name' => __( 'Column 3' ),
    'id' => 'col3',
    'before_widget' => '',
    'after_widget' => '',
    'before_title' => '

    ',
    'after_title' => '

    ',
    ) );

    After some basic styling to get them to float side by side you should be good to go.

    Hope this helps! I may not have explained well enough, let me know if you run into issues.

    # January 31, 2012 at 2:21 pm

    alright I’ll give this a shot tonight and see what happens. Thanks

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

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".