3 column layout which is editable within the admin

  • Resolved petelcj

    (@petelcj)


    14 years, 6 months ago

    Hi guys

    I’m new to using wordpress and have come across a small issue. I have a 3 column layout on a design I have mocked up and want these 3 columns of content to be editable within the wordpress admin.

    I know you can use tables to break the content into 3 columns in the WYSIWYG but I hate using tables and would prefer a way that was more user friendly and up-to-date. I looked at the plugin more-fields http://wordpress.org/extend/plugins/more-fields/ which allows you to add content boxes to the write/edit page. It is pretty much what I’m looking to do with the admin but it is quite messy when implemented. Is there any other way to do this? or I guess another question would be what’s the best way to do this?

    Any help/advice on this would be much appreciated.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Josh Feck

    (@builtbynorthby)

    14 years, 6 months ago

    If you’re thinking of a three column widget area, where you would edit the widgets, check out how the twenty eleven theme does this.

    If you’re thinking of a regular page with a three column layout: What I’ve done in the past is break up the content in the editor using divs.

    So, a few CSS column classes:

    .one-third {
  float: left;
  margin: 0 0 20px;
  padding-left: 3%;
  width: 31%;
}
.first {
  clear: both;
  padding-left: 0;
}

    Then in the page editor add a little html in html mode:

    <div class="one-third first">
First column content
</div>
<div class="one-third">
Second column content
</div>
<div class="one-third">
Third column content
</div>

    If you need to make it so that the person editing wouldn’t need to use html to separate the content into columns, you could write a few enclosing shortcodes using the WordPress shortcode API.

    Thread Starter petelcj

    (@petelcj)

    14 years, 6 months ago

    Hi Josh

    Thanks for the advice. That will be a great help.

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘3 column layout which is editable within the admin’ is closed to new replies.