{"id":6683,"date":"2021-09-06T19:18:16","date_gmt":"2021-09-06T17:18:16","guid":{"rendered":"https:\/\/lacolmenatecnologica.com\/elementor-sektionsvorlagen\/"},"modified":"2026-09-02T22:39:34","modified_gmt":"2026-09-02T20:39:34","slug":"elementor-sektionsvorlagen","status":"publish","type":"post","link":"https:\/\/lacolmenatecnologica.com\/de\/elementor-sektionsvorlagen\/","title":{"rendered":"Elementor-Sektionsvorlagen"},"content":{"rendered":"\n

Elementor erm\u00f6glicht es uns, jede Sektion als Vorlage zu speichern, die wir sp\u00e4ter in anderen Dokumenten unserer Website so oft wie gew\u00fcnscht verwenden oder exportieren k\u00f6nnen, um sie in anderen Dokumenten zu nutzen. Wir k\u00f6nnen diese Vorlagen unabh\u00e4ngig oder global verwenden. Bei einer unabh\u00e4ngigen Verwendung wirkt sich eine \u00c4nderung nicht auf die \u00fcbrigen Instanzen derselben Vorlage aus. Bei einer globalen Verwendung (unter Nutzung des Widgets Template<\/strong>) werden bei einer \u00c4nderung der Vorlage auch alle ihre Instanzen angepasst. <\/p>\n\n

Sektionen als Vorlagen speichern<\/h2>\n\n
    \n
  1. W\u00e4hlen Sie die Sektion aus, die Sie speichern m\u00f6chten, und machen Sie einen Rechtsklick<\/strong> auf \"Elementor-Sektions-Handle\"\/<\/li>\n\n\n\n
  2. Klicken Sie im Kontextmen\u00fc auf Als Vorlage speichern<\/strong>.<\/li>\n\n\n\n
  3. Geben Sie ihr einen Namen und klicken Sie auf Speichern.<\/strong><\/li>\n<\/ol>\n
    \n
    \"Sektion<\/figure>\n<\/div>\n

    So f\u00fcgen Sie eine gespeicherte Sektionsvorlage in ein Dokument ein<\/h2>\n\n

    Sie k\u00f6nnen die Vorlagen, die Sie gespeichert haben, in jedem Dokument Ihrer Website verwenden, sogar in Beitr\u00e4gen mittels des Shortcodes der Vorlage. Wir schauen uns an, wie das geht. <\/p>\n\n

    Unabh\u00e4ngige Vorlage aus der Bibliothek einf\u00fcgen<\/h3>\n\n

    Wenn wir die Vorlage auf diese Weise einf\u00fcgen, ist sie unabh\u00e4ngig von der globalen Vorlage, und \u00c4nderungen, die wir an ihr vornehmen, wirken sich nicht auf die \u00fcbrigen Instanzen aus.<\/p>\n

    \n
    \"Sektionsvorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
      \n
    1. Klicken Sie auf das Icon Template hinzuf\u00fcgen<\/em> \"Template im Elementor-Editor.<\/li>\n\n\n\n
    2. Klicken Sie im Pop-up-Fenster auf den Tab Meine Templates<\/strong>.<\/li>\n\n\n\n
    3. Sie sehen eine Liste mit allen Vorlagen, die Sie gespeichert haben; klicken Sie auf die Schaltfl\u00e4che Einf\u00fcgen<\/strong> der Vorlage, die Sie verwenden m\u00f6chten. Wenn Sie nicht sicher sind, ob es die richtige Vorlage ist, k\u00f6nnen Sie vor dem Einf\u00fcgen auf \"Vorschau\"\/ Vorschau<\/strong> klicken. <\/li>\n\n\n\n
    4. Es erscheint ein kleines Pop-up-Fenster Dokumenteinstellungen importieren<\/strong>. Da es sich um eine Sektionsvorlage handelt, klicken Sie in diesem Fall am besten auf Nein<\/strong>. <\/li>\n<\/ol>\n\n

      Sektionsvorlage als globale Vorlage einf\u00fcgen<\/h3>\n\n

      Um eine Sektionsvorlage, die wir zuvor gespeichert haben, als globale Vorlage einzuf\u00fcgen, m\u00fcssen wir dies \u00fcber das Widget Template<\/em> tun. Bitte beachten Sie, dass bei einer Sektionsvorlage, die \u00fcber das Widget Template<\/em> in eine andere Sektion eingef\u00fcgt wird, beide Sektionen all ihre Konfigurationen beibehalten. <\/p>\n

      \n
      \"Vorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
        \n
      1. Suchen Sie im Elementor-Editor nach dem Widget Template<\/strong> und ziehen Sie es in eine Sektion oder in das Feld Widget hierher ziehen<\/em>.<\/li>\n\n\n\n
      2. Klicken Sie auf den Selektor Choose Template<\/strong> und geben Sie den Namen oder einen Teil des Namens der Vorlage ein, die Sie einf\u00fcgen m\u00f6chten; sobald Sie diese im Selektor sehen, klicken Sie darauf.<\/li>\n<\/ol>\n\n

        Vorlage in einen Blogbeitrag einf\u00fcgen<\/h3>\n\n

        Wir k\u00f6nnen eine Sektionsvorlage in einen Blogbeitrag mit dem WordPress-Block-Editor Gutenberg einf\u00fcgen, obwohl meine Empfehlung lautet, Elementor nicht in Blogbeitr\u00e4gen zu verwenden. Warum? Weil Elementor heute f\u00fcr Sie der beste Page Builder sein mag, man aber nicht wei\u00df, was die Zukunft bringt. Fr\u00fcher habe ich WPBakery (Visual Composer) benutzt, was ich damals fantastisch fand, aber im Vergleich zu Elementor kommt es mir heute wie eine \u201eGurke\u201c vor. <\/p>\n\n

        Stellen Sie sich vor, in Zukunft erscheint ein neuer Page Builder, der Elementor \u00fcbertrifft, zum Beispiel Gutenberg, und Sie m\u00f6chten Ihre Website mit diesem neuen Builder erneuern. Die Seiten Ihrer Website zu erneuern, w\u00e4re eine relativ \u00fcberschaubare Arbeit, aber hunderte von Blog-Posts zu erneuern, w\u00e4re undurchf\u00fchrbar oder viel zu m\u00fchsam. Diese Posts sind bereits gut positioniert, und es geht nicht darum, sie zu verlieren. Daher ist meine Empfehlung, f\u00fcr Blogbeitr\u00e4ge nur Gutenberg zu verwenden. <\/p>\n

        \n
        \"Sektionsvorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
          \n
        1. W\u00e4hlen Sie im WordPress-Backend Templates<\/strong> > Gespeicherte Templates<\/strong>.<\/li>\n\n\n\n
        2. Klicken Sie auf den Shortcode der Vorlage, die Sie verwenden m\u00f6chten, und kopieren Sie diesen Code dann mit STRG + C<\/strong> (Windows) | CMD + C<\/strong> (Mac) oder per Rechtsklick > Kopieren<\/strong> (Windows) | CMD + Klick > Kopieren<\/strong> (Mac).<\/li>\n\n\n\n
        3. \u00d6ffnen Sie nun den Beitrag, in den Sie die Vorlage einf\u00fcgen m\u00f6chten.<\/li>\n\n\n\n
        4. Verwenden Sie den Gutenberg-Block Shortcode<\/strong> und f\u00fcgen Sie den zuvor kopierten Code dort ein.<\/li>\n<\/ol>\n\n

          Sektionsvorlage \u00e4ndern <\/h2>\n\n

          \u00dcber den Elementor-Editor<\/h3>\n\n

          Alle \u00c4nderungen, die Sie an einer Vorlage vornehmen, werden in allen ihren Instanzen \u00fcbernommen.<\/p>\n\n

            \n
          1. Klicken Sie auf den Vorlagenblock, den Sie bearbeiten m\u00f6chten.<\/li>\n\n\n\n
          2. Klicken Sie nun im Tab Inhalt<\/em> der Konfigurationsspalte auf die Schaltfl\u00e4che \"Vorlage<\/li>\n<\/ol>\n\n

            \u00dcber das Men\u00fc Vorlagen<\/h3>\n
            \n
            \"Vorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
              \n
            1. W\u00e4hlen Sie im WordPress-Backend Templates<\/strong> > Gespeicherte Templates<\/strong>.<\/li>\n\n\n\n
            2. Bewegen Sie den Cursor \u00fcber die Vorlage, die Sie bearbeiten m\u00f6chten, und klicken Sie auf Mit Elementor bearbeiten<\/strong>.<\/li>\n<\/ol>\n\n

              So exportieren Sie eine Vorlage<\/h2>\n\n

              Wir k\u00f6nnen Vorlagen (zur Verwendung in einem anderen Webprojekt) im Format .json<\/strong> mit allen enthaltenen Elementen exportieren, sogar mit Bildern und anderen Elementen aus der Mediathek. Beachten Sie jedoch, dass diese Medien nicht in der .json<\/strong>-Datei (einer leichten Datei, die nur aus XML-\u00e4hnlichem Code besteht) eingebettet sind, sondern im Code nur \u00fcber eine URL<\/strong> referenziert werden. Erst beim Importieren der Vorlage wird diese Datei (Bild, Video usw.) in unserer Mediathek gespeichert. Das bedeutet: Wenn das exportierte Medium an der Quelle gel\u00f6scht wird, kann es nicht importiert werden. <\/p>\n\n

              Vorlage aus Gespeicherten Vorlagen exportieren<\/h3>\n
              \n
              \"Vorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
                \n
              1. W\u00e4hlen Sie im WordPress-Backend Templates<\/strong> > Gespeicherte Templates<\/strong>.<\/li>\n\n\n\n
              2. Bewegen Sie den Cursor \u00fcber die Vorlage, die Sie exportieren m\u00f6chten, und klicken Sie auf Vorlage exportieren<\/strong>.<\/li>\n\n\n\n
              3. W\u00e4hlen Sie im Pop-up-Fenster Speichern unter<\/strong> den Speicherort aus und dr\u00fccken Sie die Schaltfl\u00e4che Speichern<\/strong>.<\/li>\n<\/ol>\n\n

                Vorlagen aus dem Elementor-Editor exportieren<\/h3>\n
                \n
                \"Vorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
                  \n
                1. Klicken Sie auf das Icon Template hinzuf\u00fcgen<\/em> \"Template im Elementor-Editor.<\/li>\n\n\n\n
                2. Klicken Sie im Pop-up-Fenster auf den Tab Meine Templates<\/strong>.<\/li>\n\n\n\n
                3. Sie sehen eine Liste mit allen Vorlagen, die Sie gespeichert haben; klicken Sie auf die Schaltfl\u00e4che Einf\u00fcgen<\/strong> der Vorlage, die Sie verwenden m\u00f6chten. Wenn Sie nicht sicher sind, ob es die richtige Vorlage ist, k\u00f6nnen Sie vor dem Einf\u00fcgen auf \"Vorschau\"\/ Vorschau<\/strong> klicken. <\/li>\n<\/ol>\n\n

                  So importieren Sie eine Vorlage<\/h2>\n\n

                  Wir k\u00f6nnen Vorlagen in unser Projekt importieren; diese m\u00fcssen im Format .json<\/strong> vorliegen. Wenn wir eine Vorlage importieren, die Mediendateien wie Bilder<\/em>, Videos<\/em>, PDF-Dateien<\/em> usw.<\/em> enth\u00e4lt, werden diese Dateien in unsere eigene WordPress-Mediathek hochgeladen. Nachfolgend sehen Sie ein Beispiel f\u00fcr den Code einer echten .json<\/strong>-Datei; es ist sehr einfach: eine Sektion mit einer Spalte und einem Widget mit einem Bild. Ich habe die URL oder den Link zum Bild fett<\/strong> hervorgehoben. <\/p>\n\n

                  {\"content\":[{\"id\":\"63358d39\",\"settings\":[],\"elements\":[{\"id\":\"78eb379f\",\"settings\":{\"_column_size\":100,\"_inline_size\":null},\"elements\":[{\"id\":\"13d2289b\",\"settings\":{\"image\":{\"url\":\"https:\/\/elementor.lacolmenatecnologica.com\/wp-content\/uploads\/2021\/07\/la-colmena-tecnologica-logo.png<\/strong>\",\"id\":974,\"alt\":\"\",\"source\":\"library\"}},\"elements\":[],\"isInner\":false,\"widgetType\":\"image\",\"elType\":\"widget\"}],\"isInner\":false,\"elType\":\"column\"}],\"isInner\":false,\"elType\":\"section\"}],\"page_settings\":[],\"version\":\"0.4\",\"title\":\"Plantilla la Colmena\",\"type\":\"section\"}<\/code><\/pre>\n\n
                  Wie Sie sehen, werden in der .json<\/strong>-Datei keine Medien (Bilder, Videos, …) gespeichert, sondern Links zu ihrem Speicherort im Ursprungsprojekt, von dem sie exportiert wurden. Wenn dieses Bild aus dem Ursprungsprojekt gel\u00f6scht wird, wird das Bild beim Importieren dieser Vorlage in ein anderes Projekt nicht mit importiert. <\/p>\n\n
                  Eine Vorlage aus Gespeicherten Vorlagen importieren<\/h3>\n
                  \n
                  \"Elementor-Vorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
                    \n
                  1. W\u00e4hlen Sie im WordPress-Backend Templates<\/strong> > Gespeicherte Templates<\/strong>.<\/li>\n\n\n\n
                  2. Klicken Sie im oberen Bereich auf die Schaltfl\u00e4che Templates importieren<\/strong>.<\/li>\n\n\n\n
                  3. Klicken Sie auf die Schaltfl\u00e4che Datei ausw\u00e4hlen<\/strong> und w\u00e4hlen Sie im Pop-up-Fenster \u00d6ffnen<\/em> die .json<\/strong>-Datei aus, die Sie importieren m\u00f6chten, und klicken Sie auf die Schaltfl\u00e4che \u00d6ffnen<\/strong>.<\/li>\n\n\n\n
                  4. Klicken Sie nun auf die Schaltfl\u00e4che Jetzt importieren<\/strong>.<\/li>\n<\/ol>\n\n
                    Vorlage aus dem Elementor-Editor importieren<\/h3>\n
                    \n
                    \"Vorlage\n\t\t\t\n\t\t\t\t\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n
                      \n
                    1. Klicken Sie auf das Icon Template hinzuf\u00fcgen<\/em> \"Template im Elementor-Editor.<\/li>\n\n\n\n
                    2. Klicken Sie im Pop-up-Fenster auf den Tab Meine Templates<\/strong>.<\/li>\n\n\n\n
                    3. Klicken Sie im oberen Bereich auf das Icon \"Template Template importieren<\/em>.<\/li>\n\n\n\n
                    4. Klicken Sie auf die Schaltfl\u00e4che DATEI AUSW\u00c4HLEN<\/strong> und w\u00e4hlen Sie im Pop-up-Fenster \u00d6ffnen<\/em> die .json<\/strong>-Datei aus, die Sie importieren m\u00f6chten, und klicken Sie auf die Schaltfl\u00e4che \u00d6ffnen<\/strong>.<\/li>\n\n\n\n
                    5. Nun sollten Sie diese neue Vorlage in der Liste zusammen mit allen anderen Vorlagen sehen; klicken Sie auf die Schaltfl\u00e4che Einf\u00fcgen<\/strong> der Vorlage, um sie einzuf\u00fcgen.<\/li>\n<\/ol>\n","protected":false},"excerpt":{"rendered":"
                      Elementor erm\u00f6glicht es uns, jede Sektion als Vorlage zu speichern, die wir sp\u00e4ter in anderen Dokumenten unserer Website so oft wie gew\u00fcnscht verwenden oder exportieren k\u00f6nnen, um sie in anderen Dokumenten zu nutzen. Wir k\u00f6nnen diese Vorlagen unabh\u00e4ngig oder global verwenden. Bei einer unabh\u00e4ngigen Verwendung wirkt sich eine \u00c4nderung nicht auf die \u00fcbrigen Instanzen derselben […]<\/p>\n","protected":false},"author":4,"featured_media":6684,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_titles_title":"Elementor-Sektionsvorlagen f\u00fcr WordPress entdecken","_seopress_titles_desc":"Elementor erm\u00f6glicht es uns, jede Sektion als Vorlage zu speichern, die wir sp\u00e4ter in anderen Dokumenten unserer Website so oft wie gew\u00fcnscht verwenden k\u00f6nnen\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,433],"class_list":["post-6683","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-elementor","tag-elementor-vorlagen","tag-webdesign"],"_links":{"self":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6683","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=6683"}],"version-history":[{"count":1,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6683\/revisions"}],"predecessor-version":[{"id":6685,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/posts\/6683\/revisions\/6685"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media\/6684"}],"wp:attachment":[{"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/media?parent=6683"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/categories?post=6683"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lacolmenatecnologica.com\/de\/wp-json\/wp\/v2\/tags?post=6683"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}