投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ


投稿日:2011年7月31日
  • 0
  • 0



loop.phpを編集

投稿一覧の出力でページとページの間に何もないので、区切りを入れたくて水平線である<hr />を追加。

そもそもloop.phpは簡単に言えば

<?php while ( have_posts() ) : the_post(); ?>

というタグから

<?php endwhile; // End the loop. Whew. ?>

までを繰り返して、記事を表示するモジュールです。タグ一覧とか、投稿一覧、カテゴリ一覧など繰り返して表示させるページの動作を担当したファイルです。

今回は簡単にページとページの間に水平線を引くだけなので、220行あたりにある

<?php comments_template( ”, true ); ??>

の手前に

<?php echo ‘<hr /?>’ ??>

を追加。

本当はデザインもいじりたいけど今回は見やすくするだけなのでこんなもんで良しとします。


現在のページを共有する



現在のページに関連する記事

投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ WordPressでカスタム投稿一覧を表示してユーザビリティを向上する方法
投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ WordPressで複数のループを使ってカスタム投稿一覧を自在に表示する方法
投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ WordPressでコメント機能を投稿タイプや時間経過と共に停止する方法
投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ Custom Post Type UIでカスタムタクソノミーをとことん使いこなす方法
投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ WordPressの新・旧ループからカスタムクエリ・アーカイブまで徹底解説
投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ 貼るだけ簡単!アクセスが倍増するWordPress用OGPコード
投稿一覧でページとページの間に水平線を入れるべくWordPressをカスタマイズ SNSのカウントをキャッシュするWordPressのプラグインを作成しました

おすすめの記事

「このアプリがシャットダウンを妨げています」と表示されるがアプリがわからない場合の対処法

「このアプリがシャットダウンを妨げています」と表示されるが…

fluentdと連動して集計処理を行うNorikraの導入方法

fluentdと連動して集計処理を行うNorikraの導入方法

サーバで管理していたWordPressをローカル環境に移行する方法

サーバで管理していたWordPressをローカル環境に移行する方法

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

NexusFontが重い場合はWindows Font Cache Serviceを無効にしよう

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

WordPressのサイトをHTTPS化して学ぶLet’s Encryptの使い方

誤って削除したGoogle Chromeのブックマークを復元する方法

誤って削除したGoogle Chromeのブックマークを復元する方法

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザインの作り方

これ以上ないくらい簡単な例から学ぶ、レスポンシブwebデザイン…

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポンシブイメージの基本

lazysizesの使い方を通して学ぶ、画像の遅延読み込みとレスポン…


コメントを残す

コメントは認証制のため、すぐには反映されません。

プログラミングに関する質問は「日本語でプログラミングの悩みを解決するQ&Aサイト sukegra」をご利用ください。