Zum Inhalt springen

Elementor Schlagwörter mit Hashtag versehen

Elementor Page-Builder
22. Februar 2024 durch
Elementor Schlagwörter mit Hashtag versehen
Julia von JZ Webservices
| Noch keine Kommentare

In Wordpress sind Schlagwörter (Tags) eine wichtige Möglichkeit, um Inhalte zu kategorisieren und zu organisieren. Oftmals möchte man diese Schlagwörter mit Hashtags versehen, um sie in sozialen Medien besser zu kennzeichnen. Allerdings fügt Wordpress standardmäßig Kommas zwischen den Schlagwörtern hinzu, was das direkte Verwenden als Hashtag erschwert. Seid ihr Elementor Page-Builder Nutzer, dann kann man dieses Problem elegant lösen.

Schritt 1: Die Schlagwörter in Wordpress hinzufügen


Am besten sollte man die Einzel-Beitragsseite im Elementor bearbeiten. Diese findet man hier:

Dashboard -> Templates -> Theme Builder -> Elementor Single Post


Nun füge im Template den Block: Edit Post Info hinzu und verwende Terms


Schritt 2: Hashtags vor Schlagwörtern hinzufügen


Füge einen HTML Block auf der Beitragsseite hinzu:

Im Beispiel wird der HTML Block direkt unterhalb der Schlagwörter platziert.
Prinzipiell kann man diesen aber überall auf der Templateseite einfügen.



Befülle den HTML Block mit folgendem Code:

<script>document.addEventListener('DOMContentLoaded', function() {const tagsContainer = document.querySelector('.elementor-widget-wp-widget-tag_cloud'); if (tagsContainer) {const tags = tagsContainer.querySelectorAll('a');tags.forEach(function(tag) {const text = tag.textContent;const newText = '#' + text; tag.textContent = newText; if (tag.nextSibling && tag.nextSibling.nodeType === Node.TEXT_NODE && tag.nextSibling.textContent.trim() === ',') {tag.parentNode.removeChild(tag.nextSibling);}});}); </script>



Schritt 3: Speichern und überprüfen


Speichere deine Änderungen und überprüfe die Seite oder deinen Beitrag. Die Schlagwörter sollten nun mit Hashtags versehen und die Kommas entfernt sein.

Fazit

Durch das Hinzufügen von Hashtags zu den Schlagwörtern in Wordpress und dem Entfernen der Kommas mit Hilfe von JavaScript in Elementor, kannst du sicherstellen, dass deine Inhalte in sozialen Medien besser erkennbar sind und ein ansprechendes Erscheinungsbild haben. Diese Methode ist einfach umzusetzen und bietet eine effektive Möglichkeit, deine Inhalte zu verbessern.




Diesen Beitrag teilen
Stichwörter
Anmelden , um einen Kommentar zu hinterlassen