nextpageで分割したときのページナビをCSSで装飾する ~Lightningカスタマイズ第3回

この記事は約2分で読めます。

2016-11-18IT&WordPress, Lightning

質問者の写真

記事をページ分割したら、ページナビがどこにあるか見つけられない…… 
 

はじめに

子テーマ を前もって用意してください。
子テーマの重要性については、こちらの記事を御参照ください。

その上でsingle.php(投稿ページのテンプレートファイル)などをフォルダ直下にコピーしておいてください。
特に記載なき場合は「子テーマの」single.phpのソースを変更します。

Lightningのページナビ

テーマ標準のページナビはこちら。

 

質問者の写真

わかるか!
 

なので、こちらの記事で紹介されていた素晴らしいページナビと変えちゃいます。

変更後のページナビ

一気に見やすく、操作しやすくなります。

 

カスタマイズ

1 single.phpから以下のコードを探して削除する

	<?php
	$args = array(
		'before'           => '<nav class="page-link"><dl><dt>Pages :</dt><dd>',
		'after'            => '</dd></dl></nav>',
		'link_before'      => '<span class="page-numbers">',
		'link_after'       => '</span>',
		'echo'             => 1 );
	wp_link_pages( $args ); ?>

2 参考ページのhtmlをsingle.phpに、CSSをstyle.cssにコピペする

解答者の写真
ページナビの配置は同じ場所(記事直下)がベストと考えます
 

ナビに気づかないと記事が終わりと思って離脱する可能性があります
もしアドセンスをナビより先に配置する場合は、記事が続くことを明示した方がいいでしょう

まとめ

解答者の写真
元あったコードを削除して、新しいコードを貼り付けるだけでOK
この調子でどんどん行くわよ!
 
※当サイトの会話アイコンはカスタムキャストで作成しています。©2018-2019 Custom Cast, Inc.
この記事を書いた人:天満川 鈴

広島市内のパチンコホール勤務。
3号機時代からのパチンカス。

ADHD、精神障害者手帳3級所持。

慶應義塾大学商学部→国家一種経済職→公安調査庁。
在職時は国際テロ、北朝鮮を担当。

「小説家になろう」の底辺作者。
朝鮮総聯へのスパイ工作を描いた小説「キノコ煮込みに秘密のスパイスを」はアマチュア小説ながら週刊誌報道され、話題となった。

Posted by 天満川 鈴