Community Forums › Forums › Archived Forums › General Discussion › Full width then content/sidebar
- This topic has 6 replies, 3 voices, and was last updated 9 years, 7 months ago by RobRenwick.
-
AuthorPosts
-
September 10, 2014 at 9:35 am #123746neilcMember
What is/are the slickest way(s) for my pages (other than the front page) to be laid out with full width for the top of the content are (i.e. below the nav bar) and then to be content/sidebar after that.
Another way of looking at it would be to ask how to get a sidebar in half-way down the page rather than the whole page being split.
For instance I guess I could create a widget area using the genesis_before_content_sidebar_wrap and have that using a featured page/post widget to supply the content. Is that a good way of doing it? If so what would be the best way of having different content on each of about 5 or so pages using this layout?
I'm using the Streamline Pro theme BTW
September 10, 2014 at 11:26 am #123772emasaiParticipantThat is customization, but I believe there are a few articles if you Google around. Look for full width div. Maybe this will help
http://coolestguidesontheplanet.com/creating-full-width-fluid-divs-genesis-theme-saleslanding-page/
Need Website Customization or a Responsive CSS fix? Contact Me
Lynne emasai.comSeptember 11, 2014 at 2:14 am #123889neilcMemberThx
When I say "full width" I'm not asking about edge-to-edge. What I'm asking is about the best way of going about getting pages (for my various services etc) that are full width (in the sense of Genesis page layouts being "full width", "content/sidebar", "sidebar/content") at the top and then having a side bar after a bit of content.
I'm trying to figure out whether to add a widget area for the full width bit above a standard content/sidebar layout but then I need different content in that area for each page.
September 11, 2014 at 4:27 am #123898RobRenwickMemberDepending on what you plan on putting on the bottom of the page you could use the "full width" layout and then have 2 custom widgets at the bottom of the page(s), one being .two-thirds and the other at .one-third wide? The smaller one would be like a sidebar.
September 11, 2014 at 4:35 am #123899neilcMemberThat might work.
Given that I need to use this layout for a a number of pages. How to manage the content on each, different page?
Obviously the top full width bit is handles by WP's page system anyway - each page has its own content and that's displayed. But how about the content in the widget areas below? How do I have that different on each page? Is there a good way of doing this? I wondering if it's possible to select a post/page to display in a widget area that is dependent on a tag, post/page number or similar?
September 11, 2014 at 5:13 am #123901neilcMemberOK I've got one method that answers most of this. I've used the "amr shortcode any widget" plugin which creates a novel widget area into which plugin widgets can be dragged like any other sidebar but with the added feature that this widget area can be displayed in the content area of any page or post.
So in to get the design I want I can set the layout to full width content, add content/images to the page as far down as I want it full width, then add column classes and in the appropriate column insert the shortcode for the widget.
The effect is full width content followed by 2/3 width content + 1/2 width sidebar.
Only just trying it out but seems to work.
September 11, 2014 at 5:15 am #123902RobRenwickMemberIf you are needing different content in the bottom of each page and its posts or other dynamic content then you would probably be best to create a custom page template.
I'd recommend having the standard genesis loop for the top of the page and your own custom loop in the bottom half. The bottom half can be marked up with the html layout you need with a sidebar widget.
Check out Carrie Dils' blog post on creating a custom page template, its not exactly what you are after but should give some ideas of what you'll need:
To show have your custom loop show different content on different pages you will need to add some conditional IF statements to alter the value of $args.
eg.
if ( is_page('your-page-name-here') ) { $args = array( etc ); } elseif ( is_page('your-other-page-name') ) { $args = array( etc different ); }
-
AuthorPosts
- The forum ‘General Discussion’ is closed to new topics and replies.