19 replies
  • WEB DESIGN
  • |
I was wondering if anyone knows a script / easy way to transfer an HTML site to wordpress?
#html #wordpress
  • Profile picture of the author 19thws
    I never heard of any script to convert HTML to WP but there's a software that will convert PSD to WP, though I won't recommend it as manual coding still the best way.
    Signature
    Folio: www.19thwebstudio.com
    Email: sales @ 19thwebstudio.com
    {{ DiscussionBoard.errors[3536103].message }}
  • Profile picture of the author wmboy
    You really need to know some PHP to do this successfully (you don't need to code PHP, but you need to be able to read it).

    The process basically involves creating template files which dictate where the WordPress content will be displayed in your markup. The quickest approach would be to just do a quick Google search and find someone to do if for you (shouldn't cost more than $200 unless it's a complex theme). Longest (but more fulfilling approach) would be to go through one of the many free tutorials online which show you how to do it.
    {{ DiscussionBoard.errors[3536333].message }}
  • Profile picture of the author Istvan Horvath
    Three posts and none of you have google?
    html to wordpress - Google Search
    Signature

    {{ DiscussionBoard.errors[3536353].message }}
  • Profile picture of the author xtrapunch
    There's no well established method to export HTML site into WordPress, but there's a plugin which can be of some help.
    WordPress › Import HTML Pages « WordPress Plugins
    Signature
    >> Web Design, Wordpress & SEO - XtraPunch.com <<
    Web Design & SEO Agency | Serving World Wide from New Delhi, India

    {{ DiscussionBoard.errors[3536395].message }}
  • Profile picture of the author coryanne
    Thank you for the feedback!
    {{ DiscussionBoard.errors[3536691].message }}
  • Profile picture of the author learnquick
    there's nice tutorial on nettuts to show you how to do it.
    {{ DiscussionBoard.errors[3540918].message }}
    • Profile picture of the author ronc0011
      Hmmm... I never knew all this. I just copy and pasted everything from my old site's html into WP. Of course I had to do some tweaking on the CSS because of the different layout but that was really all there was to it.
      {{ DiscussionBoard.errors[3541825].message }}
  • Profile picture of the author HostColor
    Any of the popular CMS, including WordPress have their own specific features in the code and I also think that WP design should be done manually.
    Signature
    HostColor.com
    Cloud Servers, Infrastructure Hosting & Managed Services
    Data centers in U.S. and Europe
    {{ DiscussionBoard.errors[3541901].message }}
  • Profile picture of the author apnieyesp
    Create very eaisly wordpress Html templete in php you first download notepad++ and making a wordpress theme, simply given codes are available on the link. you copy the wordpress script and upload on a server.

    Convert HTML to WordPress

    When I first decided to convert a static HTML design to WordPress I did some searching for a tutorial to help me get started with the basics. Surprisingly, I didn't find anything that was very complete or easy to follow. For that reason I decided to write a very basic tutorial on how to convert a static HTML template into a WordPress Theme. If you are an absolute beginner at developing WordPress themes then this should help you get started. This tutorial assumes you already have a basic understanding of HTML and CSS. It also assumes you have a website built in HTML and CSS and have it ready for conversion.


    How WordPress Works
    WordPress works in a rather straightforward manner but it may seem confusing if you are completely new to the concept. WordPress relies on PHP to call on different parts of your content from the database management system it stands on. For example, look in your /wp-content/themes/twentyten/ directory and open the header.php file. As you scroll through the code notice the PHP calls, they start with a <?php and end with a ?>. Look at line 37 and notice the call for your stylesheet URL:

    <link rel="stylesheet" type="text/css" media="all" href="<?php bloginfo( 'stylesheet_url' ); ?>" />
    This line uses PHP to look-up your stylesheet's location from the database. This basic function of retrieving or calling some kind of data from your database and using PHP to display it in your XHTML is how WordPress works. Throughout this process you will be substituting PHP for different parts of your content and your code. This will make editing easier in the long run, as you will find out. Now that you understand the basics of how WordPress works, lets get started.

    First Things First
    The first step is to create a new folder and name it whatever you want your theme to be called. Next, create two new files, style.css and index.php and place them in the folder. Believe it or not, these are the only two files you actually need for a WordPress theme. Now copy and paste the code from your original CSS file into the style.css file you just created. At the top add the following code:

    /*
    Theme Name: Replace with your Theme's name.
    Theme URI: Your Theme's URI
    Description: A brief description.
    Version: 1.0
    Author: You
    Author URI: Your website address.
    */
    These comments simply help WordPress properly identify the theme. Your stylesheet is now ready to go.

    Chop It Up
    Now let's start chopping up your HTML. Remember how we talked about WordPress using PHP to call data from your database? Well WordPress can also use PHP to call different files from within your template folder. Imagine your current HTML code chopped up into 4 (or more) different sections. For example, take a look at the layout and corresponding HTML of this page. The header comes first, followed by the content, then the sidebar, and finally the footer. Instead of keeping these 4 parts of the HTML together in one file, you are going to put each of them in their own separate file. Then call on them one by one using PHP.

    So go ahead and sort through your HTML code and place some markers in the 4 places where you plan on cutting the code into 4 separate sections.

    Note: These next steps assume you have your page set up left to right: header, content, sidebar, footer. If your page is ordered differently you will have to switch a couple of these steps around, but I am sure you can figure that out.

    Now create 3 new files (header.php, sidebar.php, footer.php) and place them in your theme directory. Next take a look at the header.php file from the Twenty Ten theme we looked at earlier. Notice all the PHP that is used in between the <head> tags. Copy that code to your new header.php file. Now open up your original HTML file and copy the code you marked off for your header (1st section) into your new header.php file (underneath the <head> section). Save and close.

    Now open up your new index.php file. Copy the second part of your original HTML code, the content (2nd section) into your new index.php file. Save and close.

    Getting the hang of it?

    Next open up your new sidebar.php file, copy the sidebar (3rd section) of your original code into the sidebar.php file. Finally, copy the original footer (4th section) of code into your new footer.php file.

    Put It Back Together
    Your original code should now be chopped up into 4 different files (header.php, index.php, sidebar.php, footer.php). Let's put it back together using a few lines of PHP. Open up your index.php file, it should contain the HTML from the content (2nd section) of your original code. Add this line at the very top of the file:

    <?php get_header(); ?>
    Now go to the absolute bottom of your index.php file and add these two lines:

    <?php get_sidebar(); ?>
    <?php get_footer(); ?>
    These 3 simple lines of PHP are telling WordPress to fetch and display your header.php, sidebar.php, and footer.php files within your index.php file. Your code is now officially put back together. Now, if you want to edit your sidebar you can just edit your sidebar.php file, instead of sorting through your index.php to find it. The same goes for your header.php and your footer.php.

    The Loop
    Your index.php is almost finished. The final step is to insert the actual content into the code. Luckily, WordPress uses PHP for this as well. The Loop is the PHP function WordPress uses to call and display your posts from the database they are saved in. Grab this code and paste it into your new theme's index.php file (inside of whichever div you are using to hold your content).

    <?php if ( have_posts() ) : ?>
    <?php while ( have_posts() ) : the_post(); ?>
    <div id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    <div class="post-header">
    <div class="date"><?php the_time( 'M j y' ); ?></div>
    <h2><a href="<?php the_permalink(); ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
    <div class="author"><?php the_author(); ?></div>
    </div><!--end post header-->
    <div class="entry clear">
    <?php if ( function_exists( 'add_theme_support' ) ) the_post_thumbnail(); ?>
    <?php the_content(); ?>
    <?php edit_post_link(); ?>
    <?php wp_link_pages(); ?>
    </div><!--end entry-->
    <div class="post-footer">
    <div class="comments"><?php comments_popup_link( 'Leave a Comment', '1 Comment', '% Comments' ); ?></div>
    </div><!--end post footer-->
    </div><!--end post-->
    <?php endwhile; /* rewind or continue if all posts have been fetched */ ?>
    <div class="navigation index">
    <div class="alignleft"><?php next_posts_link( 'Older Entries' ); ?></div>
    <div class="alignright"><?php previous_posts_link( 'Newer Entries' ); ?></div>
    </div><!--end navigation-->
    <?php else : ?>
    <?php endif; ?>
    You just inserted a basic version of the loop into your code! WordPress will use the loop to display your posts and comments on your website.

    The End
    Now upload your theme folder to /wp-content/themes/. Then log into WordPress and activate your theme. Wasn't that easy?

    This tutorial covered the basics for converting your theme to WordPress. To further customize and enhance your theme start looking at the WordPress Codex, specifically Template Tags and Template Files. You can use template tags in your sidebar, in your header, or your footer to call menus, categories, posts, etc. As you learn more about template tags and template files you will discover the endless possibilities for customizing your new WordPress blog.

    codes are copied www dot mfarhanonline dot com /2011031621450/convert-html-to-wordpress/
    {{ DiscussionBoard.errors[3542816].message }}
  • Profile picture of the author yourmobisite
    Hello...

    I think you will find out better answer from here: cybercoded.net/convert-static-html-site-to-wordpress-easily/
    {{ DiscussionBoard.errors[3556712].message }}
  • Profile picture of the author MoneyMonkey
    Originally Posted by coryanne View Post

    I was wondering if anyone knows a script / easy way to transfer an HTML site to wordpress?
    There's no script available in my knowledge, but I can transfer it for you if you would desire. I could do it for a price dependable on the amount of pages. PM Me if you are interested.
    {{ DiscussionBoard.errors[3560278].message }}
  • Profile picture of the author techntuts
    Use some free services. Just submit your PSD file or HTML file and it would be converted to wordpress theme. Just google to know them...
    {{ DiscussionBoard.errors[3561618].message }}
    • Profile picture of the author Trisha
      This is actually one of my services. I offer html to wordpress 3.0 themes on my site for $99, but I'll do it for $50 for warriors. PM me or email me from my site.
      {{ DiscussionBoard.errors[3568842].message }}
  • Profile picture of the author johnsonlive1
    Wow. Is it really possible to that we can transform our website from HTML to wordpress. I have my own website in HTML and some of my friend suggested me that you have to create it in wordpress. So if i can transform it than it will save my time to create it again.
    {{ DiscussionBoard.errors[3572360].message }}
    • Profile picture of the author fergsi
      Interesting Thread. Thanks for the Knowledge shared.
      __________________________________________________ ___________
      Web Design Resources
      {{ DiscussionBoard.errors[3572771].message }}
    • Profile picture of the author Trisha
      Originally Posted by johnsonlive1 View Post

      Wow. Is it really possible to that we can transform our website from HTML to wordpress. I have my own website in HTML and some of my friend suggested me that you have to create it in wordpress. So if i can transform it than it will save my time to create it again.
      It's possible to transform your sites design into wordpress, but you will still have to rebuild all your pages. Also, if you have any decent page rank or traffic on the current site, you'll need to redirect the current html pages to the new wordpress pages so search engines can find you and dont lose all the hard work youve done.

      There are some pros and cons to switching to a new framework. You do for the most part have to rebuild every page. If you dont know wordpress there's a slight learning curve. And its harder to customize than an html site. But WordPress is easier to learn, you wont need to know html, css or php to use it. Extending it to do more things is very easy with plugins. And search engines like WordPress.
      {{ DiscussionBoard.errors[3573874].message }}
      • Profile picture of the author jamesg371
        I know that serious website design does them pretty cheaply and they do an awesome job, . Either from html/css to Wp or from PSD file to WP. They can do buddypress and mu themes too.
        {{ DiscussionBoard.errors[3578925].message }}
  • Profile picture of the author businessmind
    We can do that for you
    {{ DiscussionBoard.errors[3573094].message }}
    • Profile picture of the author richrajeevkistoo
      if its not too complicated which means if it takes less than 5 hours to do, you can get the guys at outsourcing-unleashed.com to do it for FREE.

      i have used them and they are great.

      Thanks

      Rajeev
      {{ DiscussionBoard.errors[3573853].message }}

Trending Topics