投稿一覧でページとページの間に水平線を入れるべく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のプラグインを作成しました

おすすめの記事

使うであろう文字だけの、HTML・XHTMLエンティティシート

使うであろう文字だけの、HTML・XHTMLエンティティシート

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

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

日々の単純作業を自動化できるUWSCの使い方(入門・書式編)

日々の単純作業を自動化できるUWSCの使い方(入門・書式編)

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

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

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

fluentdとNorikraでDoS攻撃を遮断し、メールで通知する方法

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集ソフト

プロ根性のあるデザイナーやブロガーにお勧めする4つの画像編集…

コピペから脱出!iptablesの仕組みを理解して環境に合わせた設定をしよう

コピペから脱出!iptablesの仕組みを理解して環境に合わせた設…

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)

公式ドキュメントよりも詳しいTinyMCEの使い方(基本編)


コメントを残す

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

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