ワードプレスのページネーションの使い方について

Question

前提・実現したいこと

ワードプレスの投稿記事詳細ページのページネーションのリンクについて、次の投稿と前の投稿を設置したいと思い、<?php previous_post_link(); ?>を使用しました。
ページネーションの見栄えとして、fontawesomeの「三角マーク+記事のタイトル」を表示したいのですが、初期値と思われる「«」が消えません。
どのようにしたら「«」を消せますか？

発生している問題・エラーメッセージ

エラーメッセージ

### 該当のソースコード


ソースコード
【html】
<div class="navigation">
                    <div class="prev"><?php previous_post_link(); ?></div>
                    <div class="next"><?php next_post_link(); ?></div>
						</div>


【css】
.navigation {
    overflow: hidden;
    padding: 5px 0;
    font-size: 12px;
    margin: 20px 0;
　　border-top: 1px solid #ddd;
　　border-bottom: 1px solid #ddd;　
　　clear: both;
}

    .prev {
        float: left;
		background-image:url(../images/kasou/news/bg-nav.png);
		text-align: left;
    }
	.prev a:before{
		font-family: "fontawesome";
		content: "\f0d9";
		margin-right: 5px;
		color: #009944;
		text-decoration: none;
	}
    .next {
        float: right;
        text-align: right;
		background-image:url(../images/kasou/news/bg-nav.png);
    }
	.next a:after{
		font-family: "fontawesome";
		content: "\f0da";
		margin-left: 5px;
		color: #009944;
		text-decoration: none;
	}
.navigation a:hover{
	opacity: 0.8;
}
.navigation > div{
		width: 49%;
	}
	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
		.navigation a:hover{
			background: #ffeff7;
			color: #000;
		}
			.navigation .alignright a:hover{
				border-left: 1px solid #ddd;
			}

### 試したこと

ここに問題に対して試したことを記載してください。

### 補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Answer 1

previous_post_linkの$formatのデフォルトが「« %link'」
next_post_linkの$formatのデフォルトが「'%link »'」
なので、

<div class="navigation">
	<div class="prev"><?php previous_post_link('%link'); ?></div>
	<div class="next"><?php next_post_link('%link'); ?></div>
</div>

こうすれば消えるはずです。

↓ちなみにそれぞれ関数の使い方です。

https://elearn.jp/wpman/function/next_post_link.html

Comments

[konoha0708]

初心者にもわかりやすい回答をありがとうございました。解決しました！php勉強します。。