Thumbs up!

勢いでフリーランスになったので、思いのままに記録を残します

MENU

はてなブログを使用していて気になること


スポンサーリンク


ページャーのカスタマイズが面倒?

記事数が10を超えて初めて気づきましたが、はてなブログだとページャーは「次のページ」だけで「前のページ」がないのですね。

※2ページを開いた際の表示が以下画像

f:id:thumbs_up_work:20170315233031j:plain

1ページに戻ることができないことも困りますが、そもそも、過去の記事を参照するのに「次のページ」というのもなんとなく違和感を感じます。

ページャー周りは自分でカスタマイズする必要があるのか、それとも簡単に実現する方法があるのかこれから調査を始めます。

他のブログサービスを利用していないので不明ですが、ページャーのカスタマイズにそこまで意識を割く必要があるということが不便に感じます。

 

 

今のところやりたいことは、

・最低限「前のページ」機能をつけること

・トップページのページャーはページ番号で表示すること

・一番最初のページに遷移する機能をつけること

・一番最後のページへ遷移する機能をつけること

このくらいでしょうか。

流石に、これまでプログラマーをしてきたのだからページャーを実装する機会はそれなりにはありましたが、その経験がはてなブログのページャー変更に活かせるのかを判断しかねます。

これまでWEBデザイン的なものには携わっていなかったこともあり、CSSのカスタマイズは苦手なので、結構苦労しそうです。

 

記事内のページャーも

f:id:thumbs_up_work:20170315232132j:plain

のようになっているので、修正する必要があります。

これは利用させていただいているテンプレートのPager関連のCSSが

.pager .pager-next a:before {
  content:"<<";
  margin-right:5px;
}
.pager .pager-prev a:after {
  content:">>";
  margin-left:5px;
}

となっていることが原因ということまでは突き止められましたが、ここからどう修正していくかを考える必要があります。

自分自身でテンプレートを作成することを視野に入れても良いかもしれません。

ページャーを直すとなるとJQUERYを学び直す必要もあるかもしれません。

 

場合によってはWordPressで一からデザインすることも検討しても良いかもしれません。

まとめ

ブログサービスを利用すればデザイン面は楽になると考えていましたが。思っていた以上に手間がかかりそうです。

デザインセンスは壊滅的な自覚があるため、できればこの手間は発生させたくなかったです。

カスタマイズする事自体は別にかまわないのですが、手間を省きたくて「はてなブログ」を使い始めたため、少々不満に思います。

スポンサーリンク