WordPressのカテゴリ投稿数が改行してしまう場合に改行を除く方法
WordPressのカテゴリリストの各カテゴリに投稿数を表示させようとしたが、
なぜか改行されて表示される(改行をなくしたい)・・・といった質問を受けたので、ここにメモしておきます。
ちなみに、Wordpressのカテゴリリストの投稿数は、
デフォルトの状態では非表示 となっています。
各カテゴリの投稿数を表示させるには、
sidebar.phpのカテゴリにあたる部分に記述されているカテゴリリストを呼び出すphpタグ、
<?php wp_list_categories('引数'); ?>
に、show_count=1
というパラメータ及び値を記述します。
(1
の部分はtrue
でも構いません。)
【例】
<?php wp_list_categories('orderby=name&title_li=&depth=2&show_count=1'); ?>
———–
・show_count 各カテゴリの投稿数の表示・非表示の設定を行う為のパラメータ
【値】
1(true) 表示
0(false) 非表示(初期値)
※詳しくはWordPress Codex(テンプレートタグ/wp list categories)を参照。
————–
で、質問の内容によると、このパラメータを指定したら投稿数が改行されて表示されてしまい、
カテゴリ名の横に数字を表示させる事ができないとの事・・
これは指定したphpのパラメータや値が関係しているのではなく、
ページで使用しているスタイルシートの記述に問題があります。
個人差があるとは思いますが、
出力されたカテゴリリストのタグを見てみると、
<ul>
<li><a href="URL">カテゴリ名</a> (投稿数)</li>
<li><a href="URL">カテゴリ名</a> (投稿数)</li>
・・・・
といった具合になっているかと思います。
htmlソースを見た限りでは、投稿数の前には改行タグは入っていない為、
なぜ改行が入ってしまうのかわからない・・という事になってしまったのではないかと思われます。
この改行を取り除く方法ですが
ページに設定しているスタイルシートを開き、サイドバーあたりのスタイルを設定している記述を探してください。
その記述内のスタイル・・・
サイドバー内に表示される li 直下の a に、
インライン要素をブロック化する為のスタイル要素 display:blockが設定されていませんか?
【例】
#sidebar ul ul li a {display:block;padding:1px 5px;}
このdisplay:blockが設定されている事によってaで囲まれたリンクがブロック要素化されてしまい、
aの後に続く投稿数が改行されて表示されてしまうのではないかと思われます。
改行をなくすにはdisplay:blockを削除してしまえば良いのですが、
ブロック要素化を取り除いた事によってレイアウトが変更してしまう場合もありますので、
その辺も考慮したうえで記述を消してみてください。