mineo(マイネオ)キャンペーンや裏ワザお得情報まとめ【2018年8月】

mineo紹介用URL201808

FC2ブログをAutoPagerizeに対応させてみた

ブログの カラー変更幅変更 に続き、ブログのカスタマイズを行いました。

パソコンで見ていただいている方にしか関係ないが、このブログの一部を AutoPagerize に対応させました。

AutoPagerizeとはブラウザの拡張機能の一つで、Chrome・Firefox・Safari・Operaで追加出来ます。

AutoPagerizeAutoPagerize 


上記で何が可能になるかと言うと、NEXTや次のページがある場合にそれをクリックせずにオートで読み込んでくれます。個人的にはGoogleやヤフオク、YouTube等の検索情報量が多い場合に役立っている。

ryw4g4t.png

上記画像の場合に2や次へをクリックしなくてもいいようになります。

方法ですが autopagerize_page_element でコンテンツを囲み、次へ等の前に rel="next" を置くだけ。

<div class="autopagerize_page_element">
コンテンツ
</div>

<a href="<%nextpage_url>" title="次のページへ" rel="next"> 次のページへ</a>


今回Autopagerizeに対応させたのは以下の3点。

・カテゴリ
・月別アーカイブ
・タグ一覧

自分用のメモ書きとして上記の変更箇所を書いておきます。

カテゴリ


<h2 class="entry-title"><%sub_title>のカテゴリ記事一覧</h2>
<div class="entry-body">

<div class="autopagerize_page_element">
<ul style="padding-bottom:8px;">
<!--topentry-->
<li>[<%topentry_year>/<%topentry_month>/<%topentry_day>]</br><span class="arrow2"><a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></span></li><hr style="border-top: 1px dashed #ff9d9d;width: 100%;">
<!--/topentry-->
</ul>
</div>
<p class="content-nav" align="center">
<!--prevpage-->
<a href="<%prevpage_url>" title="前のページへ">前のページへ </a>
<!--/prevpage-->
|
<!--nextpage-->
<a href="<%nextpage_url>" title="次のページへ" rel="next"> 次のページへ</a>
<!--/nextpage-->
</p>

<p class="content-nav">
</div>
月別アーカイブ
<!--date_area-->
<div class="content">
<div class="entry_body">
<h2 class="entry-title"><%now_year>年<%now_month>月の記事一覧</h2>
<div class="entry-body">

<ul>
<div class="autopagerize_page_element">

<!--topentry-->
<li>[<%topentry_year>/<%topentry_month>/<%topentry_day>]</br><span class="arrow2"><a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></span></li><hr style="border-top: 1px dashed #ff9d9d;width: 100%;">
<!--/topentry-->
</div>
</ul>
<p class="content-nav" align="center">
<!--prevpage-->
<a href="<%prevpage_url>" title="前のページへ">前のページへ </a>
<!--/prevpage-->
|
<!--nextpage-->
<a href="<%nextpage_url>" title="次のページへ" rel="next"> 次のページへ</a>
<!--/nextpage-->
</p>
<div align="center">
<a href="<%prev_month_link>" title="<%now_year>年<%prev_month>月の記事一覧へ" class="n p<%prev_year><%prev_month>">≪<%now_year> 年<%prev_month>月の記事一覧へ</a>
|
<a href="<%next_month_link>" title="<%now_year>年<%next_month>月の記事一覧へ" class="n p<%next_year><%next_month>"><%now_year> 年<%next_month>月の記事一覧へ≫</a>
</div>
</div></div></div>
タグ一覧
<!--tag_area-->
<h2 class="entry-title">タグ -「<%sub_title>」の記事一覧</h2>
<div class="entry-body">
<div class="autopagerize_page_element">
<ul style="padding-bottom:8px;">
<!--topentry-->
<div style=”display:table-cell”>
<li>[<%topentry_year>/<%topentry_month>/<%topentry_day>]</br><span class="arrow2"><a href="<%topentry_link>" title="<%topentry_title>へ"><%topentry_title></a></span><hr style="border-top: 1px dashed #ff9d9d;width: 100%;">
</li></div>
<!--/topentry-->
</ul>
</div>
<p class="content-nav" align="center">
<!--prevpage-->
<a href="<%prevpage_url>" title="前のページへ">前のページへ </a>
<!--/prevpage-->
|
<!--nextpage-->
<a href="<%nextpage_url>" title="次のページへ" rel="next"> 次のページへ</a>
<!--/nextpage-->
</p>
</div>
<!--/tag_area-->


対応させたが、カテゴリは少し前に細分化したし、月別アーカイブも月に書く記事は20前後、なので効果があるとしたらタグ一覧ぐらいになる。

本当はトップページや個別記事をAutopagerizeに対応させたかったが、サイトデザインが崩れて上手くいかない。この辺のもどかしさは相変わらずですが、おいおい調整して対応させる予定。

今回変更していて他の欠陥に気付きました。ブログ上部に設置しているプルダウンのタグ一覧でリンクが機能していない事に。

wrfvrg.png

7月16日にブログで設置したと書いたが、それ以来全く機能していなかった。

ブログにトップページに戻るボタンとプルダウンのメニューを設置 - ブログ/カスタマイズブログにトップページに戻るボタンとプルダウンのメニューを設置 - ブログ/カスタマイズ 


どーすんだよこれ・・・ちょっと難易度が高いので、放置か削除する方向でいきます。タグ一覧は右プラグインに設置しているのでそちらからどうぞ。まぁそれが見つけにくいだろうと上部に設置したんですけどね・・・。

スポンサードリンク


FC2カスタマイズブログプルダウン

カスタマイズ』カテゴリの関連記事

fireseries.png

週間アクセスランキング

Comments 0

コメントする

2810252.jpg