Es gibt verschiedene Möglichkeiten, individuellen Code zu deiner WordPress.com-Website hinzuzufügen. Dieser Ratgeber erklärt, welche Arten von Code du je nach WordPress.com-Tarif auf deiner Website verwenden kannst.
Welchen Code du auf einer WordPress.com-Website hinzufügen kannst, hängt von deinem Tarif ab:
- Kostenlose Websites unterliegen Einschränkungen beim Hinzufügen von Code. Diese Beschränkungen dienen der Sicherheit aller Websites, die sich diese Hosting-Umgebung teilen.
- Plugin-fähiger Tarif: Websites mit diesem Tarif haben keinerlei Codeeinschränkungen, sobald du deinen Tarif aktivierst.
Wenn du ein iframe, JavaScript oder anderen Code auf einer Website verwenden möchtest, ohne auf einen unterstützten Tarif zu wechseln, ziehe die folgenden Alternativen in Betracht:
- Es gibt mehrere sichere Möglichkeiten, Videos, Audio-Dateien und Dokumente auf jeder WordPress.com-Website zu teilen.
- Du kannst Inhalte von vielen beliebten Diensten einbetten – ganz ohne Code. Sieh dir die vollständige Liste der unterstützten Plattformen an, darunter YouTube, Spotify, Giphy, alle großen Plattformen für soziale Medien und mehr.
- WordPress.com bietet viele zusätzliche Funktionen, die ohne Code oder Plugins nutzbar sind. Dazu gehören Kontaktformulare, Galerien, Google Analytics, Bezahlen-Buttons, Veranstaltungen, Umfragen, Quizze, Terminplanung, Restaurantreservierungen und mehr. Sieh dir diesen Ratgeber mit einer Liste der enthaltenen Funktionen an.
HTML ist die Auszeichnungssprache jeder Webseite, die du im Internet besuchst. Es verwendet spezielle Codes (sogenannte Tags), um den Inhalt einer Webseite zu strukturieren und zu organisieren – etwa Text, Bilder, Links und Multimedia-Inhalte. Alle WordPress.com-Websites können die folgenden HTML-Tags verwenden:
aaddressabbracronymareaarticleasidebbigblockquotebrcaptionciteclasscodecol
deldetailsdddivdldtemfigurefigcaptionfooterfonth1, h2, h3, h4, h5, h6headerhgroupi
imginskbdlimapmarkolppreqrprtrtcrubyssectionsmall
spanstrikestrongsubsummarysuptabletbodytdtfootththeadtrttuulvar
Darüber hinaus können Websites mit einem Plugin-fähigen Tarif und aktivierten Hosting-Funktionen die folgenden Codes verwenden:
embed, frame, iframe, form, input, object, textarea, script, style, linkFür kleinere HTML-Abschnitte kannst du einen Block „Individuelles HTML“ einfügen.
Du kannst HTML direkt im WordPress-Editor auf zwei Arten bearbeiten:
In der Werkzeugleiste jedes Blocks (die erscheint, wenn du auf den Block klickst) findest du über die drei Punkte die Option „Als HTML bearbeiten“, um das HTML nur für diesen Block zu bearbeiten.
Wenn du die gesamte Seite in HTML bearbeiten möchtest, klicke auf die drei Punkte in der oberen rechten Ecke und wähle „Code-Editor“, um zur HTML-Ansicht zu wechseln.
Standardmäßig verwendet der Code-Editor Syntaxhervorhebung. Du kannst sie für jeden Benutzer und jede Website deaktivieren. Gehe dazu so vor:
- Gehe in deinem Dashboard zu Benutzer → Profil.
- Aktiviere das Kontrollkästchen neben „Syntaxhervorhebung beim Bearbeiten von Code deaktivieren“.
- Klicke auf den Button „Profil aktualisieren“, um deine Änderungen zu speichern.
CSS steuert die Darstellung von Inhalten auf Webseiten. Mit CSS lassen sich Farben, Schriftarten, Größen, Abstände und die Positionierung von Elementen auf einer Webseite festlegen.
CSS-Bearbeitung wird auf Websites mit dem Tarif Persönlich, Premium, Business oder Commerce unterstützt. Weitere Informationen findest du in unserem Ratgeber zu individuellem CSS.
JavaScript bringt Interaktivität und dynamische Elemente auf Webseiten. Damit lassen sich interaktive Funktionen wie Formulare, Animationen und responsive Designs erstellen.
JavaScript-Code beginnt typischerweise mit einem <script>-Tag und kann auf Websites mit einem Plugin-fähigen Tarif verwendet werden. Du kannst JavaScript-Code über einen Block „Individuelles HTML“ einfügen oder eine andere Methode aus dem folgenden Abschnitt nutzen, in dem beschrieben wird, wie du Code einfügst.
JavaScript von vertrauenswürdigen Partnern wie YouTube und Google Maps kann bei jedem Tarif in eine unterstützte Einbettung oder einen Shortcode umgewandelt werden.
⚠️
Sei besonders vorsichtig, wenn du individuellen Code hinzufügst, der deine Website anfällig für Angriffe machen könnte. Wir empfehlen, nur Code hinzuzufügen, der aus einer bekannten Quelle stammt. Im Zweifelsfall solltest du immer auf Nummer sicher gehen und nach einer alternativen Methode suchen.
Unter Berücksichtigung der oben beschriebenen Einschränkungen kannst du Code mit der für deine Zwecke am besten geeigneten Methode zu deiner Website hinzufügen. Die folgenden Methoden eignen sich zum Einfügen von meistem Code, einschließlich iframes und JavaScript:
- Bette Code über den Block „Individuelles HTML“ in eine Seite oder einen Beitrag ein.
- Lade Bilder, Videos, Audio-Inhalte und Dokumente direkt hoch. Weitere Informationen findest du unter Akzeptierte Dateitypen.
- Verifiziere deine Website bei Google Search, Bing, Pinterest, Yandex und Facebook Business. Weitere Informationen findest du unter Website-Verifizierungsdienste.
- Zeige Quellcode mit dem SyntaxHighlighter-Code-Block an.
Nur für Websites mit einem Plugin-fähigen Tarif und aktivierten Hosting-Funktionen:
- Füge Verifizierungscodes für Dienste wie AdSense, Facebook und Mailchimp über ein Plugin hinzu. Siehe Code zum Header hinzufügen.
- Füge Code über ein Plugin wie Code Snippets zur functions.php hinzu.
- Bearbeite deine Website-Dateien direkt über SFTP (Secure FTP).
- Installiere ein Plugin, um deiner Website praktisch jede beliebige Funktion hinzuzufügen.
- Erstelle ein Child-Theme, um Anpassungen am Theme vorzunehmen.
Support