pixelgraphix

Tagging: Tags und Keywords in Movable Type

03.12.2006, 17:36 in essays. Kommentar-Feed.

Die aktuelle Version 3.3x von Movable Type unterstützt von Hause aus und völlig ohne Plugin die Verwendung von Tags in Weblogs. Zuvor hatte der Movable Type Nutzer die Möglichkeit mit so genannten Keywords zu arbeiten, was viele Nutzer auch getan haben. Sogar Werkzeuge wie ecto, MarsEdit und der Windows Live Writer unterstützen das Keyword-Feld. Die Verarbeitung der Keywords konnte aber nur von Hand oder durch Plugins geschehen. Nun hätte man erwartet, dass sich die Integration der Tags applikationsseitig an den Keywords orientiert. Was aber nicht geschehen ist. Und so hat man momentan zwei Felder in Movable Type zur Verfügung um mit Stichwörtern zu arbeiten. Im folgenden kleinen Tutorial möchte ich zeigen, wie man mit Tags in einer aktuellen Version von Movable Type umgehen kann und wie man dazu auch die Keywords und damit die beschriebenen Werkzeuge nutzen kann.

Voraussetzungen

Eine funktionstüchtige Version von Movable Type. Optional: Apache mit mod_rewrite und das KeywordsAsTags Plugin.

Unterschiede zwischen Keywords und Tags

Die zwei Felder unterscheiden sich grundsätzlich in ihrer Verwendung in den folgenden Punkten: Das Tags-Feld erwartet durch Komma getrennte Werte, das Keyword-Feld akzeptiert alle Werte. Die Keywords werden durchsucht, die Tags nicht. Dafür gibt es eine spezielle Tag-Search, die Beiträge zu einem speziellen Tag sucht. Keywords können über die Quickpost und die Atom API eingegeben werden, Tags momentan nicht.

Tags erstellen

Tags können über das Tags-Feld im Fenster des jeweiligen Beitrags oder über den Batch-Modus zugewiesen werden. Das Tags-Feld hat Auto-Vervollständigung, so dass bisher verfügbare Tags schnell eingegeben werden können.

Wer einen Editor wie z.B. Ecto (für OS X und Windows) verwenden möchte, kann die Keywords zur Tag-Eingabe nutzen wenn vorher das KeywordsAsTags Plugin installiert wurde. Es konvertiert automatisch und im Hintergrund alle eingesendeten Keywords in Tags.

Tags, die unter Verwendung des KeywordsAsTags-Plugins automatisch aus Keywords erstellt wurden.

Templates: Tags in Vorlagen ausgeben

Mit Movable Type 3.3. sind die folgenden Template-Tags neu hinzugekommen, die speziell für den Umgang mit Tags fungieren: MTTags, MTTags, MTTagName, MTTagID, MTTagCount, MTTagRank, MTTagSearchLink, MTEntryTags, MTEntryIfTagged.

Tags für einen Beitrag ausgeben

<MTEntryIfTagged><p>Tags: <MTEntryTags glue=", "><a href="<$MTTagSearchLink$>"><$MTTagName$></a></MTEntryTags></p></MTEntryIfTagged>

Tags pro Beitrag Codebeispiel 1: Standardlink

Alle Tags eines Beitrags werden durch ein Komma getrennt ausgegeben. Wichtig in diesem Fall ist <MTEntryIfTagged>. So vermeidet man es, leere Felder auszugeben.

Der <$MTTagSearchLink$> hat normalerweise die folgende Form:

http://www.meine-webseite.de/cgi-bin/mt/mt-search.cgi?tag=beispieltag&blog_id=1

Um diesen etwas »schöner« zu gestalten, verwendet man mod_rewrite mit der folgenden Anweisung in der .htaccess-Datei. Die Blog-ID ist dabei durch die jeweils verwendete ID zu ersetzen.

RewriteEngine on
RewriteRule tag/(.+) /cgi-bin/mt/mt-search.cgi?tag=$1&blog_id=1 [L]

Wer auch in der Vorlage schon den geschönten Link wie z.B. http://www.meine-webseite.de/tag/beispieltag/ verwenden möchte verwendet statt Codebeispiel 1 den folgenden Code:

<MTEntryIfTagged><p>Tags: <MTEntryTags glue=", "><a href="<$MTBlogURL$>tag/<$MTTagName encode_url="1"$>"><$MTTagName$></a></MTEntryTags></p></MTEntryIfTagged>
Tags pro Beitrag Codebeispiel 2: Schöne URLs mit mod_rewrite

In Aktion zu sehen z.B. in Erskine Design bei artnetz.

Alternativ kann man natürlich auf diese Weise ganz leicht ohne weitere Plugins auch andere Dienste so mit den eigenen Tags verlinken, wie z.B. del.icio.us oder Technorati.

<MTEntryIfTagged><p>del.icio.us Tags: <MTEntryTags glue=", "><a href="http://del.icio.us/tag/<$MTTagName encode_url="1"$>"><$MTTagName$></a></MTEntryTags></p></MTEntryIfTagged>
Tags pro Beitrag Codebeispiel 3: del.icio.us Tags

<MTEntryIfTagged><p>Technorati Tags: <MTEntryTags glue=", "><a href="http://technorati.com/tag/<$MTTagName encode_url="1"$>"><$MTTagName$></a></MTEntryTags></p></MTEntryIfTagged>
Tags pro Beitrag Codebeispiel 4: Technorati Tags

Alle Tags anzeigen

Um alle verwendeten Tags in einer ungeordneten Liste auszugeben, kann man z.B. den folgenden Code verwenden. Hinter jeden Link wird in diesem Falle die Anzahl der bereits so verschagworteten Beiträge ausgegeben. In Aktion zu sehen z.B. bei artnetz im Überblick. Wer das ich will, löscht einfach (<$MTTagCount$>).

<ul>

<MTTags>

<li>

<a href="<$MTTagSearchLink$>"><$MTTagName$></a> (<$MTTagCount$>)

</li>

</MTTags>

</ul>

Bzw. mit freundlichen URLs:

<ul>

<MTTags>

<li>

<a href="<$MTBlogURL$>tag/<$MTTagName encode_url="1"$>"><$MTTagName$></a> (<$MTTagCount$>)

</li>

</MTTags>

</ul>

Eine Tagcloud ausgeben

Wie man eine Tagcloud ausgibt, beschreibt der Beitrag Everybody loves tags! im Movable Type Beta Weblog. Allerdings finde ich den verwendeten Code viel zu umständlich und so verwende ich bei artnetz im Überblick z.B.

<ul class="taglist"><MTTags>

<li class="taglistitem taglevel<$MTTagRank$>"><a href="<$MTTagSearchLink$>"><$MTTagName$></a></li>

</MTTags></ul>

Und dazu passend das folgende CSS:

ul.taglist li.taglistitem { list-style: none;}

.taglistitem { display: inline; line-height: 1.5em; }

.taglevel1 { font-size: 1.8em; }

.taglevel2 { font-size: 1.6em; }

.taglevel3 { font-size: 1.4em; }

.taglevel4 { font-size: 1.2em; }

.taglevel5 { font-size: 1em; }

.taglevel6 { font-size: 0.8em; }

(Update 06.12.2006: Korrigiertes CSS-Listing.)

Verwendung von Ecto, MarsEdit und Co.

Hat man das KeywordsAsTags Plugin installiert, kann man nun einfach die Tags als Keywords senden und hat so ein einfach arbeitendes System mit nativen Tags.

Movable Type Tags in MarsEdit

Weiterführende Informationen

• Everybody loves tags! im offiziellen Movable Type Beta Weblog. Unbedingt lesen, da der Beitrag noch weitere interessante Features aufzeigt.
• Beispielseite für die Verwendung von Tags mit Movable Type 3.3: arnetz.
• KeywordsAsTags Plugin von Ogawa Code.

Werbeunterbrechung

Kommentare und Feedback (4)

Folgende Seiten verweisen auf diesen Beitrag

Dieser Eintrag kann nicht mehr kommentiert werden.