工事中です

WordPress : 「続きを読む」機能追加


今日は、ブログではおなじみ「続きを読む」機能を実装してみました!

では早速どうぞw(↓)

どうでしょう。

一般的なブログの「続きを読む」では、続きのリンクをクリックすると、該当記事の単独ページ(コメントフォームなどがあるページ)にジャンプするケースがほとんどだと思いますが、ここではJavaScriptを利用して、その場で続きの記事がスライドダウンするようにしてみました。

読者の環境がJavaScriptに対応していなかった場合は、通常通り単独ページにジャンプします。

「続きを読む」をクリックして続き記事がスライドダウンしたあと、「続きを隠す」をクリックすると今度は記事がスライドアップしてきて、続き記事を収納してくれます。

「続きを隠す」のリンクは続き記事の前後に表示されるので長い記事でも閉じやすいのがポイント。

ただ、長すぎる記事だと閉じたときに、その分ページの下の方が上に上がっていって、閉じた後のページスクロール位置が下の方になってしまう場合があるので、「続きを隠す」をクリックしたときに、最初の「続きを読む」のリンク位置に移動させられないか調べていますが、手こずっています^^;

個人的な感想だと、この閉じたときにページの下に取り残される感じがかなり見づらいので、上の対処がうまくいかないなら、続き記事の下に表示される「続きを隠す」リンクだけ外してしまおうかとも思いましたが、それも手こずっていますw

05:05追記。
続き記事の下に表示される「続きを隠す(Hide more)」のリンクを外すのに成功しました。

” . $allcontent . ”

のあとに記述されている

<div class=’ajax-entry-more-link’><a href=’#ext$id’ onclick=\”ajaxShowHide($id);return false;\”>« Hide more</a></div>

を削除すれば、外せるようです。

他には、サイドメニューを見やすく変更して、「タグ」機能も有効にしてみました。

基本的に写真中心のブログになっていくと思うので、「風景」や「スナップ」のような写真のジャンルは「カテゴリ」で管理して、撮影機材のリンクなどを「タグ」で管理してみようと思います。

サイドメニューから、レンズ名やカメラ名をクリックするとその機材で撮影された写真の記事にジャンプできるようになります。

写真用のギャラリーは特に用意する予定はありませんので、これらの機能で見たい写真へのナビゲートができれば良いなと思います^^

他にも細かいところを調整しています。

少しずつでも快適なブログを目指して日々勉強中です!

WordPress楽しいなあ〜♪

「続きを読む」のJavaScriptの参考にさせていただいたサイト
 → 小粋空間:WordPress で「続きを読む」の折りたたみ Web2.0

コメントを残す

メールアドレスが公開されることはありません。