expressionengine - ExpressionEngine 中的输出条目类别

Question

我正在尝试在 ExpressionEngine 中输出 channel 条目的类别，以便我可以将它用作 HTML 元素上的 CSS 类 — 请参阅我在示例如下:

{exp:channel:entries 
    channel="panels"
    disable="member_data|pagination|trackbacks|categories|category_fields" 
    status="open"
    dynamic="no"
}

    <div class="panel {category_name}">
        <h4>{title}</h4>
        {if panel_image}
            <img src="{panel_image}" /> 
        {/if}       
        <p>{panel_text}</p>
        <a href="{panel_link}">{panel_link_text}</a>
    </div>

{/exp:channel:entries}

如您所见，我正在尝试将条目的类别用作 CSS 样式“ Hook ”……但我不知道如何在我的模板中输出条目的类别。

我宁愿避免在我的模板中使用 PHP。有谁知道如何改进我的代码？

Answer 1

包裹一个Categories Tag Pair在您的 {category_name} 周围，它将输出分配给条目的所有类别:

<div class="panel {categories}{category_name} {/categories}">

但是，这将输出您的类别的“漂亮名称”——这对于 HTML 元素上的 CSS 类或 ID 是不可取的:

<div class="panel Category One Category Two ">

相反，请使用 {category_url_title}，它是类别名称的网络安全版本:

<!-- Categories Tag Pair code -->
<div class="panel {categories}{category_url_title} {/categories}">

<!-- Outputs the following -->
<div class="panel category_one category_two ">

特别注意上面例子中的多余空格，需要用空格分隔多个类别(CSS Classes)。

如果您对标记有强制症，可以在输出多个类别时使用backspace= 参数去除尾随空格:

{categories backspace="1"}{category_url_title} {/categories}

如果您希望限制输出类别的数量，或者来自哪个类别组，请使用 Categories Tag Pair Parameters满足您的需求:

<!-- No whitespace is needed, since we're outputting only one category -->
{categories limit="1"}{category_url_title}{/categories}

下面是完整的代码片段以供审查:

{exp:channel:entries channel="panels" dynamic="no"}
    <div class="panel {categories}{category_url_title} {/categories}">
        <h4>{title}</h4>

        {if panel_image}
            <img src="{panel_image}" /> 
        {/if}

        <p>{panel_text}</p>
        <a href="{panel_link}">{panel_link_text}</a>
    </div>
{/exp:channel:entries}