Viewing 26 posts - 1 through 26 (of 26 total)
  • Author
    Posts
  • #414

    Hello,

    I have tried to add a wdigets zone in my footer. As I do not have any knowledge about wordpress, I tried to find some information in Google but I think it is too much for me. Anyone can help me with this?

    I just one to add 4 columns for widgets and change the colour of the footer to diferentiate from the rest of the page.

    Please send me a quotation to javierojuel at gmail dot com

    Thank you

    #31273

    To add a widget to the theme, go to WordPress Admin -> Appearance -> Widgets; you have a series of widgetized areas on the right. Expand the footer area you want to add a widget to (hover over it and click on the down arrow on the right) then drag the widget of your choice to the expanded area.

    If you need further help on this, please be specific in your requests.

    #31274

    Hello James,

    I know how to add widgets to a widgetized area. What I need is a widgetized area at the footer of the page. The same as you can find in http://www.kriesi.at (but with 4 columns instead of 3).

    By the way, my web page is http://www.alimmenta.com

    #31275

    Gotcha, thought you were asking how to add widgets to widgetized areas.

    Add this code to line 39 of widgets.php:

    $k_option['custom']['footer'] = array('column1','column2','column3','column4');

    foreach ($k_option['custom']['footer'] as $footer_widget)
    {
    register_sidebar(array(
    'name' => 'Footer - '.$footer_widget,
    'before_widget' => '<div id="%1$s" class="box_small box widget %2$s">',
    'after_widget' => '</div>',
    'before_title' => '<h3 class="widgettitle">',
    'after_title' => '</h3>',
    ));
    }

    Add this to line 11 of footer.php:

    <div class="wrapper footer ie6fix" id='wrapper_footer_top'>
    <div class='overlay_top ie6fix'></div>
    <div class='center' id="footer_inside">

    <?php
    $columns = 1;
    foreach ($k_option['custom']['footer'] as $footer_widget) //iterates 4 times creating 4 footer widget areas
    {
    $last = "";
    if($columns == 4){$last = "last"; }

    echo '<div class="footerColumn '.$footer_widget.' '.$last.'">';
    if (function_exists('dynamic_sidebar') && dynamic_sidebar('Footer - '.$footer_widget) ) :

    else : dummy_widget($columns); endif; // dummy widgets defined at the bottom of widgets.php

    echo '</div>';
    $columns++;
    }

    ?>

    <!--end footer_inside-->
    </div>
    </div>

    You’ll also need to add CSS to style it as you’d like, you can use this as a guide (from Avisio):

    #footer_inside{ clear:both; padding:35px 0; overflow:hidden; }
    .footerColumn { width: 200px; float: left; margin-right: 20px; }
    .last { margin-right: 0;}

    Add this to the end of style.css

    This isn’t perfect but will help get you started.

    #31276

    Thank you James. It works well. Now I am going to try to play with the style.css file.

    #31277

    I’m using Cleancut and followed this exactly, however, I got this message: Fatal error: Call to undefined function dummy_widget() in /home/cmaprom/public_html/dev/altd/wp-content/themes/cleancut/footer.php on line 25

    #31278

    Instead of James code use:

    <div class="wrapper footer ie6fix" id='wrapper_footer_top'>
    <div class='overlay_top ie6fix'></div>
    <div class='center' id="footer_inside">

    <?php
    $columns = 1;
    foreach ($k_option['custom']['footer'] as $footer_widget) //iterates 4 times creating 4 footer widget areas
    {
    $last = "";
    if($columns == 4){$last = "last"; }

    echo '<div class="footerColumn '.$footer_widget.' '.$last.'">';
    if (function_exists('dynamic_sidebar') && dynamic_sidebar('Footer - '.$footer_widget) ) :

    endif; // dummy widgets defined at the bottom of widgets.php

    echo '</div>';
    $columns++;
    }

    ?>

    <!--end footer_inside-->
    </div>
    </div>

    Since the last update the dummy widget code has changed. Sorry, I didn’t notice that before.

    #31279

    Thanks!!

    #31280

    okay one more question- where can I adjust the width of the columns- I changed it to 3 columns but my Facebook Like Box widget is still getting cut off.

    #31281

    and can this be displayed on the homepage only?

    #31282

    1) Maybe you need to adjust the facebook widget. You can use tools like firebug to find the right css code.

    2) Yes – use following code:

    <?php if(is_home() || is_front_page()){ ?>
    <div class="wrapper footer ie6fix" id='wrapper_footer_top'>
    <div class='overlay_top ie6fix'></div>
    <div class='center' id="footer_inside">

    <?php
    $columns = 1;
    foreach ($k_option['custom']['footer'] as $footer_widget) //iterates 4 times creating 4 footer widget areas
    {
    $last = "";
    if($columns == 4){$last = "last"; }

    echo '<div class="footerColumn '.$footer_widget.' '.$last.'">';
    if (function_exists('dynamic_sidebar') && dynamic_sidebar('Footer - '.$footer_widget) ) :

    endif; // dummy widgets defined at the bottom of widgets.php

    echo '</div>';
    $columns++;
    }

    ?>

    <!--end footer_inside-->
    </div>
    </div>
    <?php } ?>

    #31283

    Hmmm for some reason that actually caused it to disappear altogether on all the pages. I put it in footer.php- replacing the previous code- is that right?

    #31284

    Hey,

    The code Dude provided should work. The basic idea is to put this in front of the part you want to show on your homepage only:

    <?php if(is_home() || is_front_page()){ ?>

    and this after your homepage specific part:

    <?php } ?>

    Are you sure you didn’t remove anything by mistake?

    #31285

    Hi,

    can you tell how i can change the background color/image to the background you use in your copyright line at the bottom of the page.

    Thanks in advance

    Dejan

    #31286

    Hey,

    open up style1/2/3/4.css and at the very top replace (example shows style1.css):

    body{
    background: #F8F8F8;
    }

    with:

    body{
    background: #44403A;
    }

    #31287

    Yeah, I’ve actually tried that code like 5 different times. I reverted to the original footer.php and put the exact code above and it still disappeared from all the pages. It’s weird.

    #31288

    It’s the only methode to check the home/frontpage. I can’t offer another solution…..

    #31289

    Hi Guys, I have absolutley zero knowledge of CSS – is it easy for someone to show me how to make the footer have three spaces like on http://www.kriesi.at/ ?

    Also when I add the code from above, four widgets show inside the page (i.e. on the white bit) rather than on the coloured widget section. Am I missing something here?

    Steve

    #31290

    A bit of detail!

    I have followed the three steps from James above subsituting the “footer.php” section with that from the Dude.

    My site is: http://www.buyinstagramfollowers.co.uk

    Ideally I would like to have three footer widgets, one will have blog posts, one will be html for uploading an image and one will be for Blog Categories. I know I can manually input 3 and leave the fourth blank, but I was hoping I could have them more centralised?

    You can also see the problem I am (trying!) to describe at the bottom of the homepage, how the footer items sit outside of the footer colourscheme.

    Thanks for looking, I would be really happy with any help you can offer :)

    Steve

    #31291

    Hello,

    If I understand correctly, you want your new widget area inside the brown colored footer? If so, you need to enter the following code

    <?php
    $columns = 1;
    foreach ($k_option['custom']['footer'] as $footer_widget) //iterates 4 times creating 4 footer widget areas
    {
    $last = "";
    if($columns == 4){$last = "last"; }

    echo '<div class="footerColumn '.$footer_widget.' '.$last.'">';
    if (function_exists('dynamic_sidebar') && dynamic_sidebar('Footer - '.$footer_widget) ) :

    endif; // dummy widgets defined at the bottom of widgets.php

    echo '</div>';
    $columns++;
    }

    ?>

    below this div area

    <div id="footer_outside">

    Regards,

    Ismael

    #31292

    Hi Ismael,

    I’ve added the code and removed the code that had it sat in the main page.

    Looking at http://www.buyinstagramfollowers.co.uk now you can see that the text is aligned entireley to the right – not the centre, and the hight doesn’t line up either.

    What can I do to fix this?

    Thank you for looking :)

    Steve

    #31293

    Oh also, (and sorry for the questions)

    Is it possible to have three instead of four columns?

    #31294

    Hello again, it was a validation error that caused text misallignment (which is now fixed).

    1) Can you please show me how have 3 widget boxes rather than 4 (as with this site)

    2) Can you please show me how to change the width of the boxes, so I can fit the images in.

    My website is http://www.buyinstagramfollowers.co.uk

    Thank you so much.

    #31295

    Hi stestretton,

    You should just be able to change the 4 to a 3 in the code Ismael provided above.

    Regards,

    Devin

    #31296

    that worked a treat, thanks so much

    #31297

    Hi stestretton,

    Glad that we could help you. :)

    Cheers,

    Ismael

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

The topic ‘Add widgets to the footer –> I need help’ is closed to new replies.