{"id":6990,"date":"2022-08-07T14:06:52","date_gmt":"2022-08-07T12:06:52","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/header-und-footer-template-in-elementor\/"},"modified":"2026-09-02T22:54:40","modified_gmt":"2026-09-02T20:54:40","slug":"header-und-footer-template-in-elementor","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/de\/header-und-footer-template-in-elementor\/","title":{"rendered":"Header- und Footer-Template in Elementor"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"0-%C2%BFqu%C3%A9-es-la-cabecera-de-p%C3%A1gina\">Was ist der Header?<\/h2>\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1488\" height=\"811\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina.jpg\" alt=\"Header\" class=\"wp-image-4760\" style=\"width:543px;height:295px\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina.jpg 1488w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina-500x273.jpg 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina-1024x558.jpg 1024w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina-768x419.jpg 768w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/cabecera-de-pagina-600x327.jpg 600w\" sizes=\"auto, (max-width: 1488px) 100vw, 1488px\" \/><\/a><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">Der Header einer Website ist der obere Bereich, der auf jeder Seite Ihrer Website zu finden ist. In der Regel ist der Header auf der gesamten Website gleich. Es gibt jedoch auch Websites, die f\u00fcr verschiedene Bereiche der Website unterschiedliche Header haben.  <\/p>\n\n<p class=\"wp-block-paragraph\">Der Header kann auch eine wichtige Rolle bei der F\u00f6rderung der Markenidentit\u00e4t Ihres Unternehmens spielen, indem er Elemente wie das Unternehmenslogo, Typografie, Farben und die allgemeine Markensprache integriert.<\/p>\n\n<p class=\"wp-block-paragraph\">Der Header enth\u00e4lt au\u00dferdem funktionale Optionen wie die Website-Navigation, die Website-Suche, einen Warenkorb (bei Verkaufsseiten), Call-to-Action-Buttons (CTA) und weitere Funktionen, die die Nutzererfahrung verbessern und die Conversion-Rate erh\u00f6hen.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"1-%C2%BFqu%C3%A9-es-un-pie-de-p%C3%A1gina\">Was ist ein Footer?<\/h2>\n<div class=\"wp-block-image\">\n<figure class=\"alignright size-full is-resized\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"1475\" height=\"851\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina.jpg\" alt=\"Footer\" class=\"wp-image-4761\" style=\"width:568px;height:328px\" srcset=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina.jpg 1475w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina-500x288.jpg 500w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina-1024x591.jpg 1024w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina-768x443.jpg 768w, https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/pie-de-pagina-600x346.jpg 600w\" sizes=\"auto, (max-width: 1475px) 100vw, 1475px\" \/><\/a><\/figure>\n<\/div>\n<p class=\"wp-block-paragraph\">Ein Footer ist ein Bereich, der sich am unteren Ende einer Webseite befindet. Wie Header erscheinen sie in der Regel auf der gesamten Website, auf allen Seiten und Beitr\u00e4gen, durchg\u00e4ngig. <\/p>\n\n<p class=\"wp-block-paragraph\">Footers erhalten oft nur wenig Aufmerksamkeit, was tats\u00e4chlich eine potenzielle Verschwendung ist, da sie sich auf jeder Seite der Website wiederholen. Sie sind genauso wichtig wie Header. <\/p>\n\n<p class=\"wp-block-paragraph\">Das Footer-Design kann \u2013 je nach gew\u00e4hlter Konfiguration \u2013 n\u00fctzliche und wichtige Informationen anzeigen, wie z. B. ein Newsletter-Anmeldeformular, Copyright-Informationen, Nutzungsbedingungen, Datenschutz, Cookies, eine Sitemap, Kontaktinformationen und vieles mehr.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"2-partes-esenciales-de-un-sitio-web\">Wesentliche Bestandteile einer Website<\/h2>\n\n<p class=\"wp-block-paragraph\">Der <strong>Header<\/strong> und der <strong>Footer<\/strong> sind zwei wesentliche Elemente einer Website. Nutzer gehen bereits davon aus, dass jede Website diese beiden Bereiche hat, und haben eine klare Vorstellung davon, welche Inhalte sie in jedem davon erwarten. Deshalb sollten wir beim Erstellen nicht \u201edas Rad neu erfinden\u201c oder zu originell sein, denn es gibt etwas, das noch wichtiger ist als Design oder Originalit\u00e4t: die <strong>Benutzerfreundlichkeit<\/strong>. H\u00e4ufige Merkmale:   <\/p>\n\n<ul class=\"wp-block-list\">\n<li>Sie werden auf allen Seiten und Beitr\u00e4gen der Website angezeigt, au\u00dfer auf Landingpages.<\/li>\n\n\n\n<li>In der Regel variieren sie nicht von Seite zu Seite, auch wenn es Ausnahmen gibt.<\/li>\n\n\n\n<li>Beide haben eine feste Position: Der Header steht am Anfang und der Footer am Ende des Dokuments.<\/li>\n<\/ul>\n\n<p class=\"wp-block-paragraph\">WordPress ist darauf ausgelegt, und alle standardm\u00e4\u00dfig installierten Themes enthalten Templates, die f\u00fcr den <strong>Header<\/strong> und den <strong>Footer<\/strong> angepasst werden k\u00f6nnen. Ebenso enth\u00e4lt die gro\u00dfe Mehrheit der <a href=\"https:\/\/wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>-Themes diese beiden Templates. Das Problem ist, dass diese Templates in Bezug auf die Anpassung sehr eingeschr\u00e4nkt sind und wir uns mit den Optionen zufriedengeben m\u00fcssen, die der Theme-Entwickler vorgesehen hat.  <\/p>\n\n<p class=\"wp-block-paragraph\">Andererseits k\u00f6nnen wir mit der Basisversion von Elementor eine Seitenstruktur als leere Leinwand (Elementor Canvas) verwenden, die weder den Header noch den Footer des Standard-Themes enth\u00e4lt, unseren eigenen <strong>Header<\/strong> oder <strong>Footer<\/strong> erstellen und ihn auf alle Seiten der Website kopieren. Das Problem ist, dass das nicht praktikabel ist, denn wenn wir eine \u00c4nderung vornehmen m\u00fcssten, m\u00fcssten wir sie so oft durchf\u00fchren, wie wir Seiten haben. <\/p>\n\n<p class=\"wp-block-paragraph\">Mit  <a href=\"https:\/\/lacolmenatecnologica.com\/unirse\/1-licencia-de-elementor-pro-10-e-ano\/\"><\/a>Mit <a href=\"https:\/\/lacolmenatecnologica.com\/de\/produkt\/elementor-pro\/\">Elementor Pro<\/a> haben wir dieses Problem nicht, denn es geht einen Schritt weiter und verf\u00fcgt \u00fcber einen eigenen <em><a href=\"https:\/\/lacolmenatecnologica.com\/maquetador-de-temas-de-elementor\/\">Theme Builder<\/a><\/em> bzw. <em><a href=\"https:\/\/lacolmenatecnologica.com\/maquetador-de-temas-de-elementor\/\">Theme Builder<\/a><\/em>, mit dem wir Header und Footer von Grund auf erstellen und allen Seiten und Beitr\u00e4gen der Website zuweisen k\u00f6nnen. So m\u00fcssen wir bei \u00c4nderungen nur einmal anpassen. <\/p>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/lacolmenatecnologica.com\/unirse\/1-licencia-de-elementor-pro-10-e-ano\/\"><\/a><a href=\"https:\/\/lacolmenatecnologica.com\/unirse\/1-licencia-de-elementor-pro-10-e-ano\/\"><\/a><a href=\"https:\/\/lacolmenatecnologica.com\/de\/produkt\/elementor-pro\/\">Elementor Pro<\/a> erm\u00f6glicht es uns au\u00dferdem, unterschiedliche Header oder Footer innerhalb derselben Website zu verwenden, aber darauf gehen wir sp\u00e4ter ein.<\/p>\n<\/blockquote>\n\n<h2 class=\"wp-block-heading\" id=\"como-crear-una-plantilla-de-cabecera-o-pie-de-pagina-desde-el-maquetador-de-temas-de-elementor-pro-503b678b-efc8-4a0e-80c7-6eb8bb89facf\">So erstellen Sie ein Header- oder Footer-Template im Theme Builder von Elementor Pro<\/h2>\n\n<p class=\"wp-block-paragraph\">Sie k\u00f6nnen ganz einfach einen Header oder Footer \u00fcber den <em><a href=\"https:\/\/lacolmenatecnologica.com\/elementor-academy-temas\/maquetador-de-temas-de-elementor\/\"><em><a href=\"https:\/\/lacolmenatecnologica.com\/maquetador-de-temas-de-elementor\/\">Theme Builder<\/a><\/em><\/a><\/em> erstellen, indem Sie diese Schritte befolgen:<\/p>\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/crear-cabecera-1.gif\"><img loading=\"lazy\" decoding=\"async\" width=\"1838\" height=\"907\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2025\/12\/crear-cabecera-1.gif\" alt=\"Header erstellen\" class=\"wp-image-4762\"\/><\/a><\/figure>\n\n<ol class=\"wp-block-list\">\n<li>Im <em>WordPress-Adminbereich<\/em> im Men\u00fc <strong>Templates<\/strong> &gt; klicken Sie auf <strong>Theme Builder<\/strong><\/li>\n\n\n\n<li>Sie k\u00f6nnen auf den Button <figure><img decoding=\"async\" class=\"wp-image-18355\" style=\"width: 20px\" src=\"https:\/\/lacolmenatecnologica.com\/wp-content\/uploads\/2022\/08\/anadir-nueva.png\" alt=\"Neu hinzuf&#xFC;gen\"\/><\/figure> klicken, der sich neben jeder Kategorie befindet, oder auf <strong>Add new<\/strong> (Neu hinzuf\u00fcgen) klicken und <em>Header<\/em> oder <em>Footer<\/em> ausw\u00e4hlen.<\/li>\n\n\n\n<li>Jetzt k\u00f6nnen Sie ein vorgefertigtes <em>Header<\/em>\u2013 oder <em>Footer<\/em>-Template ausw\u00e4hlen oder eines von Grund auf erstellen.<\/li>\n\n\n\n<li>Sobald Sie die erforderlichen \u00c4nderungen am Design des Headers oder Footers vorgenommen haben, klicken Sie auf den Button <strong>Ver\u00f6ffentlichen<\/strong> und w\u00e4hlen Sie aus, wo der <em>Header<\/em> oder <em>Footer<\/em> ver\u00f6ffentlicht werden soll. Der Standardwert ist <strong>Gesamte Website<\/strong>. <\/li>\n\n\n\n<li>Das war\u2019s! Jetzt k\u00f6nnen Sie Ihren handgefertigten <em>Header<\/em> oder <em>Footer<\/em> live auf Ihrer Website sehen. <\/li>\n<\/ol>\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Wir k\u00f6nnen die <strong>vorgefertigten Templates<\/strong> verwenden, die <a href=\"https:\/\/lacolmenatecnologica.com\/de\/produkt\/elementor-pro\/\">Elementor Pro<\/a> anbietet, oder mit dem Builder von Grund auf gestalten. Wir k\u00f6nnen auch ein vorgefertigtes Template verwenden und es anschlie\u00dfend nach unseren W\u00fcnschen anpassen. <\/p>\n<\/blockquote>\n","protected":false},"excerpt":{"rendered":"<p>Was ist der Header? Der Header einer Website ist der obere Bereich, der auf jeder Seite Ihrer Website zu finden ist. In der Regel ist der Header auf der gesamten Website gleich. Es gibt jedoch auch Websites, die f\u00fcr verschiedene Bereiche der Website unterschiedliche Header haben. Der Header kann auch eine wichtige Rolle bei der [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":6991,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor Header und Footer Vorlagen einfach erstellen","_seopress_titles_desc":"Was ist der Header? Der Header einer Website ist der obere Bereich, der auf jeder Seite Ihrer Website zu finden ist. In der Regel ist der\u2026","_seopress_robots_index":"","_seopress_robots_follow":"","_seopress_robots_imageindex":"","_seopress_robots_snippet":"","_seopress_robots_primary_cat":"none","_seopress_robots_breadcrumbs":"","_seopress_robots_freeze_modified_date":"","_seopress_robots_custom_modified_date":"","_seopress_robots_canonical":"","_seopress_social_fb_title":"","_seopress_social_fb_desc":"","_seopress_social_fb_img":"","_seopress_social_fb_img_attachment_id":0,"_seopress_social_fb_img_width":0,"_seopress_social_fb_img_height":0,"_seopress_social_twitter_title":"","_seopress_social_twitter_desc":"","_seopress_social_twitter_img":"","_seopress_social_twitter_img_attachment_id":0,"_seopress_social_twitter_img_width":0,"_seopress_social_twitter_img_height":0,"_seopress_redirections_value":"","_seopress_redirections_enabled":"","_seopress_redirections_enabled_regex":"","_seopress_redirections_logged_status":"both","_seopress_redirections_param":"","_seopress_redirections_type":301,"_seopress_analysis_target_kw":"","_seopress_news_disabled":"","_seopress_video_disabled":"","_seopress_video":[],"_seopress_pro_schemas_manual":[],"_seopress_pro_rich_snippets_disable_all":"","_seopress_pro_rich_snippets_disable":[],"_seopress_pro_schemas":[],"footnotes":"","_bricks_page_content_2":[],"_bricks_page_header_2":[],"_bricks_page_footer_2":[]},"categories":[402],"tags":[434,455],"class_list":["post-6990","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-elementor-vorlagen","tag-wordpress-themes"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6990","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/comments?post=6990"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6990\/revisions"}],"predecessor-version":[{"id":6992,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6990\/revisions\/6992"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media\/6991"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media?parent=6990"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/categories?post=6990"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/tags?post=6990"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}