ThemeShaper Forums » Thematic

change layout of acces div and add widget area

(5 posts)
  • Started 11 years ago by marcel
  • Latest reply from Gabe462
  • This topic is not resolved
  1. Goodevening.

    I would like to change the layout of the acces div and add another widget area to the right of the menu. I have already found out how to change the menu to being verticle using css, but then i would still need to add another div and widget area (access-aside) to the right of the menu. In that div i am looking to add some kind of carrousel or slideshow, thats why i need to create another widget area.

    could someone help me on how to change the layout of the acces div and add another div / widget area to the right of it? here you can find a screenshot so you can see what i have in mind. if someone thinks it could be done another way i would love to hear as well.

    help is really appreciated.
    kind regards
    marcel

    Posted 11 years ago #
  2. amygail
    Member

  3. thanks for pointing out that post, already used that to copy paste and add the header-aside one.

    as for the acces-aside widget, this would create the widget area.


    // This will create your widget area
    function my_widgets_init() {
    register_sidebar(array(
    'name' => 'Access Aside',
    'id' => 'access-aside',
    'before_widget' => '<li id="%1$s" class="widgetcontainer %2$s">',
    'after_widget' => "",
    'before_title' => "<h3 class=\"widgettitle\">",
    'after_title' => "</h3>\n",
    ));
    }
    add_action( 'init', 'my_widgets_init' );

    what i don't get is how i can place the widget area in my child theme and add it to the right location. what part of following code should i change?


    // adding the widget area to your child theme
    function my_header_widgets() {
    if ( function_exists('dynamic_sidebar') && is_sidebar_active('header-aside') ) {
    echo '<div id="header-aside" class="aside">'. "\n" . '<ul class="xoxo">' . "\n";
    dynamic_sidebar('header-aside');
    echo '' . "\n" . '</div><!-- #header-aside .aside -->'. "\n";
    }
    }
    add_action('thematic_header', 'my_header_widgets', 8);

    sorry if i'm missing anything here..

    Posted 11 years ago #
  4. added following to functions.php

    function slideshow_access() { ?>
    <div id="access">
    <div class="skip-link">"><?php _e('Skip to content', 'thematic'); ?></div>
    <?php wp_page_menu('sort_column=menu_order') ?>

    <div id="access-slideshow">
    <div>
    </div>
    </div>

    </div><!-- #access -->
    <?php }
    add_action('thematic_header','slideshow_access',9);

    and then made some changes to css to have it display a background

    Posted 11 years ago #
  5. Gabe462
    Member

    Not sure if this has anything to do with your issue, but replace the line

    echo '' . "\n" . '</div><!-- #header-aside .aside -->'. "\n";

    with

    echo '' . "\n" . '</div><!-- #header-aside .aside -->'. "\n";

    Validator caught this for me. It wasn't causing any problems, but it could...

    Posted 11 years ago #

RSS feed for this topic

Reply

You must log in to post.