Single Page Wordpress Template

Question

I have to convert the following HTML website into a Theme for Wordpress. I am trying to figure out how to structure the theme in terms of pages/posts/custom modules and themes.

I have 5 sections in my page

1. Home (Slider and content)
2. Know (tabs with content)
3. View (Projects with filterable effect)
4. Read (blog and articles)
5. Talk (contact Form)

I want to allow the customer to be able to edit most of the content on the page.

Please guide me into getting started.

Link: http://play.mink7.com/sophiance/

* Edit *

I created a page called 'home' and in settings>reading> selected that as the static content for the site.

Next i created a template called template-home.php and selected the home to use this template.

Answer 1

in your index.php file put the 5 sections.

in each section - create a new query to pull a page.

for example with a custom post type

  <section id="home">
    //Slider Content
<?php query_posts('pagename=home'); if ( have_posts() ) while ( have_posts() ) : the_post(); ?>//Loop Content
<?php endwhile; endif; wp_reset_query(); ?>
</section>

<section id="know">
<?php query_posts('pagename=know'); if ( have_posts() ) while ( have_posts() ) : the_post(); ?>//Loop Content
<?php endwhile; endif; wp_reset_query(); ?>
</section>

etc.

Then create each page with that name and it will pull the data

I created a site like that here

Answer 2

This is how you should structure your Wordpress website:

Home (Slider and content) - create a page called Home and a custom page template called home

Know (tabs with content) - use a shortcode plugin to have tabbed content, default page template

View (Projects with filterable effect) - use a plugin that displays content in a masonry layout, default page template

Read (blog and articles) - create posts (under posts) and display them using the post archive.

Talk (contact Form) - use default page template and a plugin like Gravity Themes for the contact form

For similar ideas on how to structure your Wordpress website go to http://www.mybuzzmedia.net