WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. kitcorsa
    Member
    Posted 1 year 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. alchymyth
    Forum Moderator
    Posted 1 year ago #

  3. kitcorsa
    Member
    Posted 1 year ago #

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

    http://www.templatemonster.com/joomla-templates/38763.html

    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

  4. kitcorsa
    Member
    Posted 1 year 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

  5. alchymyth
    Forum Moderator
    Posted 1 year ago #

    the link you gave dont work for the page template

    forgot a linebreak between the two links;

    http://codex.wordpress.org/Pages
    http://codex.wordpress.org/Pages#Creating_Your_Own_Page_Templates

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

  6. PinkishHue
    Member
    Posted 1 year 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; ?>
    						</div>
    
    						<h2><a href="<?php the_permalink();?>"><?php the_title();?></a></h2>
    
    					</div> <!-- subPage -->
    
    				<?php endforeach; ?>
    				<?php wp_reset_query(); ?>

    Hope that helps.

  7. PinkishHue
    Member
    Posted 1 year ago #

    and the CSS is something like this:

    .asubpage {
    		width: 18%;
    		margin: 0 1% 2% 1%;
    		float:left;
    		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

Tags