mysticdiary

更新はLittleDreamでしています。右のバナーからどうぞ

ページ送りナビゲーションやめた

なんとなくかっこいい気がしていた記事の下のページ送りナビゲーションだけど、
最近fc2の仕様変更に伴う不具合に気づいてしまった。
ページ送りナビ自体に問題はないのだけど、これをつけてると、
なぜだか全記事一覧表示の時に次のページへのリンクが出現しない。
ごく最近気づいたのだけど、fc2の方でいろいろ仕様変更があり、
全記事一覧は最初1ページに全部表示されていたのが、500件になり、今では100件までに
なっているようである。

通常のナビゲーションなら全記事一覧したときに、100件以上の場合は次のページへのリンクが
出現するみたいだけど、かっこいいページ送りナビをつけていると、これが出てこない。
自分でスクリプト書き換えたりできればいいが、いまのところそこまでの腕はなし・・(笑)
ということで、ページ送りナビはやめて普通の前のページとかのナビゲーションに戻すことにした。

ページ送りのナビがついているテンプレートを使用している方で、全記事一覧のナビが出ないなという
場合は、各自で以下の通りになおしていただけるとありがたいです。

<!--not_permanent_area--><!--not_titlelist_area--><!--not_edit_area-->
<script type="text/javascript" src="https://blog-imgs-30.fc2.com/m/y/s/mysticdiary/pagenavinew2.js"></script>
<script type="text/javascript"><!--
nextpageurl = '<!--nextpage--><%nextpage_url><!--/nextpage-->';
prevpageurl = '<!--prevpage--><%prevpage_url><!--/prevpage-->';
n = '<%total_pages>';
//--></script>
<!--/not_edit_area--><!--/not_titlelist_area--><!--/not_permanent_area-->

htmlの上の方にあるこのスクリプトはいらないので削除します。

次にhtmlの下の方にある

<nav class="pagenav">
<script type="text/javascript"><!--
pagenavi(5); //--></script>
</nav>

このスクリプトを以下に書き換えます。

<nav class="pagenav">
<!--prevpage-->
<div class="new">
<a href="<%prevpage_url>" onfocus="this.blur();" class="nonborder">&#8810; Nextpage</a>
</div>
<!--/prevpage-->
<!--nextpage-->
<div class="old">
<a href="<%nextpage_url>" onfocus="this.blur();" class="nonborder">Prevpage &#8811;</a>
</div>
<!--/nextpage-->
</nav>

次にcssを変更します。

.pagenav{
text-align:left;
margin:20px 0 50px 0;
padding:0;
clear:both;
width:100%;
font-family: 'Marcellus', serif;
}

を削除して以下に書き換えます。
.pagenav{
margin:20px 0 50px 0;
padding:0;
clear:both;
width:100%;
font-family: 'Marcellus', serif;
font-size:17px;
}

.new{
float:left;
}

.old{
float:right;
}


フォントの種類や大きさなどは好みで変更してください。
関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/436-09e109de
← 涼しげ&初夏らしく・・・ → ホームページ風テンプレ