Single Page WordPress Template

1 Views

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

Read More
  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.

Post Views: 1

Related posts

Leave a Reply

2 comments

  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

  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