resolvedHello,
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
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.
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
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.
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.
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 } ?>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?
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
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
Ismael
Moderator
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
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
Oh also, (and sorry for the questions)
Is it possible to have three instead of four columns?
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.
that worked a treat, thanks so much
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
