Blogger公式テーマ”SOHO”へページネーション（次の記事、前の記事表示）を記事タイトルを取得して追加する

Blogger公式テーマはSOHOはシンプルですぐにかっこいいブログが作れます

このテンプレートにいくつかほしい機能のうち、ページネーション機能（記事画面へ、次の記事・前の記事ボタン表示）を追加しました。そのコピペ用コードを記載します。



本記事ざっくり内容

• 個別記事画面でページ下部へ、ページネーションボタンを追加するコピペ用コード記載
• ページネーションには、前・次の記事のタイトルを取得してボタン表示
• コードの微妙な解説

コードの解説はあまり参考にならないかもで恐縮です。WEB言語の学習者が勉強しながら記述した、そんな内容です

ページネーション機能とは？

ちゃんと記事タイトルを取得できてますね

コピペ用コード

参考にさせて頂きました

• 些細な日常さま Bloggerブログの記事ページに新しい投稿や前の投稿のページネーションを付ける
• ざっくりログさま Display Post Titles in Blogger Page Navigation

１ ３６０３行目へ追加

 <b:include name='postPagination'/> を 

２ 以下のコードを

// 記事ページ 次の記事前の記事タイトル取得

function changePager(){

  var older = $(&#39;.blog-pager-older-link&#39;);

  var newer = $(&#39;.blog-pager-newer-link&#39;);

  older.load(older.attr(&#39;href&#39;) + &#39; h3.entry-title&#39;);

  newer.load(newer.attr(&#39;href&#39;) + &#39; h3.entry-title&#39;);

}

//changePager();