Skip Navigation

[Resolved] Adding Layouts rows/columns to post content

The Toolset Community Forum is closed, for technical support questions, please head on to our Toolset Professional Support (for paid clients), with any pre-sale or admin question please contact us here.

This thread is resolved. Here is a description of the problem and solution.

Problem:

Okay, so the idea is that I begin with [Support Example - Post Template.png]

I create a template that includes my navigation bar, a title, post body, and a widget for previous and next posts.

This is my default post layout.

Then I go into my post and write out an article which includes sections, columns of information, supporting images and other media. All as part of this particular article topic. All using the wordpress dashboard text editor.

I then load that article on the site and it uses my default post layout as it should and displays like [Support Example - Post Body with unique formatting.png]

If you're on mobile and your screen is constrained, then the columns rearrange as toolset does and everything stays organized and well presented. Otherwise everything displays like the image because it's formatted to be that way.

Am I able to do this with toolset? Or would I need to create tables or custom shortcode myself to have such a feature?

Solution:

1) Then I go into my post and write out an article which includes sections, columns of information, supporting images and other media. All as part of this particular article topic. All using the wordpress dashboard text editor.
Yes, it is possible with the Layouts plugin, please check the document I mentioned above:

https://toolset.com/documentation/user-guides/front-end-editing/#editing-layouts-on-the-backend

section "Editing layouts on the backend", you can edit the post content with Layouts plugin in wordpress admin side.

And when you edit/create a post/page in the WordPress admin side, there is a button "Content Layout Editor" just above post content editor, click it, you will be able to design the post content with the Layouts plugin, see screenshot Content-Layout-Editor.JPG

2) I then load that article on the site and it uses my default post layout as it should and displays like [Support Example - Post Body with unique formatting.png]
You will need to design the post body within Layouts plugin to what you want in step1), see the document I mentioned above:

https://toolset.com/documentation/user-guides/learn-how-rows-can-displayed-different-ways/

Add different layout cells to design the layout from scratch:

https://toolset.com/documentation/user-guides/#layouts-cells

3) If you're on mobile and your screen is constrained, then the columns rearrange as toolset does and everything stays organized and well presented. Otherwise everything displays like the image because it's formatted to be that way.

Yes, Layouts plugin is based on Bootstrap framework, on mobile device, you can fully responsive designs with Layouts plugin:

https://toolset.com/home/layouts/

Create fully responsive designs without effort

And here is the document of bootstrap

https://getbootstrap.com/docs/4.0/layout/grid/

For your reference,

Relevant Documentation:

This support ticket is created 6 years, 10 months ago. There's a good chance that you are reading advice that it now obsolete.
This is the community support forum for Types plugin, which is part of Toolset. Toolset is a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients and people who registered for Types community support can post in it.

Sun Mon Tue Wed Thu Fri Sat
- 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 9:00 – 13:00 -
- 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 14:00 – 18:00 -

Supporter timezone: Asia/Hong_Kong (GMT+08:00)

This topic contains 6 replies, has 2 voices.

Last updated by gaianH 6 years, 10 months ago.

Assisted by: Luo Yang.

Author
Posts
#615784
Support Example.png

Currently I have a basic "post" layout that is just meant to display large amounts of text, whatever it may need to be.
Example: hidden link

This, however, is a very boring look and doesn't really make for pleasant reading or content display.

I've attached a mockup image of what I'd prefer to build.

In this mockup, the idea is that I'd be able to create a more stimulating "news" type of format for my text based posts that would load in my post template as easily as a single image or video.

Is there a way I can format my post body on a post by post basis to allow for rows and columns that would allow me to better format my text content?

#615874

Hi,

It is possible to use Layouts plugin to format the post body and allow for rows and columns.

You can use Layouts plugin to format the post body, see our document:
Front-end editing for layouts
https://toolset.com/documentation/user-guides/front-end-editing/

And you can setup columns and rows in the layouts, see our document:
Learn about how rows can be displayed in different ways
https://toolset.com/documentation/user-guides/learn-how-rows-can-displayed-different-ways/
Styling layouts
https://toolset.com/documentation/user-guides/adding-custom-styling-to-a-layout/

And there are lots of Layouts documents:
https://toolset.com/documentation/user-guides/#layouts

For your reference.

#616139

This is not what I'm asking.
I'm asking if there's a way to format the_content to have layout based elements so I can have a unique text layout on a post by post basis within a regular template.

#616214

To avoid more misunderstandings, please elaborate the question with more details:
I can have a unique text layout on a post by post basis within a regular template.

What kind of post basis are we talking about?
What is the "regular template" you mentioned above? is it a theme file or Views content template?

I need detail steps to test it in my localhost, thanks

#616588
Support Example - Post Body with unique formatting.png
Support Example - Post Template.png

Okay, so the idea is that I begin with [Support Example - Post Template.png]

I create a template that includes my navigation bar, a title, post body, and a widget for previous and next posts.

This is my default post layout.

Then I go into my post and write out an article which includes sections, columns of information, supporting images and other media. All as part of this particular article topic. All using the wordpress dashboard text editor.

I then load that article on the site and it uses my default post layout as it should and displays like [Support Example - Post Body with unique formatting.png]

If you're on mobile and your screen is constrained, then the columns rearrange as toolset does and everything stays organized and well presented. Otherwise everything displays like the image because it's formatted to be that way.

Am I able to do this with toolset? Or would I need to create tables or custom shortcode myself to have such a feature?

#616610
Content-Layout-Editor.JPG

1) Then I go into my post and write out an article which includes sections, columns of information, supporting images and other media. All as part of this particular article topic. All using the wordpress dashboard text editor.
Yes, it is possible with the Layouts plugin, please check the document I mentioned above:
https://toolset.com/documentation/user-guides/front-end-editing/#editing-layouts-on-the-backend
section "Editing layouts on the backend", you can edit the post content with Layouts plugin in wordpress admin side.

And when you edit/create a post/page in the WordPress admin side, there is a button "Content Layout Editor" just above post content editor, click it, you will be able to design the post content with the Layouts plugin, see screenshot Content-Layout-Editor.JPG

2) I then load that article on the site and it uses my default post layout as it should and displays like [Support Example - Post Body with unique formatting.png]
You will need to design the post body within Layouts plugin to what you want in step1), see the document I mentioned above:
https://toolset.com/documentation/user-guides/learn-how-rows-can-displayed-different-ways/

Add different layout cells to design the layout from scratch:
https://toolset.com/documentation/user-guides/#layouts-cells

3) If you're on mobile and your screen is constrained, then the columns rearrange as toolset does and everything stays organized and well presented. Otherwise everything displays like the image because it's formatted to be that way.

Yes, Layouts plugin is based on Bootstrap framework, on mobile device, you can fully responsive designs with Layouts plugin:
https://toolset.com/home/layouts/
Create fully responsive designs without effort
And here is the document of bootstrap
hidden link

For your reference,

#616615

Thank you! This is good to know.

I thought that that would bring me to the editor of the default post template not to edit the content of the post itself.

The forum ‘Types Community Support’ is closed to new topics and replies.