Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Best Single Page Wordpress
#Ref: http://qnimate.com/creating-a-one-page-wordpress-theme/
#Create a Template file for Home Page
<?php /* Template Name: Single Page Theme Page */ ?>
#Programmatically Creating and Setting Home Page
<?php
if(get_page_by_title("Home") == null)
{
$post = array(
"post_title" => "Home",
"post_status" => "publish",
"post_type" => "page",
"menu_order" => "-100",
"page_template" => "single-page-theme.php"
);
wp_insert_post($post);
$home_page = get_page_by_title("Home");
update_option("page_on_front",$home_page->ID);
update_option("show_on_front","page");
}
?>
#Displays all Pages in Home Page : single-page-theme.php
<?php
/*
Template Name: Single Page Theme Page
*/
get_header(); ?>
<div id="primary" class="site-content">
<div id="content" role="main">
<?php
$args = array("post_type" => "page", "order" => "ASC", "orderby" => "menu_order");
$the_query = new WP_Query($args);
?>
<?php if(have_posts()):while($the_query->have_posts()):$the_query->the_post(); ?>
<?php get_template_part("content", "page"); ?>
<?php endwhile; endif; ?>
</div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>
?>
#Linking Menu Items to Internal Parts of Page
<?php
function new_nav_menu_items($items)
{
$items = "";
$args = array("post_type" => "page", "order" => "ASC", "orderby" => "menu_order");
$the_query = new WP_Query($args);
if($the_query->have_posts()):
while($the_query->have_posts()):
$the_query->the_post();
$items .= '<li><a href="#post-'. get_the_ID() .'">' . get_the_title() . '</a></li>';
endwhile;
else:
echo "";
endif;
return $items;
}
add_filter("wp_nav_menu_items", "new_nav_menu_items");
<?php
function posts_callback($atts=null, $content=null)
{
$args = array("post_type" => "post", "orderby" => "date", "order" => "DESC", "post_status" => "publish");
$posts = new WP_Query($args);
?>
<div style="text-align: center">
<?php
if($posts->have_posts()):
while($posts->have_posts()):
$posts->the_post();
?>
<div style="display: inline-block; width: 300px; border-color: #333; border-style: solid; border-width: 2px; margin-top: 15px;">
<a href="javascript:post_popup('<?php echo get_the_ID(); ?>')"><?php echo get_the_title(); ?></a>
</div>
<?php
$post_array = array(get_the_title(), get_the_permalink(), get_the_date(), wp_get_attachment_url(get_post_thumbnail_id()));
array_push($posts_array, $post_array);
endwhile;
else:
echo "";
die();
endif;
?>
</div>
<?php
}
add_shortcode("posts", "posts_callback");
#Creating AJAX API to Retrieve Post Content
<?php
function post_content()
{
$post_id = $_GET["post_id"];
$content_post = get_post($post_id);
$content = $content_post->post_content;
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]&gt;', $content);
echo $content;
die();
}
add_action("wp_ajax_post_content", "post_content");
add_action("wp_ajax_nopriv_post_content", "post_content");
#Retrieving Post Content and Displaying as Popup
<?php
function posts_popup()
{
?>
<script>
function post_popup(id)
{
var xhr = new XMLHttpRequest();
xhr.open("GET", "<?php echo get_site_url(); ?>/wp-admin/admin-ajax.php?action=post_content&post_id="+id);
xhr.onload = function(){
var content = xhr.responseText;
alert(content);
}
xhr.send();
}
</script>
<?php
}
add_action("wp_head", "posts_popup");
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.