ページナビをコメント欄の上へ

投稿日:

コメント欄を展開式にするカスタマイズは前回できましたが、カスタマイズしたのは「single-type1.php」のみ。
このsingle.phpは「個別投稿」―ブログ形式の投稿記事のテンプレートなので、フロントページを含む固定ページには反映されていませんでした。
今回はまずはここの残りをやってしまいます。

 
固定ページのテンプレートファイルは「page.php」だったと思うので、これをFTP上でコピー。
そして前回と同じ方法でコメ欄展開式化のためのコードを追記。
まぁこれだけですね。
結果も問題無し。

ちょっとpage.phpの中身を見て思ったのですが、single.phpではコメント部のコードの直下に関連記事、ページナビのコードがあったのですが、ここにはそれらが無いんですね。
こういうのをコピペしたりすれば、固定ページにも他のページの機能を付け足したりできるようになるのかな?

一週間くらい前の私なら、この辺はきっと意味不明な文字の羅列にしか見えていなかったんでしょうが、今なら辛うじてサイト上のどの部分を記しているかっくらいは解るようになったみたいです。

 
これで完了―と思いきや、トップページのコメント欄が変わってませんでした。
今のトップはフロントとして設定した、新規作成した固定ページ用のphpであるので、どうやらここは別個に設定する必要があるようです。

今のトップページを使い続けるならここもカスタマイズするべきなのですが、しばらく本文表示のトップを使ってみて思ったのですが、ちょーっとなんだか思ってたのと違うな~、と。
もちろん、いろいろと足りていないので、元々満足のいく出来ではなかったのですが…

このトップページの表示形式については、きっとまた記事の中で書くことになると思うのですが、たぶんAFFINGER4のデフォルトの形に戻すことになる気がします。
なので、今このトップをカスタマイズするのは意味なさそうなので、ここは手を付けずで。

 

では、ここからが今回のメイン。ページナビをコメント欄の上へ移動させるカスタマイズをしていきます。

といっても、これは前回のカスタマイズの途中でなんかちょちょっとできてしまっていたんですよね。
まーあの時はコメ欄展開式化の前でしたので、表示確認とかも必要になるので、改めてきちっとやらないとですね。

 
やり方はこれまた前回と同じで、「single-type1.php」から該当する部分のコードを切り貼りして並び替えるだけ。
"ページナビ"と書かれている部分と、ついでに"関連記事"と書かれている部分もまとめて持って行っときますかね。
要はコメント欄が一番下に来るようになればいいので。

ページナビのコードが妙に長かった事を除けば、作業自体は難なく終わりました。
さて、表示確認は…と。
あー…ページナビとコメント展開ボタンの間隔が近すぎますね。ってコレ前回も言いましたね。
考えてみりゃ、上と下が入れ替わっただけなんだから、そりゃ間隔は変わりませんわな。

 
さて、どうしましょうね。
コードになんかしらを追記すれば、余白を挿し込むなり、行間を広く取るなりできそうな気はしますが…

最近コメント欄やページナビのカスタマイズを始めた事で、他のサイトを見に行った時、参考がてらその辺に注視していたのですが、ページナビにサムネイルが付いている、といったものを見かけたんですよね。

これは素晴らしい。前後にどんな記事が書かれているのかが一目瞭然。ぜひともパクらせていただきたい。
てなわけで、次回はこれをどうにか実装してみたいです。
私が見たところ、デザインが全て同じだったので、たぶんプラグインなんじゃないかと思っていますが、コードでやる方法も以前見た記憶があるので、まー簡単な方でいきたいですね。

ページナビとコメ欄の間隔を開けるのは、これが上手くいけばページナビのデザインが変わるはずなので、その後に回した方が良さそうですね。

 
では、今回は軽めにこのへんで。ノシ

-ウェブサイト作成

Copyright© ガンプラ気分 , 2020 All Rights Reserved.