wordpress - WordPress で Loop と Post/ single.php に異なる投稿タイトルを使用する

Question

製品のカスタム投稿タイプで WordPress の WooCommerce を使用しています。

ショップページ/ループに表示される商品タイトルを、単一の商品ページの h1 タイトルタグとは異なるものにしたい..

ループ内のタイトルは、新しい行にスキップせずに収まる限られたスペースです...そして、収まるように短くすることはできますが、製品ページ自体には「より完全な」タイトルを付ける必要があります..

Answer 1

CSS プロパティを使用してオーバーフローしたタイトル テキストを非表示にしてみませんか。

タイトルタグの固定高さを設定して追加overflow:hidden;すると、新しい行に移動するテキストが表示されなくなります。text-overflow:ellipsis;いくつかの魅力を追加します。

具体的には、ショップページのタイトルを保持するタグに次の CSS プロパティを追加します。

overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;