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 Ihremdisable=
parameter, so ExpressionEngine kann die Ausgabe der Kategorie-Daten.
Du musst angemeldet sein, um einen Kommentar abzugeben.
Wickeln Kategorien Tag-Paar um Ihre
{category_name}
, die Ausgabe alle Kategorien zugeordnet Eintrag:Jedoch wird diese Ausgabe der "schönen Namen" der Kategorien—, die unerwünscht ist für CSS-Klassen oder IDs auf HTML-Elemente:
Verwenden Sie stattdessen
{category_url_title}
, das ist ein web-sichere version einer Kategorie-Name: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: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:
Hier ist der gesamte code-snippet für die überprüfung: