Ready to get started?Download WordPress


page pagent shows grid of all child pages (7 posts)

  1. kitcorsa
    Posted 2 years ago #

    is there a way of making a parent PAGE show a grid with feature image and exsert of all the child pages it has??

    if so how?

  2. kitcorsa
    Posted 2 years ago #

    not decided yet on theme, im trying to find one similar to a drupal theme i like.


    if anyone knows a tempolate simular to this it would be a great help. I am ok with CSS mind but if i can get half way there out the box it would be a help

  3. kitcorsa
    Posted 2 years ago #

    page template is the way to go... have made on of these about a year ago so sure i can figgure it out again lol, also the link you gave dont work for the page template

  4. the link you gave dont work for the page template

    forgot a linebreak between the two links;


    however, you can easily search for Codex chapters by using either 'Codex' or 'WordPress' as part of the search keywords

  5. PinkishHue
    Posted 2 years ago #

    I needed this same feature a few days ago and found this code that did the job (in a custom page template):

    <!-- list subpages -->
    					<?php $args = array(
    					'orderby' => 'menu_order',
    					'order' => 'ASC',
    					'post_parent' => $post->ID,
    					'post_type' => 'page',
    					'post_status' => 'publish',
    					'numberposts'     => 15
    					$postslist = get_posts($args);
    					foreach ($postslist as $post) : setup_postdata($post);
    					<div class="asubpage">
    						<div class="subpageThumbArea">
    						<?php if ( has_post_thumbnail()) : ?>
    						<a href="<?php the_permalink(); ?>" title="<?php the_title_attribute(); ?>" ><?php the_post_thumbnail('thumbnail', array('class' => 'alignleft')); ?></a>
    						<?php endif; ?>
    						<h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
    					</div> <!-- subPage -->
    				<?php endforeach; ?>
    				<?php wp_reset_query(); ?>

    Hope that helps.

  6. PinkishHue
    Posted 2 years ago #

    and the CSS is something like this:

    .asubpage {
    		width: 18%;
    		margin: 0 1% 2% 1%;
    		display: inline;
    		height: 410px;
    		overflow: hidden;

    (Hope that's not too many lines of code in my posts, sorry mods if so!)

Topic Closed

This topic has been closed to new replies.

About this Topic