{"id":95947,"date":"2023-11-17T13:22:09","date_gmt":"2023-11-17T12:22:09","guid":{"rendered":"https:\/\/www.ait-themes.club\/?p=95947"},"modified":"2025-01-20T09:18:35","modified_gmt":"2025-01-20T08:18:35","slug":"custom-html-block","status":"publish","type":"post","link":"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/","title":{"rendered":"Benutzerdefinierter HTML-Block"},"content":{"rendered":"<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Introduction_to_WordPress_Custom_HTML_Block\"><\/span>Einf\u00fchrung in den WordPress Custom HTML Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Der benutzerdefinierte HTML-Block von WordPress ist eine Funktion innerhalb des WordPress-Block-Editors, allgemein bekannt als Gutenberg. Dieser Block erm\u00f6glicht es Benutzern, benutzerdefinierten HTML-Code zu ihren Beitr\u00e4gen oder Seiten hinzuzuf\u00fcgen. Er ist besonders n\u00fctzlich f\u00fcr diejenigen, die Code einf\u00fcgen m\u00fcssen, der nicht von den Standardbl\u00f6cken in WordPress unterst\u00fctzt wird.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Understanding_the_Purpose\"><\/span>Den Zweck verstehen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Der benutzerdefinierte HTML-Block ist f\u00fcr Benutzer gedacht, die \u00fcber einige HTML-Kenntnisse verf\u00fcgen, oder f\u00fcr diejenigen, die bestimmte Codeschnipsel einbetten m\u00fcssen, z. B. Widgets von Drittanbietern oder benutzerdefinierte Skripts. Er bietet mehr Flexibilit\u00e4t und Kontrolle \u00fcber den Inhalt als die typischen Textbl\u00f6cke.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Accessing_the_Custom_HTML_Block\"><\/span>Zugriff auf den benutzerdefinierten HTML-Block<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Um auf diesen Block zuzugreifen, gehen Sie folgenderma\u00dfen vor:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Melden Sie sich bei Ihrem WordPress-Dashboard an.<\/li>\n\n\n\n<li>Navigieren Sie zu dem Beitrag oder der Seite, zu der Sie den HTML-Code hinzuf\u00fcgen m\u00f6chten.<\/li>\n\n\n\n<li>Klicken Sie auf die Schaltfl\u00e4che \"+\", um einen neuen Block hinzuzuf\u00fcgen.<\/li>\n\n\n\n<li>Suchen Sie in der Suchleiste des Blocks nach \"Custom HTML\".<\/li>\n\n\n\n<li>W\u00e4hlen Sie den benutzerdefinierten HTML-Block, um ihn zu Ihrem Beitrag oder Ihrer Seite hinzuzuf\u00fcgen.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Adding_and_Editing_HTML_Code\"><\/span>Hinzuf\u00fcgen und Bearbeiten von HTML-Code<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Sobald Sie den benutzerdefinierten HTML-Block hinzugef\u00fcgt haben:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sie k\u00f6nnen Ihren HTML-Code direkt in den Block eintippen.<\/li>\n\n\n\n<li>Wenn Sie den HTML-Code bereits haben, k\u00f6nnen Sie ihn in den Block einf\u00fcgen.<\/li>\n\n\n\n<li>Sie k\u00f6nnen den HTML-Code bei Bedarf direkt im Block bearbeiten.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Previewing_Your_HTML\"><\/span>Vorschau auf Ihr HTML<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Der benutzerdefinierte HTML-Block verf\u00fcgt \u00fcber eine integrierte Vorschaufunktion:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Klicken Sie auf die Schaltfl\u00e4che \"Vorschau\" in der Symbolleiste des Blocks, um zu sehen, wie Ihr HTML-Code auf dem Frontend erscheinen wird.<\/li>\n\n\n\n<li>Diese Funktion ist besonders hilfreich, um sicherzustellen, dass Ihr HTML-Code wie erwartet gerendert wird, bevor Sie den Beitrag\/die Seite ver\u00f6ffentlichen oder aktualisieren.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Best_Practices\"><\/span>Bew\u00e4hrte Praktiken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Wenn Sie den benutzerdefinierten HTML-Block verwenden:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Stellen Sie sicher, dass Ihr HTML-Code gut strukturiert und fehlerfrei ist.<\/li>\n\n\n\n<li>F\u00fcgen Sie nicht zu viele benutzerdefinierte HTML-Bl\u00f6cke hinzu, da diese die Ladezeit der Seite und die Gesamtleistung beeintr\u00e4chtigen k\u00f6nnen.<\/li>\n\n\n\n<li>Seien Sie vorsichtig beim Hinzuf\u00fcgen von Skripten von Drittanbietern, da diese ein Sicherheitsrisiko darstellen k\u00f6nnen.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Limitations_and_Considerations\"><\/span>Beschr\u00e4nkungen und \u00dcberlegungen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Der benutzerdefinierte HTML-Block ist nicht f\u00fcr umfangreiche Kodierungen gedacht. F\u00fcr gr\u00f6\u00dfere oder komplexere Projekte sollten Sie ein Child-Theme oder ein benutzerdefiniertes Plugin verwenden.<\/li>\n\n\n\n<li>Es ist wichtig zu beachten, dass bestimmte HTML-Tags aus Sicherheitsgr\u00fcnden entfernt werden k\u00f6nnen, je nach WordPress-Einstellungen und Benutzerrolle.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Abschluss<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<p>Der benutzerdefinierte HTML-Block in WordPress ist ein vielseitiges Werkzeug f\u00fcr Benutzer, die benutzerdefiniertes HTML in ihren Beitr\u00e4gen oder Seiten ben\u00f6tigen. Er bietet zwar eine gro\u00dfe Flexibilit\u00e4t, sollte aber mit Bedacht und HTML-Kenntnissen eingesetzt werden. Denken Sie daran, Ihre Arbeit in der Vorschau zu \u00fcberpr\u00fcfen und sicherzustellen, dass sie mit dem Gesamtdesign und der Funktionalit\u00e4t Ihrer Website kompatibel ist.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_80 counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalts\u00fcbersicht<\/p>\n<span class=\"ez-toc-title-toggle\"><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Introduction_to_WordPress_Custom_HTML_Block\" >Einf\u00fchrung in den WordPress Custom HTML Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Understanding_the_Purpose\" >Den Zweck verstehen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Accessing_the_Custom_HTML_Block\" >Zugriff auf den benutzerdefinierten HTML-Block<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Adding_and_Editing_HTML_Code\" >Hinzuf\u00fcgen und Bearbeiten von HTML-Code<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Previewing_Your_HTML\" >Vorschau auf Ihr HTML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Best_Practices\" >Bew\u00e4hrte Praktiken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Limitations_and_Considerations\" >Beschr\u00e4nkungen und \u00dcberlegungen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.ait-themes.club\/de\/benutzerdefinierter-html-block\/#Conclusion\" >Abschluss<\/a><\/li><\/ul><\/nav><\/div>","protected":false},"excerpt":{"rendered":"<p>Einf\u00fchrung in den benutzerdefinierten HTML-Block von WordPress Der benutzerdefinierte HTML-Block von WordPress ist eine Funktion innerhalb des WordPress-Block-Editors, allgemein bekannt als Gutenberg. Dieser Block erm\u00f6glicht es Nutzern, benutzerdefinierten HTML-Code in ihre Beitr\u00e4ge oder Seiten einzuf\u00fcgen. Er ist besonders n\u00fctzlich f\u00fcr diejenigen, die Code einf\u00fcgen m\u00fcssen, der nicht unterst\u00fctzt wird...<\/p>","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_eb_attr":"","_citadela_custom_class":"","footnotes":""},"categories":[72],"tags":[],"citadela-post-location":[],"class_list":["post-95947","post","type-post","status-publish","format-standard","hentry","category-wordpress-editor-blocks"],"_links":{"self":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/95947","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/comments?post=95947"}],"version-history":[{"count":2,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/95947\/revisions"}],"predecessor-version":[{"id":95949,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/posts\/95947\/revisions\/95949"}],"wp:attachment":[{"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/media?parent=95947"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/categories?post=95947"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/tags?post=95947"},{"taxonomy":"citadela-post-location","embeddable":true,"href":"https:\/\/www.ait-themes.club\/de\/wp-json\/wp\/v2\/citadela-post-location?post=95947"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}