WordPress.org

Ready to get started?Download WordPress

Forums

tabbed posts in page template - no clear implementation (1 post)

  1. accounts@push
    Member
    Posted 2 years ago #

    hi there im trying to get the ID of a custom post the be used as the CSS class for a <div> in a separate section of my page.

    essentially i want to make the user able to add a post to their custom post archive and have the content appear automatically when queried from my page template as if it was a blogroll with edited css..

    currently i am able to generate the data i need without any stylings or animations however once i begin to set up a tabbed interface for each of the posts i lose the ability to generate a new tab once a new entry is created by the user.

    currently i am implementing the custom post query on my page like so:

    <div id='page'>
    <?php $subtitle = get_post_meta($post->ID,"subtitle",true);?>
    	<div id="pageheader">
        	<h1><?php echo ($subtitle) ? $subtitle : the_title();?></h1>
        </div>
        <div id="pagecontent">
        <div id="tabs">
    	<ul>
    	<?php
    $capnumber = '12';
    $type = 'Product';
    $args=array(
     'post_type' => $type,
     'post_status' => 'publish',
     'paged' => $paged,
     'posts_per_page' => $capnumber,
     'ignore_sticky_posts'=> 1
    );
    $temp = $wp_query; // assign ordinal query to temp variable for later use
    $wp_query = null;
    $wp_query = new WP_Query($args);
    ?>
     <?php if (have_posts()) : while (have_posts()) : the_post();?>
    
            <li><a href="#fragment-1"><span><?php the_title(); ?></span><?php the_excerpt(); ?></a></li>
    	<?php endwhile; ?>
    	<?php endif; ?>
        </ul>
    <?php if (have_posts()) : while (have_posts()) : the_post();?>
        <div id="fragment-1">
            <p><?php the_content();?></p>
        </div>
    		<?php endwhile; ?>
            <?php endif; ?>
        </div>
      </div><!--/pagecontent-->
    </div>

    the main issue is that in each new post queried by WP the elements;
    <div id="fragment-1">&<a href="#fragment-1">
    are constantly given the same unique id.

    i need to be able to have these elements increase the fragment-no. by 1 for each post generated.

    i have considered adding the following code to the page to force the addition of an integer to be added to the end of the CSS id ;

    <? foreach _post; echo 1++; ?>

    as you can probably tell i get a pretty big error so any help would be greatly appreciated.

Topic Closed

This topic has been closed to new replies.

About this Topic