Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Wordpress Blog Page

Featured Replies

Hi,

 

I'm currently working on my portfolio site on www.ben-gibson.co.uk

 

I'm stuck creating working posts pages for my blog. In short what i want is to display 3 blog posts per page. I currently have the next and previous page buttons working and redirecting to "/page2" ect but they just display the same blog posts on each page :(.

 

I have seen similar problems and the suggest solution was to set the homepage as static in your WordPress dashboard and you blog page as the page that will display you blog. However my homepage is not static as it shows recent blog posts at the bottom.

 

I have seen a number of WordPress sites where the home page displays recent blog posts (not static) and a blog page which has posts slit into pages. I'm just not sure how its done.

 

My code for the blog is

 

                <?php query_posts('category_name=blog&posts_per_page=3'); ?>
                       <?php while (have_posts()) : the_post(); ?>


       <div id="blog-wrap">    
       <div class="blog-post">
           <div class="blog-image">            
               <a href="#">                            
                   <?php the_post_thumbnail(); ?>
               </a>
           </div>
           <div class="blog-text">
               <h3 class="blog-post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
               <span class="blog-details"><?php the_time('F j Y'); ?></span>
               <span class="description post-meta-separator">/</span>
               <span class="blog-details"><?php comments_number('0 comments','1 comment','% comments'); ?></p></span>
               <div class="blog-info-description">
                                       <?php the_excerpt(); ?>
                               </div>                          
           </div>
       </div>
    </div>

       <?php endwhile; ?>

               <div id="prev-page">
               <div class="button">
                  <?php previous_posts_link('Previous'); ?>                
               </div>
       </div>

       <div id="next-page">
               <div class="button">
                    <?php next_posts_link('Next'); ?>              
               </div>
       </div>

 

Thanks for any help

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.