WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Add columns to home page to tweak existing WP theme (5 posts)

  1. RJHarris
    Member
    Posted 4 years ago #

    I'd like to add three content columns to an existing WP theme.

    Here's the website I am trying to mod.
    http://thepimmgroup.org/

    I'd like to add three blocks below the main intro, as in this site. http://www.mangumpartners.com/

    WP post columns doesn't work in this theme (since options for the home page are set in the dashboard).

    Of course, I could use tables, but I'd like to avoid that if possible.

    I know some xhtml/css but not much beyond that.

  2. converting2wp
    Member
    Posted 4 years ago #

    In the site you're trying to mimic, there are three <div> sections in the footer, each styled with a class of footer_row (by which I think the author means "footer column").

    #footer .footer_row {
      float:left;
      margin:0 10px 0 0;
      width:310px;
    }

    You need to make similar changes to your footer.php with the corresponding changes to your style.css.

    Now, how to get content into those sections? Well, you can hard code it in the footer.php, but if your content could be generated by a widget, you could also make each section its own "sidebar". See the 2010 theme (default for WordPress 3.0) for an example of how this is done. You can also review the "Define Sidebars" section in the Codex for a brief overview.

  3. RJHarris
    Member
    Posted 4 years ago #

    Cool. Thank you very much! I will give this a try.

  4. RJHarris
    Member
    Posted 4 years ago #

    Your suggestion definitely got me started, thank you.

    When I make changes to the footer.php, it adds the sections to the very bottom footer (dark brown bar at bottom of page) here http://thepimmgroup.org/

    What I am trying to do is to add the three sections immediately above the checked list (class="listfront") and below the content div in the white area of the page. I think I can add these directly to the index.php. Would that be the best approach?

    Please can you help again? I'd really appreciate any suggestions.

  5. RJHarris
    Member
    Posted 4 years ago #

    I resolved this by adding a three column layout to the index.php file. I got the code from this layout and modded it to get three equal columns. Pretty cool!

    http://matthewjamestaylor.com/blog/perfect-3-column.htm

Topic Closed

This topic has been closed to new replies.

About this Topic