Ausgabe Eintrag Kategorie in ExpressionEngine

Ich versuche, die Ausgabe der Kategorie der channel-Eintrag in ExpressionEngine, so dass ich es verwenden können, wie eine CSS-Klasse einem HTML-element — siehe mein versuchter Nutzung von {category_name} im Beispiel unten:

{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}

Wie Sie sehen können, ich versuche, den Eintrag die Kategorie CSS-styling "hook" ... aber ich kann nicht herausfinden, wie die Ausgabe den Eintrag einer Kategorie in meinem template.

Ich würde es vorziehen zu vermeiden, mit PHP in meinem template. Weiß jemand wie das zu verbessern ist mein code?

  • Entfernen Sie categories|category_fields von Ihrem disable= parameter, so ExpressionEngine kann die Ausgabe der Kategorie-Daten.
InformationsquelleAutor spuds | 2011-12-08
  1. 7

    Wickeln Kategorien Tag-Paar um Ihre {category_name}, die Ausgabe alle Kategorien zugeordnet Eintrag:

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

    Jedoch wird diese Ausgabe der "schönen Namen" der Kategorien—, die unerwünscht ist für CSS-Klassen oder IDs auf HTML-Elemente:

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

    Verwenden Sie stattdessen {category_url_title}, das ist ein web-sichere version einer Kategorie-Name:

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

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

    Besonderes Augenmerk auf den zusätzlichen Platz in den obigen Beispielen, die erforderlich ist, trennen Sie mehrere Kategorien (CSS-Klassen), die mit einem Leerzeichen.

    Wenn Sie obsessive compulsive über Ihre Auszeichnungen, die Sie verwenden können, die backspace= parameter zu entfernen, das Leerzeichen, wenn mehrere Kategorien ausgegeben werden:

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

    Sollten Sie beschränken wollen, wie viele Kategorien ausgegeben werden, oder aus der Kategorie group die Kategorien Tag-Paar Parameter, um Ihre Bedürfnisse anzupassen:

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

    Hier ist der gesamte code-snippet für die überprüfung:

    {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}
    InformationsquelleAutor rjb
Schreibe einen Kommentar