get_the_term_listをリンクなしで表示する方法を教えてください。

RMVPさん

1週間前に立てられたトピックなので解決済みかもしれませんが……

get_the_term_list() と get_the_terms() の違いは、前者ではリンク付きのHTML文字列が返されるのに対し、後者では配列が返されるという点です。そのため get_the_terms() の返り値をそのまま echo しても文字列をうまく表示させることができません。

ベーシックな用例ですが、下のようにすればリンクなしでタグだけが表示されるかとおもいます（HTMLタグは適宜追加してくださいね）。

$terms = get_the_terms( get_the_ID(), 'portfolio_cats' );
if ( !empty($terms) ) {
	if ( !is_wp_error( $terms ) ) {
		foreach( $terms as $term ) {
			echo $term->name;
		}
	}
}

> 上記タグをこのような変更でいいのでしょうか？

それでオッケイですよ。

繰り返しになりますが、上で例示したコードではHTMLタグをまったく考慮してないので注意してくださいね。HTMLタグを挿入するのであれば、WordPressループっぽくこんな形で書いてはどうでしょう。

<?php
$terms = get_the_terms( get_the_ID(), 'shape' );
if ( !empty($terms) ) : if ( !is_wp_error($terms) ) :
?>
<ul>
<?php foreach( $terms as $term ) : ?>
<li><?php echo $term->name; ?></li>
<?php endforeach; ?>
</ul>
<?php endif; endif; ?>

二つの課題が混在しているので、まずは課題を切り分けましょうか。

1. CSSについて
上記のコードではあくまで表示の骨格だけを示しているので、お使いのテーマのCSSについては考慮しておりません。コード内の ul タグや li タグ、あるいは表示部全体を囲む div タグなどに ID名 single-portfolio-meta を追記する必要があるかとおもいます。

2. Arrayについて
配列を直接 echo しようとしていませんか？　上記のコードでいうと

<li><?php echo $term->name; ?></li>

を

<li><?php echo $terms; ?></li>

としてしまうと、配列 $terms を直接 echo するかたちとなりページ上では Array と表示されてしまいます。

現状、課題となっている箇所でどのようなコードを書かれていますか？　本トピックは「get_the_term_listをリンクなしで表示する方法」としてスタートしているので、まずは2の解決に向けて進めていきましょう。

お使いのテーマ（Workz）をダウンロードして判明しました。
ちょっと、言葉足らずのところがあって、こちらこそご迷惑おかけしました。

1. Arrayの解消

single-portfolio.php の38～47行目あたり

<?php
			//get terms
			$terms = get_the_term_list( get_the_ID(), 'portfolio_cats' );
			?>

            <?php if($terms) { ?>
            <div id="single-portfolio-meta" class="clearfix">
            	<?php echo $terms; ?>
            </div>
            <?php } ?>

を

<?php
$terms = get_the_terms( get_the_ID(), 'portfolio_cats' );
if ( !empty($terms) ) : if ( !is_wp_error($terms) ) :
?>
<div id="single-portfolio-meta" class="clearfix">
<?php foreach( $terms as $term ) : ?>
<span><?php echo $term->name; ?></span>
<?php endforeach; ?>
</div>
<?php endif; endif; ?>

に、まるっと入れ替えれば解消するかとおもいます。

2. CSSの適用
style.css の692～703行あたり

#single-portfolio-meta a{
	display: block;
	float: left;
	margin-right: 5px;
	padding: 5px;
	background: #eee;
	color: #666;
}
#single-portfolio-meta a:hover{
	background: #fee825 !important;
	color: #000;
}

で背景の四角や背景色を設定しているので、リンクを外しつつ、背景色をつけたい場合は

#single-portfolio-meta a{

を

#single-portfolio-meta a, #single-portfolio-meta span {

といったふうにしてはどうでしょう？