How to duplicate this? (3 boxes with content)

  • As I am so new, could you please just point me in a direction?

    I am trying to replicate this page https://test.doubledoubleny.com/sample.shtml

    This is part of a site that I hand coded using html & css, but want to replicate it in WP (whice I do not know very well yet, unfortunately).

    I assume I will need 3 columns for starters.
    But….. what would the strategy be to create the box for each column.
    Would I manually build the box on my page using some kind of tools?

    Or are there plugins to help create these?
    Or could I copy my html & css into WP?
    (Note: each box has multiple objects)

    I am just desperately hoping to be pointed in a direction. Thank you in advance. Buffmin.

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

  • You’ll need to create the columns (boxes) in your css and the add the html to your template to display.
    You may need to make a custom template for the page that holds the boxes so they fit.
    or
    You could look for a theme that already has this style applied to it..

    Thread Starter Buffmin2

    (@buffmin2)

    Thank you.
    So, let me see if I get this right.
    So in reality, when I use WP, in instances like this, I can actually custom code the html and then apply the CSS to my stylesheet?

    I know that a custom template would be easiest, but I could not find one to help me duplicate what I had built on my other site.

    And is this how they they say that people can create themes using Dreamweaver? I am just so new! Thank you much.

    Theme_Development
    is one way to go.

    But getting your feet wet with customizing a current theme (like twenty ten or twenty eleven- and using a child theme of one of them) is maybe easier for understanding how all the bits and pieces work.
    And there are tons of tutorials and how to sites about these 2 current themes.

    Also getting the terminology down will be helpful:
    A theme is the total looks and feel and function of your site within WP
    A template is part of the theme, that you can alter or create anew to do what you want to do.

    So in reality, when I use WP, in instances like this, I can actually custom code the html and then apply the CSS to my stylesheet?

    Yes within the parameters of the theme template and the php wp code —
    it is very different than coding up a website in just html and css.

    There’s a lot to learn, especially if you want to customize a current theme and even more to make your own theme.

    Good luck!

    Thread Starter Buffmin2

    (@buffmin2)

    Thank you. You know what? I think converting a site to WP might just be a bit over my head at the moment. I think I’ll take your advice and focus on understanding the structure of WP a bit better first.
    Thanks for getting back to me. Buffmin

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘How to duplicate this? (3 boxes with content)’ is closed to new replies.