|
Anchors in Joomla Templates (Nach oben/Go to the top) |
|
|
|
 Websites mit langen Dokumenten werden schnell unübersichtlich und erfordern langes scrollen, um vom Dokumentende wieder nach oben zum Menü zu finden. Hilfreich sind dazu Links wie "Nach oben" oder "Go to the top" am Ende der Seite.
Wenn man auf diese Links klickt, öffnet sich kein neues Dokument, es
wird lediglich an den Seitenanfang gehüpft. Das funktioniert mit Ankern
(Anchors) innerhalb des Dokuments, also des Joomla! Templates.
So fügen Sie diese Funktion in Ihr Joomla! Template ein:
Öffnen Sie zunächst die index.php Datei des Templates in einem Editor (beispielsweise direkt im Joomla! Backend durch "Edit HTML"). Fügen Sie gleich unterhalb des <body> Tags folgenden Tag ein:
<a id="top"></a>
Dies zeigt dem Browser, wohin er scrollen muss, wenn auf den Link "Nach oben" geklickt wird. "Top" ist dabei die ID. Sie können eine beliebige ID verwenden, solange diese mit dem Link im folgenden Eintrag identisch ist.
Gehen Sie nun an die Position, wo Sie den "Nach oben" Link einfügen möchten. Fügen Sie an dieser Stelle folgenden Eintrag ein:
<a href="<?php echo sefRelToAbs($_SERVER['REQUEST_URI'])."#top"; ?>">Nach oben</a>
Falls Sie eine andere ID als "top" definiert haben, dann ersetzen Sie "top" auch in diesem Eintrag durch die gewählt ID. Sie können den Schriftzug "Nach Oben" durch einen anderen ersetzen, indem Sie einen anderen Text einsetzen. Wenn Sie ein Bild oder Symbol anstelle von Text möchten, dann geben Sie an Stelle von nach oben einen Image-Tag ein:
<img src="/quelle/des/bildes.jpg">
Das sieht dann so aus:
<a href="<?php echo sefRelToAbs($_SERVER['REQUEST_URI'])."#top"; ?>"><img src="/quelle/des/bildes.jpg"></a>
Diese Lösung funktioniert auch wenn die Suchmaschinenoptimierung (SEO/SEF) im Backend eingeschaltet ist.
|
