Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

WordPress

Posted by slxmclxtds
slxmclxtds
37,677 Points

Best Approach for Editing Content for a multi section page

I have a question about how to avoid adding div tags to wordpress content editor. I have a contact page which has multiple sections with headers.

First Sections floats to the left the other section to the right and at the very bottom is a section with full width map.

All sections have content inside div, section and other tags with classes and ids. I know that Wordpress Visual Editor doesn't like those tags and it may cause a problem.

How can I create this kind of page, which is:

  • Requires only to add text and images from the content editing side.
  • Easy to edit and understand, even for a client.
  • Doesn't break the content when using WP Visual Content Editor.
Jeremy Castanza
Jeremy Castanza
12,081 Points
Jeremy Castanza
Jeremy Castanza
12,081 Points

Unfortunately, there's really not an easy solution. You can modify your templates to try to absorb the code, leaving just the content inside the div or section to the Content Editor. You can install some plugins to allow more ways to input content. Or... most likely you'd want to consider custom posts and custom UI to limit what the client can and cannot do on the back end using fields.