• Hello,

    I have a website currently at https://electronet.dyndns.org/computers

    I’ve been working on it lately and have decided I want to move away from the basic setup I have using a database to store all the information and into something much more powerful like wordpress.

    Is there a simple way to convert the pages to a wordpress theme? I’ve found a couple of tutorials, but all of them assume I have CSS pages. I don’t, I just have the HTML pages you see on my site right now. Can I easily convert this? I want to have everything remain where it is now – content in the large area and navigation to the left.

    Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Honestly, it would make your life a whole lot easier if you used CSS. If you decided to change the font or color (or anything else) for a particular section, you could do it in one swoop in the CSS file, whereas now you would have to edit each and every page to make the changes across the board.

    Personally, I think I would just take the default WordPress theme and customize it to your liking. Or search for a theme that has the same general layout as your site. Then I would just go through and plug the content in.

    Have you worked with html/css before?

    Take a Kubrick(wordpress default) theme, copy all files under Kubrick theme under wp-content/themes/CreateNewFolder and then paste all files of it Kubrick theme. Name this new folder electroNET.

    Then follow these steps one by one:

    1. open style.css file and change the theme information on top.

    2. Copy all internal css from your existing static pages and paste in bottom of style.css under electroNET folder.

    3. Copy all image from your existing images folder and past it in electroNET’s image folder.

    4. Divide you existing page’s html code into header, footer and content area.

    5. Place your header code in header.php, footer code in footer.php of your electroNET folder.

    6. you will have to add this <?php bloginfo(‘template_directory’); ?> before your image path to show images on page like this:
    “<?php bloginfo(‘stylesheet_directory’); ?>/images/imagename.jpg”

    7. You might need to change the CSS of sidebar and content area to match color and size if your existing website.

    Activate the new theme to see how it looks. If you get into any problem you can mail me [email protected] for any assistance.

    Thanks!

    Thread Starter mike34341

    (@mike34341)

    Thanks for the help! It took a lot of fighting but I finally got the theme to work out for me.

    There is only one problem with it so far (besides the poor performance of the web server, but thats getting replaced very shortly), and that problem is issues with width of the text.

    You can see what I mean here: https://electronet.dyndns.org/computers/index2.php?p=1

    How to I increase the width so it takes up the whole area in the table. Also the same problem happens with the index page.

    Thanks again!
    -Mike

    Just open the “style.css” file in your WordPress theme and look for this section:

    .widecolumn {
    	width: 450px;
    	}

    You’ll want to change the number 450 to something bigger. Maybe 650 or something. Just play around with the number until it’s the width you want.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Converting website to wordpress’ is closed to new replies.