WordPressシングルページのページングサンプルです。

wp-single-paging.css

/*doc
---
title: Single paging
name: single paging
category: Default
---

This class define single paging in single page.

* <- Previous Post
* -> Next Post

```html_example
<div class="single-paging">
    <span class="single-paging__previous">&larr; Previous Post</span>
    <span class="single-paging__next">Next Post &rarr;</span>
</div>
```
*/
.single-paging {
  overflow: hidden;
  margin: 1rem 0.5rem;
  padding: 0.5rem 0.5rem;
  .single-paging__previous {
    display: block;
    float: left;
  }
  .single-paging__next {
    display: block;
    float: right;
  }
}

wp-single-paging.php

<div class="single-paging">
	<span class="single-paging__previous">
		<?php previous_post_link(
			'%link',
			'&larr; 前の記事'
		); ?>
	</span>
	<span class="single-paging__next">
		<?php next_post_link(
			'%link',
			'次の記事 &rarr;'
		); ?>
	</span>
</div>
<!-- .single-paging -->