GHWEB06.GRASSHOPPER

WordPressのテンプレートタグ wp_list_categories から改行の削除

  • Category:Web関連
  • Web関連の備忘録

br2WordPressのテンプレートタグ wp_list_categories で、リンク付きカテゴリーリストを表示した時、HTMLソースを見ると</a>タグの直後に不用な改行が入ります。
表示とは関係ありませんが、ソースの見た目が気になるので改行を削除してみました。

wp_list_categories でカテゴリーリストを表示した場合

テンプレートの指定

<ul class="ul_sub">
/*
wp_list_categories で、リンク付きカテゴリーリストを表示。
パラメータ title_li= でタイトルの非表示。
*/
<?php wp_list_categories('title_li='); ?>
</ul>

出力結果

リンク付きのカテゴリーリストが表示されますが、ソースを見ると下のコードのように</a>タグの直後に改行が入ります。表示には関係ありませんが個人的に気になります。(気になりませんか?)

<ul class="ul_sub">
	<li class="cat-item cat-item-1"><a href="#" title="">○○○</a>
</li>
	<li class="cat-item cat-item-2"><a href="#" title="">□□□</a>
</li>
	<li class="cat-item cat-item-3"><a href="#" title="">△△△</a>
</li>
	<li class="cat-item cat-item-4"><a href="#y" title="">×××</a>
</li>
</ul>

wp_list_categories の不用な改行を消す方法

テンプレートの指定

<ul class="ul_sub">
<?php
/*
wp_list_categories で、リンク付きカテゴリーリストを表示。
パラメータ title_li= でタイトルの非表示。
パラメータ echo=0 で カテゴリーリストのHTMLテキストを返す。
*/
$archives_category = wp_list_categories('title_li=&echo=0');

/*
str_replace を使って改行を置換。
str_replace ("検索文字列", "置換え文字列", "対象文字列");
*/
echo str_replace("\n</li>","</li>",$archives_category);
?>
</ul>

出力結果

改行が無くなり良い感じになりました。

<ul class="ul_sub">
	<li class="cat-item cat-item-1"><a href="#" title="">○○○</a></li>
	<li class="cat-item cat-item-2"><a href="#" title="">□□□</a></li>
	<li class="cat-item cat-item-3"><a href="#" title="">△△△</a></li>
	<li class="cat-item cat-item-4"><a href="#y" title="">×××</a></li>
</ul>

以上

改行が気になる場合にお試し下さい。
RELATED ARTICLE
  • 掲載: