WordPress カスタム投稿の記事詳細ページに、前後の記事タイトルが表示されているページ送りをつけたい

Question

前提・実現したいこと

Custom Post Type UIを使って
カスタム投稿を作成し

記事一覧ページ archive-news.php
記事詳細ページ single-news.php
まで作成しました。
トップページ→一覧ページ→詳細ページの
ページ遷移まで出来ており、

実現したいことは記事詳細ページに
前後の記事タイトルが表示されている
ページ送りをつけたいです。

いろいろ方法を探っているのですが見つかりません
どうすればよいでしょうか

該当のソースコード

こちらのHTMLで作成した内容でページ送りをつけたいと思っております。

<a href="" class="singleNews__pagenation"> <figure class="singleNews__pagenation--arrow"><img src="<?php echo get_template_directory_uri() ?>/img/single_arrow_left.png" alt=""></figure> <div class="singleNews__pagenation--wrap"> <time class="singleNews__pagenation--time">2019.9.28</time> <p class="singleNews__pagenation--title">前のニュース投稿のタイトル前のニュース投稿のタイトル前のニュース投稿のタイトル</p> </div> </a>

				<a href=""  class="singleNews__pagenation">
				<div class="singleNews__pagenation--wrap">
						<time class="singleNews__pagenation--time">2019.10.01</time>
						<p class="singleNews__pagenation--title">次のニュース投稿のタイトル次のニュース投稿のタイトル</p>
        </div>
        <figure  class="singleNews__pagenation-arrow"><img src="<?php echo get_template_directory_uri() ?>/img/single_arrow_right.png" alt=""></figure>
				</a>

試したこと

http://yudnaliatah.com/wp-single-post-pagenavi-2377
こちらの記事を参考にし

<?php previous_post_link('« %link', '前の記事へ', TRUE, ''); ?> <?php next_post_link('%link »', '次の記事へ', TRUE, ''); ?>

で表示できるか試したのですが、うまく出来ませんでした

補足情報

こちらがコーディングまでしたデザインです。

同上のデザインのHTML

Comments

[tabuu]

>で表示できるか試したのですが、うまく出来ませんでした
できないだけでは分からないです。
・エラーが表示される
・何も表示されない
・想定していない内容が表示される
・想定している内容が表示されるが一部欠落している
など詳しく書いてください。

合わせて、HTMLコードだけでなくPHPのコードも含めてマークダウン形式で質問内容を編集してみてください。

Answer 1

ループ内で、これらの値を使ってください。

$prev = get_previous_post();
var_dump(get_permalink($prev->ID));
var_dump(get_the_title($prev->ID));