Tobias Scheible
Web-Entwickler, Ingenieur & Dozent
Sprungmarke in more-Links entfernen

Datum: Montag, 12. November 2012

Autor: Tobias Scheible

Kommentar(e): 0 Kommentare

Kategorie: Aktuelles

Tags: Blog, PHP, CMS, Wordpress, functions.php

Sprungmarke in WordPress “more”-Links entfernen

In Wordpress kann ein Abschnitt als Teaser-Text deklariert werden. Damit wird nur der Teaser auf der Übersichtsseite angezeigt und automatisch ein Weiterlesen-Link einfügen. Allerdings wird zusätzlich eine Sprungmarke eingefügt, so dass der Leser direkt am Anfang des Textes landet. Dies kann allerdings ziemlich störend sein.

Wordpress Teaser Texte
More-Tag Button im WordPress Editor
Wordpress Teaser Texte More-Tag Button im WordPress Editor

Welcher Abschnitt als Teaser-Text verwendet werden soll, kann direkt im Editor mit dem Weiterlesen-Button (More-Tag) gesteuert werden. Hierzu muss einfach die entsprechende Stelle mit dem Cursor markiert und auf den Button geklickt werden. Alternativ kann der More-Tag auch mit dem Tastenkürzel ALT + UMSCHALT + T einfügt werden. Um zu zeigen, dass ein Weiterlesen-Button eingefügt wurde, wird im Editor eine gestrichelte Line angezeigt. Diese symbolisiert  die Trennung. Im Quellocde sieht der Befehl dafür wie folgt aus:

<!--more-->

Allerdings wird dem Link noch eine Sprungmarker bzw. Anker hinzugefügt, damit der Leser direkt zum nachfolgenden Text springen kann. Ich persönlich finde das allerdings recht unpraktisch, da der Besucher gezwungen wird zu einer bestimmten Position zu springen. Damit rechnet vermutlich auch kaum ein Besucher. Er oder sie wird dadurch gezwungen sich neu zu orientieren – das spricht nicht für ein gelungenes Benutzererlebnis. Und den Teaser liest man ja auch nicht unbedingt auf der Übersichtseite, sondern entscheidet sich anhand der Überschrift für einen Artikel, dadurch fehlt dem Leser beim Artikel selbst die Einleitung. Mit einem kleinen Trick lässt sich diese störende Sprungmarke aber leicht entfernen. Dazu fügt man einfach den folgenden Code in die functions.php Datei ein:

function remove_more_jump_link($link) {
$offset = strpos($link, '#more-');
if ($offset) { $end = strpos($link, '"',$offset); }
if ($end) { $link = substr_replace($link, '', $offset, $end-$offset); }
return $link;
}
add_filter('the_content_more_link', 'remove_more_jump_link');

via zabang & perun

  • Artikel teilen:

Über Tobias Scheible

Tobias Scheible

Tobias Scheible arbeitet als wissenschaftlicher Mitarbeiter an der Hochschule Albstadt-Sigmaringen. Dort ist er als Autor und e-Tutor im Masterstudiengang Digitale Forensik tätig und leite im Bachelorstudiengang IT Security Praktika rund um das Thema Informationssicherheit. Darüber hinaus ist er Mitinitiator des Kompetenzzentrums Cyber Security Lab, welches Forschungsprojekte auf dem Gebiet der IT-Sicherheit koordiniert. Zusätzlich hält er Vorträge und Workshops zu aktuellen Themen der IT-Sicherheit.

Alle Blog-Artikel Website Facebook Twitter Xing

Kommentare

Es wurde noch kein Kommentar abgegeben.

Schreibe einen Kommentar!

Hilfe zum Kommentieren

Um kommentieren zu können, geben sie bitte mindestens ihren Namen und ihre E-Mail-Adresse an. Bitte nutzen Sie die Kommentarfunktion nicht dazu, andere zu beleidigen oder Spam zu verbreiten. Trolle und Spammer sind hier unerwünscht! Unangemessene Kommentare, die zum Beispiel gegen geltendes Recht verstoßen oder eine Gefährdung anderer Besucher darstellen, werden gelöscht oder angepasst.

Name: Ihr Name, der oberhalb des Kommentars steht, gerne auch Ihren echten Namen, das erleichtert die Kommunikation für alle. Sollte ein Spam-Keyword als Name verwendet werden, kann dieses entfernt oder korrigiert werden.

E-Mail: Ihre E-Mail Adresse dient zur Identifizierung weiterer Kommentare und sie haben die Möglichkeit, ein Avatar-Bild zu verwenden. Dazu müssen Sie mit Ihrer E-Mail Adresse bei Gravatar angemeldet sein. Die E-Mail Adresse wird natürlich nicht veröffentlicht und nicht weitergegeben.

Website: Hier können Sie ihren eigenen Blog bzw. ihre eigene Website eintragen, dadurch wird Ihr Name und Ihr Avatar-Bild verlinkt. Werden rein kommerzielle Angebote offensichtlich beworben, setze ich den Link auf nofollow und unangemessene werden einfach entfernt.

Erlaubte HTML-Tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <hr> <big> <small> <sub> <sup> <u>

nach oben