[gelöst] Linkadresse eines Artikelteasers

**ph!L** · 19.03.2010, 11:30

Hallo Zusammen,

folgendes Problem:

Ich nutze ein Submenü in der rechten Spalte einer Webseite, welche alle Unterseiten der aktiven Seitenebene anzeigt. Also z.B. alle Unterseiten des Bereichs "Produkte". Auf der übergeordneten Seite möchte ich in der Hauptspalte diese Unterseiten anteasern. Dafür verwende ich die Artikelteaser.

Soweit klappt das, allerdings unterscheidet sich die Linkstruktur zwischen Artikelteaser und Navigationselement.

Navigationselement: meineadresse.de/typolight/index.php/informationen/die-herkunft-unserer-produkte.html

Artikelteaser: meineadresse.de/typolight/index.php/informationen/die-herkunft-unserer-produkte/articles/die-herkunft-unserer-produkte.html

Warum ist das so und wie kann ich das ändern?
Ich meine, es ist doch sinnlos den Zusatz "articles" gefolgt vom Namen der Seite in die URL zu machen, wenn es auch deutlich einfacher geht? Oder verstehe ich den Sinn dessen nicht?

Danke und Gruß,

Phil

Update: Lösung weiter unten!

**christian** · 19.03.2010, 13:26

Zitat von ph!L

Navigationselement: meineadresse.de/typolight/index.php/informationen/die-herkunft-unserer-produkte.html

Artikelteaser: meineadresse.de/typolight/index.php/informationen/die-herkunft-unserer-produkte/articles/die-herkunft-unserer-produkte.html

Warum ist das so und wie kann ich das ändern?

Das ist so, damit Du den "hinter" einem Artikelteaser liegenden Artikel ansteuern kannst. "articles/die-herkunft-unserer-produkte/" ist also eine Übergabe von Datenabnkparametern.

Das kannst Du auch nicht ändern.

Du kannst es aber "verschönern", indem Du den Alias des Artikel nicht "die-herkunft-unserer-produkte" nennest, sondern z.B. "irgendwasnettes". Dann wäre die Adresse "meineadresse.de/typolight/index.php/informationen/die-herkunft-unserer-produkte/articles/irgendwasnettes.html". Wenn Du dann auch noch die Url-Umschreibung aktivierst und TL im Hauptverzeichnis installierst, hast Du "meineadresse.de/informationen/die-herkunft-unserer-produkte/articles/irgendwasnettes.html".

Grüße,

Christian

**ph!L** · 19.03.2010, 13:32

Vielen Dank für deine Antwort.

Das liegt nun also daran, dass ich hinter einer Seite verschiedene Artikel bauen kann und der Link den exakten Artikel ansteuern kann bzw. muss?!

Das Problem an dieser Konstellation ist, dass ich doppelten Content erzeuge. Die gleiche Seite ist ja unter zwei unterschiedlichen Adressen zu erreichen.

Jetzt könnte ich also entweder statt eines automatisierten Artikelteasers einen eigenen Artikel zum Anteasern verwenden, der dann den gewünschten Link erhält, oder ich muss das Navigationsmenü immer von Hand anpassen.

Das ist allerdings beides nicht wirklich sinnvoll, ich möchte es ja schon automatisiert haben.

Wie machen andere denn das? Gibt es da noch eine Alternative die sich mir nicht erschließt?

**christian** · 19.03.2010, 13:53

Verstehe ich nicht. Wieso denn doppelter Content? Die Adresse ohne "articles" zeigt Dir doch eine Seite an, die ausschließlich die Artikelteaser enthält, die Adresse mit "articles" den einzelnen Artikel zum Teaser.

Du legst doch auch nicht immer nur 1 Artikel in eine Seite und nutzt dann einen Teaser, oder? Dann gehören ja auch mehrere Artikel in die Seite.

Grüße,

Christian

**ph!L** · 19.03.2010, 14:10

Ich mache es einfach mal mit richtigen Links.

Es geht u.a. um diese Seite: meineseite.de/typolight/produkte/ *LINK EDITIERT*

Diese ist also die Übergeordnete Seite für die Seiten Käse, Wurst, Speck, Schinken.

Im rechten Navigationsmenü sind die Seiten wie gewünscht verlinkt:meineseite.de/typolight/produkte/kaese/

Der Artikelteaser linkt auf meineseite.de/typolight/produkte/kaese/articles/kaese/

Das sind dann die gleichen Seiten mit unterschiedlicher Adresse.

Vielleicht mache ich ja auch was falsch, ich möchte wohl nicht auf einen Artikel, sondern auf eine Seite verlinken, richtig?!

**christian** · 19.03.2010, 15:06

Du hast die Artikelteaser dann wohl etwas "umgebogen" und nicht dafür benutzt, wofür sie gedacht sind. Gedacht sind sie für mehr als 1 Artikel auf einer Seite.

Ausserdem sehen Deine Links merkwürdig aus, immer ohne eigentliche Seitenangabe. Das ist bei TL eigentlich auch anders. Ist das son dubioser "das hilft unheimlich beim SEO"-Kram?

Du kannst natürlich den Link "Weiterlesen" im Template via PHP umändern lassen, aber das ändert nichts daran, dass sich die Seite mit 2 Urls aufrufen lässt.

Wenn Du die Teaser so einsetzt, wie gedacht, würde es wohl gehen: Du hast 1 Seite "Produkte". In dieser(!) Seite hast Du Artikel "Käse", "Wurst", "Speck", "Schinken". Damit passen die Links schon mal alle. Für das Menü rechts legst Du Weiterleitungseiten an, die als externe(!) Links "produkte/articles/wurst.html" etc. haben. Die Teaser sind ja optisch genau dafür gedacht, was Du damit gemacht hast, aber halt strukturell anders.

Meines Erachtens nach hast Du 3 Möglichkeiten:

Lebe mit dem doppelten Content
Bastele noch mehr um (Gefahr von mehr Problemen)
Bau die Seitenstruktur um (und mach .html daraus)

Ich wäre für 3., weil alle anderen Lösungen keinen Vorteil bringen.

Grüße,

Christian

**ph!L** · 26.03.2010, 15:19

Hallo Christian,

erst einmal danke für deine Antworten. Das hat schon eine Menge Licht ins dunkel gebracht.

Der Knackpunkt wird wohl sein, dass ich die Unterseiten "Wurst", "Käse" etc. nicht als Unterseite, sondern als Artikel anlegen muss. Dann scheint das zu funktionieren. Das Menü funktioniert dann also über die Weiterleitungsmethode. Dabei habe ich dann allerdings keinen Automatismus in der Menüebene mehr :-(

Und du scheinst es als Hexerei abzutun, aber ich finde die URL aus SEO Sicht schon sehr hilfreich wenn Sie in meiner beschriebenen Art und Weise funktioniert. Auch für mich als User finde ich das sehr sinnvoll die URL in dieser Art zu haben.

Ich vermute einfach mal, dass mein Wunsch ohne einen dreckigen Hack oder eine von mir noch nicht entdeckte Extension nicht funktionieren wird.

**neueplaneten** · 29.03.2010, 21:16

Mich Plagt dieses Problem ebenfalls. Aber auf deiner Seite hast es ja hinbekommen. Die Seite Produkte zeigt in den Teasern die URL genauso an wie sie im Menü zu sein haben.

Also /typolight/produkte/käse/ und nicht /typolight/prudkte/articles/produkte/käse, wie hast Du das hinbekommen. Kannst Du dazu nicht hier eine kurze, aber dennoch aufschlussreiche Anleitung schreiben?

Besten Dank im Voraus.

**ph!L** · 29.03.2010, 22:03

Hi!

Ich musste eine unbefriedigende Lösung benutzen: Ich habe im Template den Link zum Artikel rausgenommen und setze den Link zur entsprechenden Seite dann manuell im Teaser.

Anders kann ich mr da momentan nicht helfen... Bin offen für jeden Hinweis.. Vielleicht über die Seiten ID und einen Insert-Link?

**tester** · 21.05.2010, 01:32

Folgendes oben in die ce_teaser.tpl einfügen:

PHP-Code:


<?php  $this->href = preg_replace('#/articles/.*$#i', '.html', $this->href); ?>

damit ist es dort jedenfalls raus.

Beachte jedoch das du in deiner Sitemap.xml immer noch 2 URL`s (DC) hast ...

Beste Grüße

**ph!L** · 21.05.2010, 14:55

Zitat von tester

Folgendes oben in die ce_teaser.tpl einfügen:

PHP-Code:


<?php  $this->href = preg_replace('#/articles/.*$#i', '.html', $this->href); ?>

damit ist es dort jedenfalls raus.

Beachte jedoch das du in deiner Sitemap.xml immer noch 2 URL`s (DC) hast ...

Beste Grüße

Du bist mein persönlicher Held!!!

Ich markiere das Problem hiermit als gelöst!

**Ulrich** · 30.06.2010, 15:57

Zitat von christian

... Wenn Du die Teaser so einsetzt, wie gedacht, würde es wohl gehen: Du hast 1 Seite "Produkte". In dieser(!) Seite hast Du Artikel "Käse", "Wurst", "Speck", "Schinken". Damit passen die Links schon mal alle. Für das Menü rechts legst Du Weiterleitungseiten an, die als externe(!) Links "produkte/articles/wurst.html" etc. haben. Die Teaser sind ja optisch genau dafür gedacht, was Du damit gemacht hast, aber halt strukturell anders. ...

Ich habe das so umgesetzt , es funktioniert, allerdings mit einem "Schönheitsfehler":

Beim Navigationsmenü wird der Button für den "externen Link" nicht "active" gekennzeichnet, womit eine entsprechende CSS-Steuerung an dieser Stelle nicht funktioniert, beispielsweise eine farbliche Kennzeichnung des Buttons der aktiven Seite (bzw. des aktiven Artikels) ..., hmm...

**ph!L** · 30.06.2010, 16:03

Versuch mal der entsprechenden Seite bzw. den Seiten eine CSS Klasse "active" o.ä. mitzugeben. Dann solltest du die entsprechenden Menüpunkte ansprechen können.

**Ulrich** · 30.06.2010, 16:04

Das funktioniert nicht, weil der Menu-Button sonst immer "active" ist ...

**ph!L** · 30.06.2010, 16:16

wieso? Wenn du der Seite die Klasse "active" gibst, kannst du den Menüpunkt doch über body.klassenname .mod_navigation ul li.klassenname ansprechen, oder?!

**Ulrich** · 30.06.2010, 16:21

Klar, aber für die CSS-Steuerung des aktiven Menu-Buttons bedeutet das, dass der Button, der auf den Link zeigt, permanent die Klasse "active" besitzt, also nicht nur dann, wenn ich tatsächlich die Seite aufgerufen habe.

Mal sehen, ich meine mich zu erinnern, dass es eine Erweiterung gibt, mit der man Artikel in ein Navigationsmenu aufnehmen kann, vielleicht finde ich da eine Lösung ...

**ph!L** · 30.06.2010, 16:28

Nenn sie nicht active, dann geht es ;-)

Habe es bei einem Projekt auch schon so gemacht.

Aber ich denke, in deinem fall ist die Erweiterung xNavigation

**Ulrich** · 30.06.2010, 16:39

Zitat von ph!L

Nenn sie nicht active, dann geht es ;-) ...

Sorry, aber das verstehe ich nicht. Egal, wie ich die Klasse des externen Links zur CSS-Steuerung nenne, wenn dieser in der Seitenstruktur steht und damit als Button in der Navigation steht, dann hat er diese Klasse permanent, nicht erst beim Aufruf des Links. Eine solche Klasse lässt sich dann eben nicht für den besagten Zweck verwenden ...oder ich steh' momentan schwer auf der Leitung ...

**ph!L** · 30.06.2010, 17:02

Der Trick ist, dass diese CSS Klasse dem Body Tag UND dem Listenpunkt in der Navigation vergeben wird. Das heißt du sprichst das Element nicht einfach nur per

HTML-Code:

.mod_navigation ul li.meineklasse

an sondern per

HTML-Code:

body.meineklasse .mod_navigation ul li.meineklasse

Das heißt, du kannst dieses Element genau dann ansprechen, wenn es aktiv ist (nämlich wenn das body Element class="meineklasse" hat)

**Ulrich** · 01.07.2010, 10:05

Vielleicht "reden" wir aneinander vorbei ...

Hier die Definition von "meine_klasse" zur CSS-Steuerung des "externen" Links (der auf den Artikel "ATLAS-Experiment" verweist):

Anhang 2210

In der Navigation der Linken Spalte im Frontend ist in der obersten Ebene der Button "Forschung" aktiv. In der nächsten unteren Ebene (unter "Forschung") stehen zwei Buttons, die auf externe Links verweisen, auf einen "echten" (der erste) und auf den Artikel-Link "ATLAS Experiment". Wie leicht zu erkennen ist, würde das Menü jetzt zwei aktive Buttons zeigen, wenn ich "meine_klasse" als "aktiver Link" interpretieren würde - obwohl ich mich noch auf der oberen Ebene befinde, nämlich aktiv auf der Seite "Forschung":

Anhang 2211

**ph!L** · 01.07.2010, 10:10

Kannst du mir mal bitte einen Link zur Seite per PM schicken? Das interessiert mich jetzt mal.

Ich hatte es bis jetzt nur mit internen Weiterleitungen so gelöst, aber auf der Seite von der der Screenshot stammt müsste im Optimalfall auch das body tag die Klasse "meine_klasse" haben.

**MacKP** · 01.07.2010, 10:13

Hallo Ulrich,
was du jetzt noch brauchst um das nur bei der aktiven Seite zu Formatieren ist eine Klasse für die SEite wo das hin leitet.
Die ist dann im Body und du kannst es so machen:

Code:

body.seitewohingeleitetwird li.linkderaktivseinsoll a

Viele Grüße

**ph!L** · 01.07.2010, 10:15

Genau darauf wollte ich hinaus ;-)

**Ulrich** · 01.07.2010, 10:24

Zitat von MacKP

Hallo Ulrich,
was du jetzt noch brauchst um das nur bei der aktiven Seite zu Formatieren ist eine Klasse für die SEite wo das hin leitet.
Die ist dann im Body und du kannst es so machen:

Code:

body.seitewohingeleitetwird li.linkderaktivseinsoll a

Viele Grüße

Aha, ich denke, der Groschen fällt jetzt langsam ...

Sorry, ph!L, ja das war es offenbar, worauf Du hinaus wolltest; ich habe immerhin eine Nacht guten Schlafes hinter mir, nach einer heissen Salsa-TanzSession - so langsam kommen jetzt die kleinen grauen Zellen wieder in Bewegung ...

Vielen Dank!

**ph!L** · 01.07.2010, 10:26

Die Lösung liegt bei vielen solcher Probleme darin, dass man individuelle Body Klassen vergibt um die einzelnen, sich sonst wiederholenden Elemente anzusprechen :-)

**Ulrich** · 01.07.2010, 10:34

Jedenfalls stimmt das "[gelöst]" im Betreff des ersten Beitrags des Themas jetzt wieder ...

**Ulrich** · 01.07.2010, 13:15

Hallo ph!L, hallo MacKP,

das Ziel des "externen" Links ist ein Artikel, keine Seite, deshalb muss ich ja diesen Link überhaupt erst in die Seitenstruktur einstellen, damit der Artikel - quasi als "Seite" - in der Navigation eingetragen wird.

Einem Artikel kann ich aber kein Seitenlayout zuweisen, über das die Definition einer CSS-Klasse für den Body-Tag möglich wäre. Die CSS-Klasse im Artikel selbst, die nicht im Body-Tag verwendet wird, besitzt dann folgerichtig nur der Artikel, nicht aber die Seite.

Der Artikel steht in der Hauptspalte ("div#main"), die Navigation in der linken Spalte ("div#left"), beide Elemente stehen also parallel zueinander in der Hierarchie der Struktur, so kann ich die CSS-Klasse des Artikels nicht in der CSS-Steuerung der Navigation zur Feststellung, ob der Artikel([!] - nicht die Seite) aktiv ist, heranziehen.

Da habe ich mich wohl zu früh gefreut, oder ich bin wieder auf einer falschen Spur ...

**MacKP** · 01.07.2010, 13:46

Hallo Ulrich,
ich rede ja auch nicht von nem extra Seitenlayout, sondern von der Seite in der Seitenstruktur (ist wesendlich einfacher als zig Layouts zu haben).
Das nur am Rande.

Du hast also mehr als diesen einen Artikel auf der Seite. Dann wirds glaub ich wirklich was schwieriger...

Eventuell könntest du das fe_page.tpl bearbeiten und dort bei der body class ne Variable nehmen wie artikle_alias oder so.
Musst du mal schauen was du da zur Verfügung hast und am besten nutzen kannst.

Viele Grüße

**Ulrich** · 01.07.2010, 14:11

Zitat von MacKP

Hallo Ulrich,
ich rede ja auch nicht von nem extra Seitenlayout, sondern von der Seite in der Seitenstruktur (ist wesendlich einfacher als zig Layouts zu haben).
Das nur am Rande. ...

Ja, das ist mir klar. Ich war eben auf der Suche, wie ich dem Artikel eine CSS-Klasse für den Body-Tag mitgeben könnte. Ich versuche sonst auch die Struktur möglichst "schlank" zu halten, schon wegen der späteren Wartung der Projekte.

Was ich in diesem Falle habe, ist aber keine "echte" Seite, sondern im Grunde einen Hyperlink auf einen Artikel. Wenn der Artikel "ATLAS-Experiment" aktiv ist, befinde ich mich eigentlich noch immer auf der ("übergeordneten") Seite "Forschung", was man im Quellcode gut nachvollziehen kann, wenn man der Seite "Forschung" eine spezielle CSS-Klasse für den Body-Tag definiert (der Navigations-Button "Forschung" bleibt ja entsprechend auch korrekt "active" gekennzeichnet).

Zitat von MacKP

... Du hast also mehr als diesen einen Artikel auf der Seite. Dann wirds glaub ich wirklich was schwieriger...

Sieht so aus. Ich werde wohl doch eine andere Lösung realisieren und an dieser Stelle auf den Einsatz des Teasers verzichten.

Ich arbeite noch nicht sehr lange mit Typolight/Contao, weshalb ich diesen Weg ...

Zitat von MacKP

... Eventuell könntest du das fe_page.tpl bearbeiten und dort bei der body class ne Variable nehmen wie artikle_alias oder so.
Musst du mal schauen was du da zur Verfügung hast und am besten nutzen kannst.

... (noch) vermeiden möchte.

Nichts desto trotz, ein Lerneffekt bleibt ...

Vielen Dank!

Uli

**ro9** · 30.09.2010, 21:17

Zitat von ph!L

Du bist mein persönlicher Held!!!

Ich markiere das Problem hiermit als gelöst!

Dem möchte ich mich unbedingt anschließen. Ich habe den ganzen Tag danach gesucht und bin fast verzweifelt (so mit "kurz vorm Heulen sein" und so). Und nun dies!

Vielen Dank!