1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61

<?php
/**
 * Displays the next and previous post navigation in single posts.
 *
 * @package WordPress
 * @subpackage Twenty_Twenty
 * @since Twenty Twenty 1.0
 */

$next_post = get_next_post();
$prev_post = get_previous_post();

if ( $next_post || $prev_post ) {

    $pagination_classes = '';

    if ( ! $next_post ) {
        $pagination_classes = ' only-one only-prev';
    } elseif ( ! $prev_post ) {
        $pagination_classes = ' only-one only-next';
    }

    ?>

    <nav class="pagination-single section-inner<?php echo esc_attr( $pagination_classes ); ?>" aria-label="<?php esc_attr_e( 'Post', 'twentytwenty' ); ?>" role="navigation">

        <hr class="styled-separator is-style-wide" aria-hidden="true" />

        <div class="pagination-single-inner">

            <?php
            if ( $prev_post ) {
                ?>

                <a class="previous-post" href="<?php echo esc_url( get_permalink( $prev_post->ID ) ); ?>">
                    <span class="arrow" aria-hidden="true">&larr;</span>
                    <span class="title"><span class="title-inner"><?php echo wp_kses_post( get_the_title( $prev_post->ID ) ); ?></span></span>
                </a>

                <?php
            }

            if ( $next_post ) {
                ?>

                <a class="next-post" href="<?php echo esc_url( get_permalink( $next_post->ID ) ); ?>">
                    <span class="arrow" aria-hidden="true">&rarr;</span>
                        <span class="title"><span class="title-inner"><?php echo wp_kses_post( get_the_title( $next_post->ID ) ); ?></span></span>
                </a>
                <?php
            }
            ?>

        </div><!-- .pagination-single-inner -->

        <hr class="styled-separator is-style-wide" aria-hidden="true" />

    </nav><!-- .pagination-single -->

    <?php
}