Is it posibble to have alink to display all posts on index.php?

Question

You could create a template called all-posts.php and place this code inside of it:

<?php /* Template Name: All posts */ ?>
<?php get_header(); ?>
<div id="primary">
  <div id="content" role="main">
    <div class="entry">
        <?php
          $args = array( 'numberposts' => -1 );
          $lastposts = get_posts( $args );
          foreach($lastposts as $post) : setup_postdata($post); ?>
        <h2><a href="https://wordpress.stackexchange.com/questions/27127/<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
      <?php the_content(); ?>
      <?php endforeach; ?>
    </div><!-- .entry -->
  </div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

Now you would save that file, upload it to your theme’s main directory. Next you could create a page called All Posts, or whatever you wanted. When you are in the New Page or Page Edit screen, just choose the new template you just made called All Posts from the Page Attributes drop-down list in the right side of the edit pages screen.

Click update and add the page to your menu. You will now have a page that shows all posts. You can copy the URL and use it to link to all posts from the page you are speaking of.

REVISED TO SHOW HOW TO ADD “NEW DIV”

There really isn’t a need to add an extra div tag for this template. Each post will have it’s own id by default. If you use Firefox you can install one or both of the following plug-ins to inspect each post for it’s unique ID:

Web Developer Plug-in

FireBug Plug-in

Once you have them installed get familiar with the available tools and you’ll have access to lots of valuable data. I’m going to past the code again with a new div added just in-case you don’t figure out how to identify the posts as I’ve explained.

Code with new DIV Tag:

<?php /* Template Name: All posts */ ?>
<?php get_header(); ?>
<div id="primary">
  <div id="content" role="main">
    <div class="entry">
        <?php
          $args = array( 'numberposts' => -1 );
          $lastposts = get_posts( $args );
          foreach($lastposts as $post) : setup_postdata($post); ?>
     <div class="new-div">
        <h2><a href="https://wordpress.stackexchange.com/questions/27127/<?php the_permalink(); ?>"><?php the_title(); ?></a></h2>
      <?php the_content(); ?>
    </div>
      <?php endforeach; ?>
    </div><!-- .entry -->
  </div><!-- #content -->
</div><!-- #primary -->
<?php get_sidebar(); ?>
<?php get_footer(); ?>

The new DIV is the one called “new-div”. You can add a little css to the new div so you can see it in action. Just add this to your style.css file for a red border (just for testing purposes):

.new-div {
width:100%;
height:100%;
display:block;
border:1px solid red;
}

Related Posts: