StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
primarykey
Id
19405402
data
AcceptedAnswerId
0
AnswerCount
0
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2013-10-16T13:56:23.390
FavoriteCount
0
LastActivityDate
2016-12-03T22:35:50.810
LastEditDate
2017-05-23T12:25:48.467
LastEditorUserId
-1
OwnerUserId
2073994
ParentId
19405017
PostTypeId
2
Score
5
ViewCount
0
LastEditorDisplayName
text
Body
<p>As William Patton said this is a broad question but as far I can understand this may help :</p> <p><a href="http://www.designerledger.com/parallax-scrolling-tutorials/" rel="nofollow noreferrer">http://www.designerledger.com/parallax-scrolling-tutorials/</a> for the one page theme.</p> <p>and a basic start for wordpress development theme :</p> <p><a href="http://codex.wordpress.org/Theme_Development" rel="nofollow noreferrer">http://codex.wordpress.org/Theme_Development</a></p> <p><strong>Update :</strong> I found this awesome plugin that helps you create full screen pages</p> <p><a href="https://github.com/alvarotrigo/fullPage.js" rel="nofollow noreferrer">https://github.com/alvarotrigo/fullPage.js</a></p> <hr> <p><strong>EDIT 2016</strong></p> <p>Due to the many up votes at <a href="https://stackoverflow.com/a/21571860/2073994">user3263807 answer</a> I made a small/basic one page guide for wordpress. For css/js there are plenty good tutorials and plugins over the internet. Also I assume you are familiar with <a href="http://codex.wordpress.org/Theme_Development" rel="nofollow noreferrer">WordPress Themes</a>.</p> <p>First of all you should create a template file for your one page. Let's call it <code>template-one-page.php</code>. The template name, commented inside the file, is the name that will appear in Page Attributes -> Template when you creating a page inside admin panel. After that create a page, ie Home, and assign as template your template. If you want your page to appear as front page (when you enter mydomain.com this page will be shown) go to Setting->Reading->Front page displays->A static page and set as front page your page. <pre><code>// File Security Check defined('ABSPATH') OR exit; /* Template Name: One Page */ ?> </code></pre> <p>Normally a one page has sections. So we want to decide what type of sections we want. It could be pages, child pages, posts, custom fields (like a repeater from <a href="https://www.advancedcustomfields.com/" rel="nofollow noreferrer">ACF</a>) etc.</p> <pre><code><?php $id = get_the_ID(); // The page id $sections = get_posts(array('post_type' => 'page', 'post_parent' => $id)); // get all child pages foreach ($sections as $key => $section): ?> <section id="page-<?php $section->ID; ?>" <?php post_class('', $section->ID); ?>> <h1><?php echo get_the_title($section->ID); ?></h1> </section> <?php endforeach; ?> </code></pre> <p>Or with a <a href="https://codex.wordpress.org/Class_Reference/WP_Query#Standard_Loop" rel="nofollow noreferrer">Loop</a></p> <pre><code><?php $id = get_the_ID(); // The page id $query = new WP_Query( array('post_type' => 'page', 'post_parent' => $id) ); // get all child pages if($query->have_posts()): while ( $query->have_posts() ) : $query->the_post(); ?> <section id="page-<?php the_ID() ?>" <?php post_class(); ?>> <h1><?php the_title(); ?></h1> </section> <?php endwhile; wp_reset_postdata(); ?> <?php endif; ?> </code></pre> <p>You can query what ever you want depending the need of your site.</p>
Tags
Title
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. POHow Create Responsive One Page WordPress Theme with scrollable effects?
  singulars
  PostTypePostTypeId
  PTQuestion
PostTypePostTypeId
1. PTAnswer
UserLastEditorUserId
1. USCommunity
UserOwnerUserId
1. USLaxmana
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. POHow Create Responsive One Page WordPress Theme with scrollable effects?
  singulars
  PostTypePostTypeId
  PTQuestion
PostsParentIdCreationDate
1. This table or related slice is empty.
VotesPostIdCreationDate
1. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTUpMod
2. VO
  singulars
  PostPostId
  PO
  UserUserId
  This table or related slice is empty.
  VoteTypeVoteTypeId
  VTAcceptedByOriginator
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.