16 posts
  • Has been part of the Envato Community for over 2 years
xumio says

I’ve looked for months and months how to convert a multi-page html/css site to WordPress, and haven’t found any consistent information. I’ve looked through ThemeForest.net forums, through WordPress codex, through Google, but still haven’t found any useable info, just bits and pieces.

I have a lot of experience with PHP , MySQL, HTML , CSS, JavaScript, etc, so I thought learning WordPress would be fairly easy.

I was able to add WordPress code to a simple html test site I built… http://test.outerintensity.com (style.css, header.php, index.php, footer.php, about.php, contact.php) ...but I can’t figure out how to get the nav to link to about.php and contact.php…

If I’m going about this the wrong way, then please advise. The bottom line is, I just need to convert a multi-page html site to WordPress so people can install it and use it without having to do any addidional setup, like adding pages, etc. Thanks everyone!!!

1148 posts
  • Has referred 1+ members
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
fillerspace says

I just need to convert a multi-page html site to WordPress so people can install it and use it without having to do any addidional setup, like adding pages, etc.

Why not just hard code it as an HTML site? The point of WordPress is that you enter the content through the admin, although it is possible to import content from an XML file. Does each page need to have a different look and feel?

16 posts
  • Has been part of the Envato Community for over 2 years
xumio says


I just need to convert a multi-page html site to WordPress so people can install it and use it without having to do any addidional setup, like adding pages, etc.
Why not just hard code it as an HTML site? The point of WordPress is that you enter the content through the admin, although it is possible to import content from an XML file. Does each page need to have a different look and feel?

Are you saying that is the proper way to build a WordPress template/theme? Is that the way all of the templates on ThemeForest are installed?

My first template for example, is 6 pages, all with the same design, only the content on each page (between the header and footer) is laid out differently, just like many of the other templates on ThemeForest. Does each person that will buy my template have to manually add each page after they install the template?

119 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 50+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Had an item featured in an Envato Bundle
+8 more
valendesigns Envato team says

Use this function to create a navigation menu in your themes header.php and possible footer.php.

http://codex.wordpress.org/Function_Reference/wp_nav_menu

Once you have that done, create your navigation in the WP admin area and you’ll be good to go.

16 posts
  • Has been part of the Envato Community for over 2 years
xumio says

Use this function to create a navigation menu in your themes header.php and possible footer.php. http://codex.wordpress.org/Function_Reference/wp_nav_menu Once you have that done, create your navigation in the WP admin area and you’ll be good to go.

Thanks valendesigns!!! I will go through it line by line… from what I can see so far, it looks like it’s exactly what I’m looking for ; )

124 posts
  • Has been part of the Envato Community for over 5 years
  • Has sold $10,000+ on Envato Market
  • Located in Belarus
  • Has collected 10+ items on Envato Market
+1 more
Themico says

To learn WP themes developemnt i recommend you to start with a book or tutorials:

http://line25.com/articles/15-tutorials-to-help-you-build-wordpress-themes

Then you can review the code of a few simple themes. It will give you basic knowledge about WP template structure, tags, functions and widgets. And then you can build themes and search google when you have questions.

29 posts
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
janintia says

Maybe this would help you. http://codex.wordpress.org/Theme_Development. Most of the time I spent when coding HTML to WordPress is through the WordPress codex. You just need to know when and how you would utilize these functions on your theme. :)

16 posts
  • Has been part of the Envato Community for over 2 years
xumio says

Maybe this would help you. http://codex.wordpress.org/Theme_Development. Most of the time I spent when coding HTML to WordPress is through the WordPress codex. You just need to know when and how you would utilize these functions on your theme. :)

Thanks janintia, I’ve gone through that page thoroughly, and I think I just need to keep going through it until it starts clicking for me : ) I think it’s just a matter of familiarity, which will come through repeated use.

16 posts
  • Has been part of the Envato Community for over 2 years
xumio says

To learn WP themes developemnt i recommend you to start with a book or tutorials: http://line25.com/articles/15-tutorials-to-help-you-build-wordpress-themes Then you can review the code of a few simple themes. It will give you basic knowledge about WP template structure, tags, functions and widgets. And then you can build themes and search google when you have questions.

Awesome, Themico! Thank you! Looking forward to going through those tutorials ; )

9 posts
  • Has been part of the Envato Community for over 3 years
  • Has collected 1+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Located in United Kingdom
teknicom says

As earlier suggested, use wp_nav_menu() to generate the menu.

A popular method to get the menu working as desired is Superfish. Well written code, easilly customisable…. what more can I say.

Good luck with your learning. It is just as you say. You read and read and read until one day it just clicks.

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by