Plugin: Scroll To Anchor
Schreibst du in Beiträgen oder Seiten längeren Text und möchtest Links zur Verfügung stellen, um Teile zu überspringen?
Normalerweise erfolgt dies, in dem du im Editor im Text-Modus HTML-Anker als Link-Ziele angibst. Aber nicht jeder fühlt sich dabei wohl, HTML-Code zu schreiben, der auch noch fehleranfällig sein kann. Statt dessen kannst du nun das neue Textanker-Icon in der Werkzeugleiste deines Editors (TinyMCE Advanced) verwenden, um Anker zu platzieren.
Klick in den Text an die Stelle, an der du den Textanker platzieren möchtest, dann klicke auf das Textanker-Icon. Es erscheint eine Dialog-Box, in der du deinem Textanker eine kurze Bezeichnung geben kannst (z.B. „Zusammenfassung“) und optional kannst du dem Textanker noch eine CSS-Classe für ein individuelles Layout zuweisen. Als Ergebnis wird in deinem Text ein Shortcode platziert, der dann im Front End mit dem richtigen HTML ersetzt wird.
Als nächstes kannst du an einer anderen Textstelle einen Link zu diesem Anker erzeugen. Schreib dazu etwas Text (z.B. „Zur Zusammenfassung springen“), markiere den Text und verwende das normale Link-Icon in der Werkzeugleiste des Editors. Anstelle einer kompletten URL reicht es aus, wenn du nur den Namen des Textankers mit einem vorangestellten Rautezeichen (z.B. „#zusammenfassung„) angibst. Das ist auch schon alles. Wenn nun ein Besucher deiner Website im Front End auf den Link klickt, scrollt die Webseite sanft zum vorgegebenen Textanker.
https://youtu.be/XQYcHrJVvys
https://youtu.be/4zv1XyeLlOQ
https://youtu.be/ywOAkHRecVs