751 posts
  • Has been part of the Envato Community for over 6 years
  • Has referred 1+ members
  • Has collected 10+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
CyberShot says

Does anyone know of a good tutorial on how to make a one page WordPress site? I have been working on one for a few weeks and I am getting pretty far but I am wondering if I am doing things the hard way so I am looking to see if there are any other methods out there that I should or could be using?

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

I agree , I also want to know how to make one page wordpress sites u_u

498 posts
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Sells items exclusively on Envato Market
+1 more
wopethemes says

there are some good tutorial you can find. which wordpress builder , I prefer an page builder allow user to choose page and screen options suck as background color….ect

1 post
  • Has been part of the Envato Community for over 2 years
  • Has referred 1+ members
  • Located in Brazil
  • Has collected 1+ items on Envato Market
+1 more
LTonet says

Of the top of my head I can imagine that would be quite easy to code.

All you’d need is index.php, functions.php and style.css

Maybe a loop.php as well and whatever other little features you’d like.

Design the site and build it in html. Include many custom queries throughout the index.php to take the text and images from different pages within the WordPress.

eg in php

$my_id = 206;
$post_id_206 = get_post($my_id);
$content = $post_id_206->post_content;
$content = apply_filters(‘the_content’,$content);
$content = str_replace(‘]]>’, ‘]]’, $content);
echo $content;

Use Jquery to slide to certain element ids.

That would be pretty much it for a start.

The best thing you can do is study the codex wordpress: http://codex.wordpress.org/Theme_Development

1888 posts Don't Worry, Be Happy
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in United States
  • Made it to the Authors' Hall of Fame
+8 more
FinalDestiny says

In my one page themes I make a WP loop and include the pages on the homepage, one after another, the content being handled by shortcodes. If they’re using wp nav menus, I remove the posts and external links and keep just the pages and just fetch the content for those pages.

35 posts
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
+2 more
Shorti says

I just released a one-page WordPress theme and used theme options to control each section of the homepage. I created a separate php file (e.g. profile.php) for each section and included each of them in the index.php file:

<!-- BEGIN #profile (panel 1) -->
<?php get_template_part("pages/profile"); ?>
<!-- END #profile (panel 1) -->

<!-- BEGIN #skills (panel 2) -->
<?php get_template_part("pages/skills"); ?>
<!-- END #skills (panel 2) -->

...

I built the theme to also include WP default functionality, like posts, pages, and nav menus. Even though it’s a one-page theme, some buyers may still want to create a separate page or blog.

Hope this sparks some ideas for ya!

- Shorit

35 posts
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
+2 more
Shorti says

I just released a one-page WordPress theme and used theme options to control each section of the homepage. I created a separate php file (e.g. profile.php) for each section and included each of them in the index.php file:

<!-- BEGIN #profile (panel 1) -->
<?php get_template_part("pages/profile"); ?>
<!-- END #profile (panel 1) -->

<!-- BEGIN #skills (panel 2) -->
<?php get_template_part("pages/skills"); ?>
<!-- END #skills (panel 2) -->

...

I built the theme to also include WP default functionality, like posts, pages, and nav menus. Even though it’s a one-page theme, some buyers may still want to create a separate page or blog.

Hope this sparks some ideas for ya!

- Shorit

1888 posts Don't Worry, Be Happy
  • Sells items exclusively on Envato Market
  • Elite Author: Sold more than $75,000 on Envato Market
  • Located in United States
  • Made it to the Authors' Hall of Fame
+8 more
FinalDestiny says

This is way too complicated, probably pretty bad UX

35 posts
  • Has referred 50+ members
  • Has sold $40,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
+2 more
Shorti says

This is way too complicated, probably pretty bad UX

?

3430 posts
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
  • Located in United States
  • Has been part of the Envato Community for over 4 years
+1 more
organicbee says

This is way too complicated, probably pretty bad UX

+1 just use a page loop http://codex.wordpress.org/Class_Reference/WP_Query

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