Singleページのページナビゲーションについて

投稿日: カテゴリー: Wordpress

「前の記事」「次の記事」を修正してみた。

WordPressテーマ「Sydney」の投稿ページにはデフォルトで記事の最下部にページナビゲーションが設置されている。
というか…たぶんWordpressのテーマには基本的に設置されている。

で、「Sydney」のそれは恐らくVersion4.1以降に追加されたActive Template Tagで、短い記述で多くの情報を管理できる優秀なタグ…なのだと思う。
しかし、ビギナーにはそこが難しい。
少し長くても、これはこれのこと、それはそれのこと…となっていた方がカスタムしやすい。

なので、少しさわってみた。

「Sydney」のテンプレートタグはこのようなもの。Single.php内にある。
sydney_…とか、もうオリジナル?な記述なのである。
なので、この一行をコメントアウトして隠してみた。そしたらちゃんと消えてくれる。
そこで、

を追加してみた。
1行目は、前の記事のリンクを取得し、faアイコンでキャッチを表示させタイトルを取得する、で…「true」
2行目は、次の記事のリンクを取得し、タイトルを取得しfaアイコンでキャッチを表示させる、で…「true」
この「true」部分は「同一カテゴリー内で前後の記事を取得します?」に対する「はい」に相当する。
もし「false」なら「いいえ」で全ての記事を対象に前後の投稿順でナビゲーションしてくれる。
今回は、植物ネタは植物ネタで、WordpressネタはWordpressネタ内で循環させたかったので「はい」で。

しかしこのままでは…

前の記事「タイトル」次の記事「タイトル」

と全て左寄せになってしまい表示的に問題がある。
同一行内で左右にふりたいのだ。

そこで以下のCSSを追加

で、最終的にこう書く。

結果は以下のように表示される。

 

ああ、ちゃんと一行で左右ふりになった。どうでしょう?