Jump to content
Bleuy

Split Content Area into 3 for 3 separate sections/functions

Recommended Posts

Bleuy+    0
Bleuy

Afternoon Forum

 

Wonder if someone might be able to point me in the right direction?

 

Firstly I am running a Multi Site version of Wordpress with 5 websites on it.  I am looking to change the home page of one of them so that it is split into 3 columns x 2 rows.  

 

Column 1- Row 1 - Feature (Linkable)

Column 2 - Row 1- Slider

 

Column 3 - Row 1- Feature (Linkable)

 

 

Column 1 - Row 2 - Post/Image (Linkable)

Column 2 - Row 2 - Map

Column 3 - Row 2 - Twitter Feed 

 

I have looked at the options of running Column 1 & 3 as Sidebars, but this is not affective for the rest of the website, so really only need this for the home page.  

 

I have 'Grid Shortcodes' installed (however as its running on a network so I can't edit it or anything) I have also looked at the following webpage http://demo.pagelines.me/tools/  which is about as clear as mud to me.

 

A steer in the right direction would be very helpful.

 

Thanking you muchly

 

Share this post


Link to post
Share on other sites
Rob    547
Rob

Hi,

 

You can manually add a grid using divs, as cited in the demo you linked, and then add content to the grid elements as desired.

 

PageLines Framework lets you establish sidebars on the left and right of your screen using the Layout Editor and PageLines Meta Settings (page-level controls).  This enables you to add widgets, which cannot be added to the grid.

 

It's a balancing decision you'll have to determine, about what you'll add to the left and right columns.  If you opt for real sidebars, you can always add some text widgets for things not found in standard widgets.

 

I'm not sure what you'd like to do.  I'll be back tomorrow for additional assistance or one of my colleagues may be in earlier to help.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
brightonkeller+    0
brightonkeller

if i'm understanding you correctly, you should try using the pagelines grid via the spans incorporated within the theme! it's awesome and is responsive to different devices and browser windows too!

 

check it out at the pagelines demo site in the "tools" area!

 

ps: just saw that you said this was "as clear as mud" to you. well, just try it out and make a new post and then preview it. it's super easy to use. use the following....

<div class="row">

<div class="span6">enter whatever content you want within here. you can put images, links, etc. anything really! this stuff that you enter within this div will be your first column</div>

<div class="span6">this will be the other column. remember to close you "div" though like I have to the right of this text.</div>

</div>

but you will only be able to see what the columns look like if you "preview" it. you won't be able to see it within the "visual" (as opposed to text/html) editor! 

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

 

Unfortunately, it is not possible "Out of the Box" to have sections split into columns. You may be able to achieve this layout using custom CSS. However, this goes beyond our level of support. Therefore, I recommend you contact one of our Pros for assistance.

 

http://www.pagelines.com/pros/


Please search our forums, before posting!

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


  • Similar Content

    • caspersjan
      By caspersjan
      Dear Pagelines, dear Evan,
       
      Grid Shortcodes is doing its simple work solidly, it probably never gets much praise. I am glad that it has been continued through all of Pagelines iterations since it arrived on the scene!
       
      However now I have a problem I fail to understand. I thought the spans can add up to 12. I am trying to achieve a three column set-up, like this:
       
      [row] [span8]Text[/span8] [span2]Text[/span2] [span2]Text[/span2] [/row]   But it breaks, i.e. the third column is put on a new page. If I try this it doesn't work either:   [row] [span3]Text[/span3] [span3]Text[/span3] [span3]Text[/span3] [/row]   Am I doing something wrong or leaving something out? You can see the page here: http://animatinglibraries.com/wordpress/?p=247 (underneath the second <hr> divider, "Report"/"Group size"/"Sessions") For a practical fix I used this solution - just making the wide column narrower:   [row] [span7]Text[/span7] [span2]Text[/span2] [span2]Text[/span2] [/row]   But I'd like to use the whole line - without the margin at the front and end that the 7/2/2 solution entails. Maybe you can help - I am as ever grateful for your assistance.   Yours faithfully, Jan.        
    • jamieg270
      By jamieg270+
      Hi Grid shortcodes don't seem to be working when nested. I am using DMS 2.0.5 I have deactivated all plugins leaving just the Paglines Updater, DMS Professional and Grid SHortcodes.
       
      This is my shortecode:
      [row] [span6] content here [/span6] [span6] [row_a] [span6] content here [/span6] [span6] content here [/span6] [/row_a] [/span6] [/row] Is there something I'm doing wrong? I've used this before on DMS v1.x.x without problems....
       
      I can't show you the result the file size for upload is too small to be able to attach the image!! However the [/row_a] and then [/span6] are being rendered in text on the page and the second nested column gets set as if its in its own row below the first. I don't have another DMS install to test this is so I'm not sure its reproducible. 
       
      I'm going to have to add the columns in using divs and classes as the client needs to see this tomorrow. 
       
      If I get the chance I'll set up a separate install to test aqain and give you an example to look at.
    • dchetson
      By dchetson+
      Trying to sue grid shortcodes to create nested columns. Really dumb question, but where do you enter the shortcodes? Tried in the CSS area but that doesn't seem to work.
    • rpacker
      By rpacker
      I have installed the Grid Shortcodes plugin for Framework and the documentation links for Evan Mattson are broken.  Is there any documentation still online? Is this plugin no longer intended to be used? I can't seem to find a user interface for the shortcodes, that is, if there is one.
       
      Thanks.
    • jamieg270
      By jamieg270+
      Hi,
       
      I installed Grid Shortcodes as I thought it would be easier for my client to use when using columns. However I'm now getting a php error wherever I use them.
       
      Warning: array_map() [function.array-map]: Argument #2 should be an array in /home/cypherde/public_html/pfc/site/wp-content/plugins/grid-shortcodes/grid-shortcodes.php on line 102

      Warning: array_map() [function.array-map]: Argument #2 should be an array in /home/cypherde/public_html/pfc/site/wp-content/plugins/grid-shortcodes/grid-shortcodes.php on line 102

      Warning: array_map() [function.array-map]: Argument #2 should be an array in /home/cypherde/public_html/pfc/site/wp-content/plugins/grid-shortcodes/grid-shortcodes.php on line 102
       
      You can see this at http://pfc.cypher-design.net/site on the first tab on the feature box.
       
      The feature box is custom code I've added into a custom section using a custom post type so the client cn update the tabs without my input.
       
      Any insight into the cause would be great.
       
      Thanks!
×