Jump to content
Sign in to follow this  
sonaros

Custom Layout

Recommended Posts

sonaros

I need to setup a template so that has left, center and right column boxes but below the left and center columns have a full width sidebar below.  The full width sidebar cannot go across the right column.  (See image below).  Are there any suggestions on how I best go about doing this and make user friendly? CID-Homepage-Layout-content.png

 

 

Share this post


Link to post
Share on other sites
Rob

Hi,

 

Given the description above, I'm not sure which of the two scenarios below would work for you.  With a Universal or Full-Width SB, you could add a text widget, then include a grid limiting the content of the grid to fit a specific area.

 

Please let me know which works best and I'll be happy to guide you.

 

post-6-0-64031500-1368630561_thumb.png


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
sonaros

Based on the attached image I think the option on the left would work best.  I would try that first and see if it is easy for end-users to update.

 

Thank you in advance for your guidance.

Share this post


Link to post
Share on other sites
Rob

I'm glad you selected that one. It's the easiest to implement.

 

Go to Dashboard > PageLines > Site Options > Website Setup.  Scroll to the very bottom of the screen.

 

You'll see Sidebar Wrap Widgets.  In the drop down box, select On Bottom of Sidebar.   Save the settings.

 

Scroll up and click the Layout Editor.

 

Set up your layout with two sidebars left.

 

Set the width of each of the main sidebars. Save.

 

Now go to Dashboard > PageLines > Drag & Drop.  Click on the Wrap and drag one of the sections there.  I use Tertiary Sidebar, which should do the trick for you too.

 

Your site should have the layout on the left of my image now and you should be all set to go.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
sonaros

I made that change, added the widgets but nothing is showing up below the header?

Share this post


Link to post
Share on other sites
Rob

Did you remove Content from any of the page templates?  Or perhaps PostLoop under the Content Area templates?


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
sonaros

When I click on "Page Templates" there is nothing in the active sections

 

When I click on "Content Area" I have "Post Loop"

 

When I click on "Wrap" I have "Tertiary Sidebar"

 

When I click on "SB1" I have "Secondary Sidebar"

 

When I click on "SB2" I have "Twitter All-In-One"

Share this post


Link to post
Share on other sites
James B

In the page template area make sure you have the 'content' section added, that controls if the content-area and sidebars are shown.


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
James B

You're welcome :-)


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites
sonaros

I showed this layout to the person who will be managing the site and they said that with their previous site they could open the page and see the content as it would look when a visitor comes to the site.  They would prefer to manage that way instead of the way I designed earlier.  

 

Can I setup each page so that when an editor logs in to make changes they can see the content (in our case 3 columns and 3 rows) and make changes?  Maybe using the visual tab?  

 

Would I be able to achieve that using grids?  If I do use grids, how would I get the "twitter all in one" widget to run in the second column and my other widget to run in rows 2 & 3?

 

Thanks! 

Share this post


Link to post
Share on other sites
Rob

Sonoros,

 

Widgets are controlled by WordPress via Dashboard > Appearance > Widgets.  If you added Primary Sidebar to column 1, then you can add a widget (by drag & drop) into Primary Sidebar. Similarly, you can do the same thing with Secondary sidebar in column 2, etc.

 

To add Twitter Profiles, go to Dashboard > PageLines > Drag & Drop, find the section you want to add it to, then drag it from Available Sections to Active Sections.  On my site, I use Sidebar Wrap, which provides a bit more room for this section.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
sonaros

Actually, to clarify my question, can you add shortcodes to display widgets?

Share this post


Link to post
Share on other sites
Rob

Well, not exactly.  You can use shortcodes to display plugins, provided the plugin has a shortcode to use for such purposes.  When the plugin uses shortcodes for display, you can add them almost anywhere.  If you want such shortcodes in the sidebar, I use a text-widget, and drop the shortcode into that and save.

 

If a plugin is designed to only use a widget, then the widget will appear in Dashboard > Appearance > Widgets and is limited to being placed in sidebars. Luckily, PageLines smartly created sidebars that can be placed inside the content area, allowing you to pretty much put things anywhere.

 

I hope that helps.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • Erika
      By Erika
      My sidebar is now showing up below the content, but only on the homepage. 
      I've tried disabling plug-ins individually, checking column width, and <div> tag errors on the page as well as in individual posts that are displayed on my homepage. I don't know exactly when this issue arose, so I don't know what else to try! 
      Here's the page link:
      https://confessionsofacosmetologist.com/
    • Michael Kummer
      By Michael Kummer+
      Hi guys!
      I have noticed that my primary sidebar becomes intermittently invisible when browsing through various blog articles on michaelkummer.com/blog.
      See:
      https://www.dropbox.com/s/z646sgoa3mfjl1j/Screenshot 2018-07-12 15.57.46.jpg?dl=0 and https://www.dropbox.com/s/vdledzzgginvwgv/Screenshot 2018-07-12 15.57.57.jpg?dl=0
      Upon refresh, the sidebar appears. I have been using the following CSS code to hide the sidebar on mobile without any issues. 
      @media only screen and (max-width: 993px) {
      /* hide sidebars */
           .plsb {
              display: none !important;
          }
      }
      I tried to add the following CSS to force the sidebar to show on screens that are wider than 994 pixels but to no avail. Any clue what could be causing this issue?
    • Anthony CALCI
      By Anthony CALCI+
      Hello,
      I have switched from the Framwork theme to DMS theme on http://calcipatrimoine.theproofingcompany.fr (miror site of http://calci-patrimoine.com).
      But I have now only the Primary sidebar in the Widget section ! Secondary sidear, Footer sidebar have all disapear...
      Can I have help to have them back ?
      Regards,
      Anthony
    • Jared Smith
      By Jared Smith+
      I haven't figured out how to get the "Sync Loaded Item" option in templates menu of Platform 5 to stay checked. It doesn't give me an option to save settings when I select it, and when I select it then click off the editor, it unselects. Also if I select it before loading a template, it doesn't stay checked there either.  Whats going on?
×