The post Pampoenkraal Signage appeared first on United by Design.

The post For the love of Texture appeared first on United by Design.

The post Ball Point Typography appeared first on United by Design.

We had an eye opening tour through Khayelitsha while shooting for the new Roots Africa website, a tour operating company based in the Western Cape.

The post Roots Africa Photography appeared first on United by Design.

The post Wedding Invitation appeared first on United by Design.

The post From the Sketchbook appeared first on United by Design.

The post Boeretroos appeared first on United by Design.

The post Gerald Clark appeared first on United by Design.

The post Squid Boy appeared first on United by Design.

To start off check out the get_adjacent_post() function on WordPress Codex. This basically returns the values or information of the post adjacent to the current viewed post on the single page. The code below is an example of a link to the ‘next’ post.

<?php
    $next = get_adjacent_post(true, '', false);
	$permalinknext = get_permalink( $next->ID );
	if(!empty($next)) {
	echo '<a class="nextpost" href="'.$permalinknext.'" title="'.$next->post_title.'"></a>';
	}
?>

The values from the ‘next’ post are stored as an array in the variable $next. The permalink is extracted for that specific post from $next by using the get_permalink() function, and stored as $permalinknext for easier use in the link. To create the link use a simple php ‘if (!empty())’ statement to check if the $next variable isn’t empty, and if it isn’t empty; echo the link for the ‘next’ post with a title and class for styling.

For the ‘previous’ link the code stays much the same except the parameters of the get_adjacent_post() need to be changed and variables named correctly.

<?php
    $previous = get_adjacent_post(true, '', true);
	$permalinkprevious = get_permalink( $previous->ID );
	if(!empty($previous)) {
	echo '<a class="prevpost" href="'.$permalinkprevious.'" title="'.$previous->post_title.'"></a>';
	}
?>

While this is really useful, the ‘next’ and ‘previous’ links obviously disappear when you reach the end of the category, but some of you may want the navigation to loop through the whole category again and return to the start. For this you will have to retrieve both the permalinks for the first and last post to use in the if statement for when the variables $next, and $previous are empty.

<?php
	if(empty($next)) {
	global $post;
	$args = array( 'numberposts' => 1, 'category' => 4, 'order' => 'ASC' );
	$myposts = get_posts( $args );
	foreach( $myposts as $post ) :
	setup_postdata($post); ?>
	<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"></a>
    <?php
    endforeach;
    wp_reset_postdata();
    }
?>

Change ‘category’ => 4 to the category you are using. You can see what ID is assigned to a category by hovering over it in the WordPress backend under the categories tab and checking the link url.

By putting everything together you can create links for when the category reaches the end. The code bellow is a full example of ‘next’ and ‘previous’ navigation on a single page with looping functionality.

<div id="navigation-next">
<?php
    $next = get_adjacent_post(true, '', false);
	$permalinknext = get_permalink( $next->ID );
	if(!empty($next)) {
	echo '<a class="prevpost" href="'.$permalinknext.'" title="'.$next->post_title.'">&nbsp</a>';
	}
?>
<?php
	if(empty($next)) {
	global $post;
	$args = array( 'numberposts' => 1, 'category' => 4, 'order' => 'ASC' );
	$myposts = get_posts( $args );
	foreach( $myposts as $post ) :
	setup_postdata($post); ?>
	<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"></a>

	<?php
    endforeach;
	wp_reset_postdata();
	}

?>
</div>

<div id="navigation-previous">
<?php
    $previous = get_adjacent_post(true, '', true);
	$permalinkprevious = get_permalink( $previous->ID );
	if(!empty($previous)) {
	echo '<a class="prevpost" href="'.$permalinkp.'" title="'.$previous->post_title.'">&nbsp</a>';
	}
?>
<?php
	if(empty($previous)) {
	global $post;
	$args = array( 'numberposts' => 1, 'offset'=> 0, 'category' => 4 );
	$myposts = get_posts( $args );
	foreach( $myposts as $post ) :
	setup_postdata($post); ?>
	<a href="<?php the_permalink(); ?>" title="<?php the_title(); ?>"></a>

	<?php
    endforeach;
	wp_reset_postdata();
	}

?>
</div>

The post Next and Previous Links with Loop on Single Pages in WordPress appeared first on United by Design.