Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

How to add left sidebar widget area


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Jan 3, 2013, 01:40 PM
corynicastro
 
2 posts · Jan 2013
Hello.

I have searched through these forums looking for an answer to my question, but I am simply not following what's being said/cannot find what has been recommended--at this point, I feel like a complete idiot and very frustrated.

I would like to add a widget area to the left sidebar. I am using Montezuma theme. I have a very limited understanding of technical jargon. A question that seemed similar to mine suggested I search for "widgets" in the "limited PHP code" dropdown box but that was fruitless. I attempted to add something from the dynamic widget area into the CSS file but...I have no idea how to do any of this. I like the Montezuma theme more than any other I've found since using Wordpress but I am beginning to worry that maybe my skill level is just too low to use it. Please help! My blog is www.corynicastro.com
  #2  
Old Jan 3, 2013, 02:08 PM
Michael4fm's Avatar
Michael4fm
 
35 posts · Nov 2011
Manchester, UK
Where / how are you getting the left sidebar? As I understand it, it's as simple as adding one line of code in whichever template file you want it in - post, page, index etc. Code is ...

HTML Code:
<?php dynamic_sidebar( 'Widget Area INDEX' ); ?>
... where "INDEX" is whatever name you want to call your widget area. It's working for me ... although I'm now struggling with getting that widget area exactly where I want it! That code both creates the widget area where you've specified it on the page and creates a widget area in the admin | widgets page for you to add the widgets you want to appear.

Last edited by Michael4fm; Jan 3, 2013 at 02:34 PM.
  #3  
Old Jan 3, 2013, 02:48 PM
jerryc
 
367 posts · Oct 2012
Florida
Quote:
Originally Posted by corynicastro
I would like to add a widget area to the left sidebar.
Maybe this example will help. Here's the code that I'm using, for a left sidebar 3 columns wide, a content area 7 columns wide, and right sidebar 2 columns wide:

HTML Code:
...
<div id="main" class="row">

	<div class="col3">

                [left sidebar]

	</div>
	
	<div class="col7">

                [content area]

	</div>
	
	<div class="col3">

                [right sidebar]

	</div>
	
</div>
...
You can see it live here.

You can do this however you want, as long as the column widths in each row add up to 12.

Last edited by jerryc; Jan 3, 2013 at 02:52 PM.
  #4  
Old Jan 3, 2013, 03:47 PM
Michael4fm's Avatar
Michael4fm
 
35 posts · Nov 2011
Manchester, UK
Quote:
Originally Posted by corynicastro
I am beginning to worry that maybe my skill level is just too low to use it.
Please don't let that worry you. In fact, it'll probably HELP you in that you'll follow the very good instructions and not try to bring things you know from using other themes. The format of using MONTEZUMA seems quite a bit different to other themes, yet actually both simple and powerful if you don't get too hung up with 'how you used to do it'.

Also - from my limited experience - the members and moderators here are helpful, knowledgeable and quick! So if all else fails, you can always ask.
  #5  
Old Feb 3, 2013, 10:51 AM
corynicastro
 
2 posts · Jan 2013
Thanks for help, both of you, but I'm clearly too stupid: neither of these suggestions worked, probably because I am not putting them in the right places and I dont know how to figure this out. Im really trying but feeling defeated. I just want to add another widget area to the left side of my site so that it appears everywhere
  #6  
Old Feb 3, 2013, 11:37 AM
juggledad's Avatar
juggledad
 
21,987 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
very simple the think to remember is the numur of columns must equal 12. By default the virtual template 'index.php' looks like this
HTML Code:
<!--<div id="container">-->

<?php get_header(); ?>

<div id="main" class="row">

	<div id="content" class="cf col8">
		
		<?php bfa_content_nav( 'multinav1' ); ?>
		
		<?php bfa_loop( 'postformat' ); ?>
		
		<?php bfa_content_nav( 'multinav2' ); ?>
		
	</div>
	
	<div id="widgetarea-one" class="col4">
		<?php dynamic_sidebar( 'Widget Area ONE' ); ?>
	</div>

</div>
	
<?php get_footer(); ?>

<!--</div>-->
condensed and with the right widget area set off with '=====', it looks like this
HTML Code:
<!--<div id="container">-->
<?php get_header(); ?>
<div id="main" class="row">
	<div id="content" class="cf col8">		
		<?php bfa_content_nav( 'multinav1' ); ?>		
		<?php bfa_loop( 'postformat' ); ?>		
		<?php bfa_content_nav( 'multinav2' ); ?>		
	</div>	
==========================================================
	<div id="widgetarea-one" class="col4">
		<?php dynamic_sidebar( 'Widget Area ONE' ); ?>
	</div>
==========================================================
</div>	
<?php get_footer(); ?>
<!--</div>-->
notice that the div above it has 'col8' and this div has 'col4'. to make a left sidebar just copy that code, put it in front of the 'content' div and adjust all teh 'coln's so they equal 12. Here is an example and I renamed the widget areas
HTML Code:
<!--<div id="container">-->
<?php get_header('three'); ?>
<div id="main" class="row">
	<div id="widgetarea-left" class="col3">
		<?php dynamic_sidebar( 'leftsidebar' ); ?>
	</div> 
	<div id="content" class="cf col6">		
		<?php bfa_content_nav( 'multinav1' ); ?>
		<?php bfa_loop( 'postformat' ); ?>		
		<?php bfa_content_nav( 'multinav2' ); ?>		
	</div>	
	<div id="widgetarea-right" class="col3">
		<?php dynamic_sidebar( 'rightsidebar' ); ?>
	</div>
</div>	
<?php get_footer(); ?>
<!--</div>-->
now you have a left and right sidebar and a center area.
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Mar 3, 2013 at 05:22 AM.
  #7  
Old Feb 15, 2013, 08:47 PM
qbuster's Avatar
qbuster
 
84 posts · Mar 2010
Alrewas, Staffordshire, UK
Quote:
Originally Posted by juggledad
very simple the thing to remember is the number of columns must equal 12. By default the virtual template 'index.php' looks like this:
Ok I think I understand the code you provided, and I've found 'the virtual template 'index.php' under MZ Option/Main Templates.

What I want to achieve is to have a third column on the left in which I can insert a category index.

Following your post's instructions I have changed (irritatingly I find there are no Copy/Paste options in the right-click popup menu so I have to resort to ctrl-c and ctrl-v) index.php to the following and saved the changes and added some content via Appearance/Widgets.

In the Widget area I now have Widget Area One, Widget Area Two which, as it isn't in the code below I presume is some sort of hangover from a previous attempt?

Could someone explain the significance of the div id='widgetareaone' and dydnamic_sidebar settings of 'leftsidebar'
and 'rightsidebar'?

Thanks

Will
Quote:
<!--<div id="container">-->

<?php get_header(); ?>

<div id="main" class="row">

<div id="widgetarea-one" class="col3">
<?php dynamic_sidebar( 'leftsidebar' ); ?>
</div>

<div id="content" class="cf col6">
<?php bfa_content_nav( 'multinav1' ); ?>
<?php bfa_loop( 'postformat' ); ?>
<?php bfa_content_nav( 'multinav2' ); ?>
</div>

<div id="widgetarea-one" class="col3">
<?php dynamic_sidebar( 'rightsidebar' ); ?>
</div>

</div>

<?php get_footer(); ?>

<!--</div>-->

Last edited by qbuster; Feb 15, 2013 at 09:47 PM.
  #8  
Old Feb 15, 2013, 11:29 PM
lmilesw's Avatar
lmilesw
 
10,055 posts · Jul 2009
Central New York State USA
The IDs are for CSS styling specific to that one sidebar. You can't have two IDs the same so in your case you might give an ID of left-sidebar to the left sidebar and right-sidebar to the right in case you ever want to style them differently.
__________________
~Larry (CNY Web Designs)
This site should be a membership site since it so full of good stuff.
Please consider donating which gives you access to even more good stuff.
  #9  
Old Feb 16, 2013, 03:33 AM
juggledad's Avatar
juggledad
 
21,987 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
There s still a widget area 'Widget area One' because you only changed the 'index.php' virtual template, but it still exists in the other templates.

If you go to your blog page, you will see two sidebars but go to a page page and you will see one. Why? because there are different templates that will be used. Look at all teh different main templates and to see how they are used by WordPress, check out the template hierarchy in teh wordpress codex (google search 'template hierarchy')
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #10  
Old Mar 3, 2013, 04:45 AM
Kaori29
 
24 posts · Feb 2013
Quote:
Originally Posted by juggledad
notice that the div above it has 'col8' and this div has 'col4'. to make a left sidebar just copy that code, put it in front of the 'content' div and adjust all teh 'coln's so they equal 12. Here is an example and I renamed the widget areas
HTML Code:
<!--<div id="container">-->
<?php get_header('three'); ?>
<div id="main" class="row">
	<div id="widgetarea-one" class="col3">
		<?php dynamic_sidebar( 'leftsidebar' ); ?>
	</div> 
	<div id="content" class="cf col6">		
		<?php bfa_content_nav( 'multinav1' ); ?>
		<?php bfa_loop( 'postformat' ); ?>		
		<?php bfa_content_nav( 'multinav2' ); ?>		
	</div>	
	<div id="widgetarea-one" class="col3">
		<?php dynamic_sidebar( 'rightsidebar' ); ?>
	</div>
</div>	
<?php get_footer(); ?>
<!--</div>-->
now you have a left and right sidebar and a center area.
I tried this code and thats the result -> see attached picture

the foto should bee in the left sidebar, the text in the middel and the right side disappeared and i dont know why!!
Attached Thumbnails
Click image for larger version

Name:	side.jpg
Views:	340
Size:	89.9 KB
ID:	2264  
  #11  
Old Mar 3, 2013, 05:30 AM
juggledad's Avatar
juggledad
 
21,987 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
in what widget area did you put the widgets?
what is the url?

also change the ID's like this
HTML Code:
<!--<div id="container">-->
<?php get_header('three'); ?>
<div id="main" class="row">
	<div id="widgetarea-left" class="col3">
		<?php dynamic_sidebar( 'leftsidebar' ); ?>
	</div> 
	<div id="content" class="cf col6">		
		<?php bfa_content_nav( 'multinav1' ); ?>
		<?php bfa_loop( 'postformat' ); ?>		
		<?php bfa_content_nav( 'multinav2' ); ?>		
	</div>	
	<div id="widgetarea-right" class="col3">
		<?php dynamic_sidebar( 'rightsidebar' ); ?>
	</div>
</div>	
<?php get_footer(); ?>
<!--</div>-->
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support
  #12  
Old Mar 3, 2013, 06:03 AM
Kaori29
 
24 posts · Feb 2013
Thank you. It worked

But know a wanted to put in another plugin/widget.
Its called "about the author".
But i think my sidebar is to small to display it.

Is it possible to make the sidebars more "wide" then togehter "12"??
  #13  
Old Mar 3, 2013, 09:06 AM
juggledad's Avatar
juggledad
 
21,987 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
do you mean you want bunch of widgets side by side or one on top of the other?
__________________
If you like my help, please consider donating. I am happy to provide greater detail on this and other topics if you hire me. Please send detailed support requests to me as a private message, thank you.
Juggledad | Forum Moderator/Support

Last edited by juggledad; Jun 18, 2013 at 01:53 PM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Custom Widget showing on left sidebar and not in the right sidebar rlaunay Sidebars & Widgets 2 Nov 25, 2011 05:56 AM
New Widget Area-- need it right aligned not left heatispower Sidebars & Widgets 3 Jul 26, 2010 02:31 PM
[SOLVED] creating a vertical space in between left sidebar and centre column area rinoa3108 Header configuration & styling 2 Dec 17, 2009 02:32 PM
[SOLVED] An easy way to have a logo over left sidebar area of header? mgclark Header configuration & styling 11 Jul 29, 2009 05:36 AM
Set left sidebar widgets same distance from center area as right sidebar widgets daisy24 Sidebars & Widgets 2 Feb 19, 2009 05:11 AM


All times are GMT -6. The time now is 02:35 AM.


Powered by vBulletin® Copyright ©2000 - 2014, Jelsoft Enterprises Ltd.