{"id":21820,"date":"2020-01-07T12:16:57","date_gmt":"2020-01-07T12:16:57","guid":{"rendered":"https:\/\/www.templatemonster.com\/de\/blog\/?p=21820"},"modified":"2020-05-19T14:51:37","modified_gmt":"2020-05-19T14:51:37","slug":"wordpress-elementor-theme-erste-schritte","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/","title":{"rendered":"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter?"},"content":{"rendered":"

Diese Frage stellt sich sicherlich jeder Anf\u00e4nger, der dabei ist, eine eigene Website mit WordPress umzusetzen und schlie\u00dflich eine passende Vorlage bei TemplateMonster gefunden hat. Obwohl der Kaufprozess eigentlich sehr einfach und verst\u00e4ndlich ist, wissen viele K\u00e4ufer nicht genau weiter. Jetzt m\u00f6chte ich dir Schritt-f\u00fcr-Schritt zeigen, was hier zu tun ist. In diesem Beitrag gehe ich zudem auf die Installation und Anpassungsoptionen eines WordPress Elementor Themes ein. In meinem Tutorial verwende ich das WordPress Elementor Theme Monstroid2<\/strong><\/a><\/span>.<\/span><\/p>\n

Inhaltsverzeichnis:<\/p>\n

    \n
  1. Theme kaufen<\/a><\/li>\n
  2. WordPress-Dashboard auf einen Blick<\/a><\/li>\n
  3. Seiten mit Elementor erstellen und bearbeiten<\/a><\/li>\n<\/ol>\n

    Theme kaufen<\/b><\/h2>\n

    Ich entscheide mich also f\u00fcr ein mehrzweckiges WordPress Elementor Theme - Monstroid2:<\/p>\n

    \"templatemonster<\/p>\n

    Auf der Produktseite klicke ich auf den Button <\/span>Zur Kasse!<\/b>:<\/span><\/p>\n

    \"zur<\/p>\n

    Anschlie\u00dfend werde ich auf die Warenkorbseite weitergeleitet, wo neben meinem Theme eine Reihe an empfohlenen Anpassungsservices angezeigt werden, und zwar DSGVO-Suite, Optimierung, SEO, Grafiken und andere. Solltest du etwas davon ben\u00f6tigen, dann kannst du diese zum Warenkorb hinzuf\u00fcgen, indem du neben einer Dienstleitung ein H\u00e4ckchen setzt.<\/span><\/p>\n

    Solltest du einen Rabattcode haben, vergiss nicht diesen einzul\u00f6sen, um ein Theme mit Nachlass zu kaufen: <\/span><\/p>\n

    \"templatemonster<\/p>\n

    Da ich einen 100% Rabattcode f\u00fcr Monstroid2 habe, kann ich die Bezahlung \u00fcberspringen. Ansonsten sollst du deine Telefonnummer und weitere erforderliche Daten in die Felder eingeben. Dann klickst du auf <\/span>Jetzt bezahlen<\/b>:<\/span><\/p>\n

    \"geben<\/p>\n

    Danach siehst du die folgende Nachricht: <\/span><\/p>\n

    \"momentan<\/p>\n

    Warte ein bisschen, danach pr\u00fcfe deinen <\/span>Email-Posteingang<\/b> und klicke auf <\/span>\u201cMonstroid Theme Wizard herunterladen\u201d<\/b>, um das Installationsplugin zu downloaden:<\/span><\/p>\n

    \"bestellungsnummer<\/p>\n

    Aber Achtung!<\/strong> Bei Monstroid2 sowie bei vielen anderen Themes mit der Feature \u201cOne-Klick-Installation\u201d erfolgt die Installation automatisch. Du brauchst nur den Theme Wizard<\/strong> und die Bestellungsnummer.<\/p>\n

    Schritt #0:<\/b><\/p>\n

    Um deine WordPress Vorlage zu installieren, brauchst du ein WordPress-Hosting. Ich verwende checkdomain.de<\/b><\/a>, den Hosting-Plan Pro 6.0<\/strong>. Nachdem ich die WordPress-App ausw\u00e4hlt hatte, erhielt ich eine E-Mail mit Daten zur Anmeldung. Die sieht so aus:<\/p>\n

    \"wordpress<\/p>\n

    Installation 1<\/b><\/span><\/h3>\n

    Schritt #1:<\/strong><\/p>\n

    Rufe das WordPress-Dashboard auf und melde dich an. Um Dashboard zuzugreifen, f\u00fcge \/wp-admin<\/strong> zur Adresse deiner Webseite hinzu.<\/p>\n

    \"wordpress<\/p>\n

    Schritt #2:<\/strong><\/p>\n

    Jetzt sollst du das Theme Wizard hochladen. Gehe auf Plugins<\/strong> >> Installieren<\/strong> >> Plugin hochladen<\/strong>. Danach w\u00e4hle m2-theme-wizard.zip<\/strong> Datei und klicke auf Jetzt installieren<\/strong>:<\/p>\n

    \"plugins<\/p>\n

    Schritt #3:<\/strong><\/p>\n

    Nach der Installation klicke auf Plugin aktivieren<\/strong>:<\/p>\n

    \"plugin<\/p>\n

    Schritt #4:<\/strong><\/p>\n

    Um das Monstroid2 Theme verwenden zu k\u00f6nnen, gib deine Bestellungsnummer ein:<\/p>\n

    \"install<\/p>\n

    Die Bestellungsnummer findest du in der E-Mail oder hier<\/a> :<\/p>\n

    \"templatemonsterODER<\/strong><\/p>\n

    \"bestellungsnummer<\/p>\n

    Gib deine Bestellungsnummer in dieses Feld ein und klicke Start install<\/strong> an:<\/p>\n

    \"\"<\/p>\n

    Schritt #5:<\/strong><\/p>\n

    Nachdem dein Theme aktiviert wurde, kannst du zwischen entweder Parent theme<\/strong> oder Child theme<\/strong> ausw\u00e4hlen. Ich w\u00e4hle das Parent theme<\/strong> and klicke auf Continue<\/strong>:<\/p>\n

    \"parent<\/p>\n

    Schritt #6:<\/b><\/p>\n

    Jetzt stehen dir viele <\/span>Skins zur Auswahl<\/b>. Ich w\u00e4hle den <\/span>Monstroid2<\/b>-Skin und klicke auf <\/span>START INSTALL<\/b>:<\/span><\/p>\n

    \"monstroid2<\/p>\n

    Derzeit verf\u00fcgt Monstroid2 \u00fcber 60+ Skins<\/strong> f\u00fcr verschiedene Anwendungsbereiche:<\/span><\/p>\n

    \"monstroid2<\/p>\n

    Schritt #7:<\/b><\/p>\n

    Dann wirst du auf die Seite weitergeleitet, wo du Plugins zur Installation ausw\u00e4hlen kannst. Gesetzte H\u00e4kchen sollen bleiben, damit alle Funktionen aktiviert sind. Klicke einfach auf <\/span>Next<\/b>:<\/span><\/p>\n

    \"monstroid2<\/p>\n

    Schritt #8:<\/b><\/p>\n

    Jetzt musst du dich entscheiden, ob du Demodaten installieren willst. Demodaten stellen Beispieltexte und Bilder dar, die dir eine bessere Vorstellung davon geben, wie deine zuk\u00fcnftige Website aussehen kann. Wenn es um eine neue Website geht, dann w\u00e4hle die erste Option aus und klicke auf <\/span>Next<\/b>, damit deine Website nicht komplett leer ist. <\/span><\/p>\n

    Achtung! <\/b>Bei bestehenden Websites wird <\/span>Demo Content <\/b>deine aktuellen Inhalte ersetzen.<\/span><\/p>\n

    Wenn du bereits eine Website hast und nur die Gestaltung \u00e4ndern willst, dann w\u00e4hle die letzte Option aus und \u00fcberspringe <\/span>Demo content installation<\/b>.<\/span><\/p>\n

    \"monstroid2<\/p>\n

    Demodaten werden installiert:<\/span><\/p>\n

    \"monstroid2<\/p>\n

    Schritt #9:<\/b><\/p>\n

    Nachdem dem Demodaten Installiert wurden, sollten die Thumbnails neu generiert werden:<\/span><\/p>\n

    \"thumbnails<\/p>\n

    Schritt #10:<\/b><\/p>\n

    Die Installation von <\/span>Monstroid2-Theme<\/b> war erfolgreich:<\/span><\/p>\n

    \"monstroid2<\/p>\n

    Gl\u00fcckwunsch!<\/b><\/p>\n

    \"monstroid2<\/p>\n

    Installation 2<\/b><\/span><\/h3>\n

    Nachdem die Bestellung best\u00e4tigt wurde, findest du das Monstroid2-Theme in deinem Kundenkonto:<\/span><\/p>\n

    \"bestellung<\/p>\n

    Jetzt sollst du auf den<\/span> Herunterladen<\/b>-Button klicken, um das Theme zu downloaden:<\/span><\/p>\n

    \"wordpress<\/p>\n

    Entpacke das Archiv. Drin findest du mehrere Ordner, die Theme-<\/span>Dokumentation<\/b>, Dateien f\u00fcr die <\/span>manuelle Installation<\/b> und das <\/span>Theme-Wizard<\/b>. Wir brauchen jetzt kein Theme-Wizard und installieren ein Theme manuell. Da ich Monstroid2 schon installiert habe, verwende ich ein anderes Theme. <\/span><\/p>\n

    Schritt #1:<\/b><\/p>\n

    Jetzt sollst du das Theme hochladen. Gehe auf <\/span>Design <\/b>>> <\/span>Themes <\/b>>> <\/span>Hinzuf\u00fcgen<\/b>:<\/span><\/p>\n

    \"wordpress<\/p>\n

    Schritt #2:<\/b><\/p>\n

    W\u00e4hle <\/span>theme<\/b>.zip Datei und klicke auf <\/span>Jetzt installieren<\/b>:<\/span><\/p>\n

    \"wordpress<\/p>\n

    Das Theme wurde erfolgreich installiert. Klicke auf Aktivieren:<\/span><\/p>\n

    \"wordpress<\/p>\n

    Fertig!<\/b><\/p>\n

    \"wordpress<\/p>\n

    WordPress-Dashboard auf einen Blick<\/b><\/h2>\n

    Das <\/span>WordPress Dashboard <\/b>deiner neu erstellen Website wird so aussehen. <\/span>Verirre dich nicht! <\/span><\/p>\n

    Aktualisieren wir zuerst unsere Plugins, weil es Benachrichtigungen \u00fcber Updates gibt! Klicke auf <\/span>Start Update<\/b>:<\/span><\/p>\n

    \"wordpress<\/p>\n

    Z\u00f6gere nicht, jeden Men\u00fcpunkt des Dashboards zu \u00f6ffnen, um dich mit allen verf\u00fcgbaren Optionen vertraut zu machen!<\/span><\/p>\n

    Nehmen wir einige davon n\u00e4her unter die Lupe:<\/span><\/p>\n

      \n
    • Dashboard<\/b> - Deine Homepage<\/span><\/li>\n
    • Beitr\u00e4ge<\/b> - Artikel und Neuigkeiten<\/span><\/li>\n
    • Media<\/b> - In der Medienbibliothek befinden sich alle Bilder und Videos, die auf der Website verwendet werden. Du kannst auch einige Einstellungen \u00e4ndern, um .pdf, .txt, .docx u.a. Dateien hochzuladen<\/span><\/li>\n
    • Seiten <\/b>- Alle Seiten deiner Webseite<\/span><\/li>\n
    • Kommentare<\/b> - In diesem Abschnitt entdeckst du alle \u201cHallo\u201d von Spammern.<\/span><\/li>\n
    • Design <\/b>- Das ist eine der wichtigsten Sektionen. Hier kannst du dein Theme bearbeiten und anpassen, Widgets erstellen sowie ein Men\u00fc \u00e4ndern<\/span><\/li>\n
    • Plugins <\/b>- Hier kannst du Plugins installieren, deaktivieren und l\u00f6schen. Es gibt drei m\u00f6gliche Wege, um ein Plugin zu installieren:<\/span><\/li>\n<\/ul>\n

      1. Klicke auf installieren und lade ein neues Plugin hoch:<\/span><\/p>\n

      \"plugins<\/p>\n

      2. Suche nach einem Plugin im WordPress-Repository \u00fcber das Suchfeld:<\/span><\/p>\n

      \"plugins<\/p>\n

      3. Verwende FTP-Verbindung und FileZilla, um die Plugins direkt in den <\/span>Plugins-Ordner<\/b> hochzuladen, aber wer macht das schon?<\/span><\/p>\n

        \n
      • Benutzer<\/b> - Hier kannst du neue Benutzer anlegen, ihnen Rollen und Zugriffe zuweisen: <\/span><\/li>\n<\/ul>\n
          \n
        1. Administrator<\/span> hat einen Zugriff auf alle Verwaltungsfunktionen;<\/span><\/li>\n
        2. Redakteur<\/span> kann Beitr\u00e4ge ver\u00f6ffentlichen und verwalten, einschlie\u00dflich der Beitr\u00e4ge anderer Benutzer;<\/span><\/li>\n
        3. Autor<\/span> kann seine eigenen Beitr\u00e4ge ver\u00f6ffentlichen und verwalten;<\/span><\/li>\n
        4. Mitarbeiter<\/span> kann seine eigenen Beitr\u00e4ge verfassen und verwalten (aber nicht ver\u00f6ffentlichen);<\/span><\/li>\n
        5. Abonnent<\/span> kann nur sein Profil verwalten.<\/span><\/li>\n<\/ol>\n
            \n
          • Werkzeuge<\/b> - Du kannst hier Plugins von Drittanbietern installieren und einrichten;<\/span><\/li>\n
          • Einstellungen <\/b>- Auf dieser Seite lassen sich wichtige Optionen deiner Webseite einstellen.<\/span><\/li>\n<\/ul>\n

            Seiten mit Elementor erstellen und bearbeiten<\/b><\/h2>\n

            Das Monstroid2 Theme beinhaltet eine riesige Menge von vorgefertigten Seiten, die sich editieren lassen. Mit dem Elementor Page-Builder, der im WordPress Elementor Theme integriert ist,  kannst du auch eigene Seiten erstellen.<\/p>\n

            Seite erstellen<\/h3>\n

            Geh zu deiner Webseite, klick auf <\/span>Neu <\/b>>> <\/span>Seite<\/b>:<\/span><\/p>\n

            \"wordpress<\/p>\n

            Dann klick auf Status und <\/strong><\/span>Sichtbarkeit <\/strong>>> <\/span>Sichtbarkeit <\/b>>> <\/span>Privat<\/b>:<\/span>\"wordpress<\/p>\n

            Benenne deine zuk\u00fcnftige Seite und klicke <\/span>Speichern <\/b>an. Dann dr\u00fccke auf <\/span>Mit Elementor bearbeiten<\/b>: <\/span><\/p>\n

            \"wordpress<\/p>\n

            In der Elementor-Oberfl\u00e4che bemerkst du, dass der Seitenname sich an drei verschiedenen Stellen befindet:<\/span><\/p>\n

            \"wordpress<\/p>\n

            Seite mit Elementor bearbeiten<\/h3>\n

            Hier \u00e4nderst du Seitennamen, Sichtbarkeit, Beitragsbild u.a.:<\/span><\/p>\n

            \"wordpress<\/p>\n

            Es gibt auch verschiedene Seitenlayouts:<\/span><\/p>\n

              \n
            • Canvas<\/b> - Header und Footer werden entfernt, sodass Seite leer aussieht. Normalerweise wird dieses Layout f\u00fcr Fehlerseiten verwendet;<\/span><\/li>\n
            • Volle Breite<\/b> - dein Inhalt wird sich an die gesamte Breite einer Seite anpassen.<\/span><\/li>\n<\/ul>\n

              Jetzt bearbeiten wir eine Seite, die aus Sektionen und Elementen besteht. Die Sektion ist ein struktureller Teil der Seite, der mit Elementen gef\u00fcllt ist. Das Element ist ein Teil des Inhalts - ein Elementor-Widget oder eine Funktion, die du auf deiner Website verwenden kannst.<\/span><\/p>\n

              Klicke auf das Pluszeichen, um einen neuen Abschnitt hinzuzuf\u00fcgen:<\/span><\/p>\n

              \"wordpress<\/p>\n

              Zun\u00e4chst soll die Anzahl von Spalten f\u00fcr einen Abschnitt festgelegt werden. Also ich w\u00e4hle eine Spalte. Wir k\u00f6nnen sp\u00e4ter problemlos eine weitere Spalte hinzuf\u00fcgen (falls erforderlich):<\/span><\/p>\n

              \"wordpress<\/p>\n

              Wir haben nun eine Sektion, die wir mit Inhalten f\u00fcllen k\u00f6nnen:<\/span><\/p>\n

              \"wordpress<\/p>\n

              Klicke auf dieses Symbol, um ein Element hinzuzuf\u00fcgen:<\/span><\/p>\n

              \"wordpress<\/p>\n

              Du siehst die Elementliste: <\/span><\/p>\n

              \"wordpress<\/p>\n

              Da Elementor ein Drag-and-Drop Editor ist, kannst du jedes Element und jede Sektion per Mausklick bearbeiten.<\/span><\/p>\n

              Zun\u00e4chst f\u00fcgen wir ein Hintergrundbild zu dieser Sektion hinzu:<\/span><\/p>\n

              \"wordpress<\/p>\n

              1. Klicke auf <\/span>Abschnitt bearbeiten<\/b>;<\/span><\/p>\n

              2. \u00d6ffne das Layout-Tab<\/b> und stelle die folgende Werte ein:<\/p>\n

              \u2022 <\/span>H\u00f6he<\/b> >> <\/span>Min. H\u00f6he<\/b><\/p>\n

              \u2022 Mindesth\u00f6he<\/b> >> <\/span>500 px<\/b><\/p>\n

              \"wordpress3. \u00d6ffne das <\/span>Stil<\/b>-Tab<\/span><\/p>\n

              A. \u00d6ffne <\/span>Hintergrund<\/b> und w\u00e4hle Hintergrundtyp >>  <\/span>Klassisch<\/b>;<\/span><\/p>\n

              B. \u00d6ffne <\/span>Hintergrund \u00dcberlagerung <\/b>und w\u00e4hle Hintergrundtyp >>  <\/span>Klassisch<\/b>;<\/span>\"wordpress<\/p>\n

              C. Zun\u00e4chst w\u00e4hle ein <\/span>Bild<\/b>;<\/span><\/p>\n

              D. Stelle die folgenden Werte schlie\u00dflich ein:<\/span><\/p>\n

                \n
              • Position <\/b>>> <\/span>Mitte Mitte<\/b><\/li>\n
              • Anhang <\/b>>> <\/span>Fixed<\/b><\/li>\n
              • Repeat <\/b>>> <\/span>No-repeat<\/b><\/li>\n
              • Gr\u00f6\u00dfe <\/b>>> <\/span>Eingepasst<\/b><\/li>\n<\/ul>\n

                Es sieht zwar langweilig aus, aber wir m\u00f6chten die Seite attraktiv gestalten, oder?<\/span><\/p>\n

                \"wordpress<\/p>\n

                Machen wir einen Heldenbereich, der aus zwei Spalten bestehen wird: die rechte Spalte hat den Seitentitel und die linke Spalte hat einen Slogan mit einem C<\/span>all-to-Action<\/span><\/i>. Los!<\/span><\/p>\n

                Texte eingeben und bearbeiten<\/h3>\n
                  \n
                1. Ziehe<\/span> Inneren Abschnitt<\/b> zu deiner Sektion und lege ihn ab. Jetzt haben wir zwei Spalten:<\/span><\/li>\n<\/ol>\n

                  \"wordpress<\/p>\n

                  2. Verwende das Element <\/span>\u00dcberschrift<\/b> und verschiebe es auf die linke Spalte:<\/span><\/p>\n

                  \"wordpress<\/p>\n

                  3. Bearbeite den Titel:<\/span><\/p>\n

                  \"wordpres<\/p>\n

                  4. Wechsele zum <\/span>Stil <\/b>Tab:<\/span><\/p>\n

                    \n
                  • Bearbeite <\/span>Textfarbe<\/b>. Ich verwende <\/span>#191337<\/b><\/li>\n
                  • Typografie <\/b>- <\/span>Schriftfamilie <\/b>>> <\/span>Montserrat<\/b><\/li>\n
                  • Gr\u00f6\u00dfe <\/b>>> <\/span>45 px<\/b><\/li>\n
                  • Schriftschnitt <\/b>>> <\/span>900<\/b><\/li>\n
                  • Umwandlung <\/b>>> <\/span>Versalien<\/b><\/li>\n
                  • Zeilenh\u00f6he <\/b>>> <\/span>1.5<\/b><\/li>\n
                  • Ergebnis: <\/span><\/li>\n<\/ul>\n

                    \"wordpress<\/p>\n

                    Bearbeiten wir jetzt die rechte Spalte. Mit einem Klick mit der rechten Maustaste<\/strong> gelangst du an weitere Optionen:<\/p>\n

                    \"wordpress<\/p>\n

                    Ich kann dieses Element duplizieren, auf die rechte Spalte ziehen und den Stil bearbeiten:<\/span><\/p>\n

                      \n
                    • Gr\u00f6\u00dfe <\/b>>> <\/span>25 px<\/b><\/li>\n
                    • Schriftschnitt <\/b>>> <\/span>Normal<\/b><\/li>\n
                    • Umwandlung <\/b>>> <\/span>Vorgabe<\/b><\/li>\n
                    • Zeilenh\u00f6he <\/b>>> <\/span>1.5<\/b><\/li>\n
                    • Ergebnis:<\/span><\/li>\n<\/ul>\n

                      \"wordpress<\/p>\n

                      Beide Elemente sind vertikal ausgerichtet. Wie k\u00f6nnen wir das \u00e4ndern? <\/span><\/p>\n

                      \"wordpress<\/p>\n

                      \"wordpress<\/p>\n

                      Button hizuf\u00fcgen<\/h3>\n

                      F\u00fcgen wir eine Taste hinzu! Klicke dazu auf den <\/span>Button<\/b> und platziere ihn unter dem Text:<\/span><\/p>\n

                      \"wordpress<\/p>\n

                      Bearbeiten wir jetzt die Taste!<\/span><\/p>\n

                      1.Klick auf die Taste<\/span><\/p>\n

                      2.Bearbeite den Text. \u00d6ffne dazu <\/span>Inhalt<\/b> Tab:<\/span><\/p>\n

                        \n
                      • Text <\/b>>> <\/span>Klicke auf mich!<\/b><\/li>\n
                      • Ausrichtung <\/b>>> <\/span>Center<\/b><\/li>\n
                      • Gr\u00f6\u00dfe <\/b>>> <\/span>Klein<\/b><\/li>\n<\/ul>\n

                        3.Geh zum <\/span>Stil<\/b> Tab:<\/span><\/p>\n

                        A. Typografie<\/b>:<\/span><\/p>\n

                          \n
                        • Schriftfamilie <\/b>>> <\/span>Montserrat<\/b><\/li>\n
                        • Gr\u00f6\u00dfe <\/b>>> <\/span>20<\/b><\/li>\n
                        • Umwandlung <\/b>>> <\/span>Versalien<\/b><\/li>\n<\/ul>\n

                          B. Normal:<\/b><\/p>\n

                            \n
                          • Textfarbe <\/b>>> <\/span>#FFFFFF<\/b><\/li>\n
                          • Hintergrundfarbe <\/b>>> <\/span>#F96364<\/b><\/li>\n
                          • Rahmentyp<\/b> >> <\/span>Durchgezogen<\/b> <\/span><\/li>\n
                          • Breite <\/b>>> <\/span>1-1-1-1<\/b><\/li>\n
                          • Farbe <\/b>>> <\/span>#F96364<\/b><\/li>\n
                          • Eckenradius <\/b>>> <\/span>50-50-50-50<\/b><\/li>\n<\/ul>\n

                            C. Hover<\/b>:<\/span><\/p>\n

                              \n
                            • Textfarbe <\/b>>> <\/span>#F96364<\/b><\/li>\n
                            • Hintergrundfarbe <\/b>>> <\/span>#FFFFFF<\/b><\/li>\n
                            • Animation bei Mausber\u00fchrung<\/b> >> <\/span>Pop<\/b><\/li>\n
                            • Rahmentyp <\/b>>> <\/span>Durchgezogen<\/b><\/li>\n
                            • Farbe <\/b>>> #<\/span>F96364<\/b><\/li>\n<\/ul>\n

                              D. Klicke auf das <\/span>Erweitert<\/b> Tab:<\/span><\/p>\n

                                \n
                              • Margin <\/b>>> <\/span>50-0-0-0<\/b><\/li>\n<\/ul>\n

                                E. Ergebnis:<\/span><\/p>\n

                                \"wordpress<\/p>\n

                                Responsive gestalten<\/h3>\n

                                Da viele Benutzer deine Website \u00fcber Handys und Tablets aufrufen werden, muss man sie f\u00fcr Mobilger\u00e4te optimieren. Gl\u00fccklicherweise ist das kein Problem f\u00fcr unser WordPress Elementor Theme! Klicke auf den <\/span>Responsive Modus<\/b>:<\/span><\/p>\n

                                \"wordpress<\/p>\n

                                Fangen wir mit dem Tablet-Modus an:<\/span><\/p>\n

                                \"wordpress<\/p>\n

                                Wie du bemerken kannst, sieht die Seite auf einem Tablet nicht so gut aus. Deshalb reduzieren wir die Gr\u00f6\u00dfe des Texts:<\/span><\/p>\n

                                  \n
                                • die <\/span>linke<\/b> Spalte: <\/span>Ausrichtung <\/b>>> <\/span>Center<\/b>, <\/span>Gr\u00f6\u00dfe <\/b>>> <\/span>30 px<\/b> <\/span><\/li>\n
                                • die <\/span>rechte<\/b> Spalte: <\/span>Ausrichtung <\/b>>> <\/span>Center<\/b>, <\/span>Gr\u00f6\u00dfe <\/b>>><\/span> 20 px<\/b><\/li>\n<\/ul>\n

                                  \"wordpress<\/p>\n

                                  \"wordpress<\/p>\n

                                  Dies war ein grundlegender Satz von Anpassungsoptionen, die du kennen musst. <\/span><\/p>\n

                                  Mehr Skins und Plugins<\/h3>\n

                                  Bei Mostroid2 kannst du einen blauen Button - Magic Button<\/strong> - sehen. <\/span><\/p>\n

                                  \"wordpress<\/p>\n

                                  Der gibt dir den Zugriff auf die Galerie mit unz\u00e4hligen Sektionen, Seiten und Skins dieses Themes. Wirf mal einen Blick auf diese Sammlung!<\/span><\/p>\n

                                  \"wordpress<\/p>\n

                                  Du kannst auch alle Theme-Elemente einzigartig gestalten! Geh zum Dashboard und klicke auf Monstroid2:<\/span><\/p>\n

                                  \"monstroid2<\/p>\n

                                  Hier gibt es 60+ Skins f\u00fcr deine Website!<\/span><\/p>\n

                                  \"monstroid2<\/p>\n

                                  Vergiss nicht \u00fcber die Sammlung von JetPlugins:<\/span><\/p>\n

                                  \"wordpress<\/p>\n

                                  Das wars. Wir haben zusammen das WordPress Elementor Theme gekauft und deine erste Elementor-Seite erstellt. Ich bedanke mich f\u00fcr deine Aufmerksamkeit und hoffe, dass diese Anleitung hilfreich f\u00fcr dich war! Elementor ist wirklich ganz einfach!<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"

                                  Diese Frage stellt sich sicherlich jeder Anf\u00e4nger, der dabei ist, eine eigene Website mit WordPress umzusetzen und schlie\u00dflich eine passende Vorlage bei TemplateMonster gefunden hat. Obwohl der Kaufprozess eigentlich sehr einfach und verst\u00e4ndlich ist, wissen viele K\u00e4ufer nicht genau weiter. Jetzt m\u00f6chte ich dir Schritt-f\u00fcr-Schritt zeigen, was hier zu tun ist. In diesem Beitrag gehe […]<\/p>\n","protected":false},"author":2121843,"featured_media":24770,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[19,209,3],"tags":[427,307],"yoast_head":"\nIch habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter? \u2b50 TemplateMonster Deutscher Blog<\/title>\n<meta name=\"description\" content=\"In diesem Beitrag erkl\u00e4ren wir, wie du ein WordPress Elementor Theme installieren und Seiten mit Page-Builder anpassen kannst.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter? \u2b50 TemplateMonster Deutscher Blog\" \/>\n<meta property=\"og:description\" content=\"In diesem Beitrag erkl\u00e4ren wir, wie du ein WordPress Elementor Theme installieren und Seiten mit Page-Builder anpassen kannst.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Deutscher Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/templatemonster.de\/\" \/>\n<meta property=\"article:author\" content=\"https:\/\/www.facebook.com\/nikola.jaeger\" \/>\n<meta property=\"article:published_time\" content=\"2020-01-07T12:16:57+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-19T14:51:37+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/Featured-image-WP-Maintenance.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Nikolaj Jaeger\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:site\" content=\"@TM_Deutschland\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Nikolaj Jaeger\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"9 Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\"},\"author\":{\"name\":\"Nikolaj Jaeger\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e6b0668600201b7ed8f376aa9bed2064\"},\"headline\":\"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter?\",\"datePublished\":\"2020-01-07T12:16:57+00:00\",\"dateModified\":\"2020-05-19T14:51:37+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\"},\"wordCount\":1898,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"keywords\":[\"Elementor\",\"WordPress Themes\"],\"articleSection\":[\"Anleitungen\",\"Monstroid\",\"WordPress\"],\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\",\"name\":\"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter? \u2b50 TemplateMonster Deutscher Blog\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#website\"},\"datePublished\":\"2020-01-07T12:16:57+00:00\",\"dateModified\":\"2020-05-19T14:51:37+00:00\",\"description\":\"In diesem Beitrag erkl\u00e4ren wir, wie du ein WordPress Elementor Theme installieren und Seiten mit Page-Builder anpassen kannst.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#breadcrumb\"},\"inLanguage\":\"de-DE\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/de\/#website\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"name\":\"TemplateMonster Deutscher Blog\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/de\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"de-DE\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/de\/#organization\",\"name\":\"MonsterPost Deutschland\",\"url\":\"https:\/\/monsterspost.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost Deutschland\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg\",\"https:\/\/www.facebook.com\/templatemonster.de\/\",\"https:\/\/twitter.com\/TM_Deutschland\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e6b0668600201b7ed8f376aa9bed2064\",\"name\":\"Nikolaj Jaeger\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de-DE\",\"@id\":\"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/af49f7e1b8353f5e28f39318f4cff548?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/af49f7e1b8353f5e28f39318f4cff548?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Nikolaj Jaeger\"},\"description\":\"Nikolaj Jaeger ist im Marketer-Team beim TemplateMonster-Marktplatz t\u00e4tig. Er hat sich darauf spezialisiert, Gesch\u00e4ftsbeziehungen aufzubauen und neue Potenziale zu entdecken. Sein Schwerpunkt liegt auf B2B-Partnerschaften auf dem DACH-Markt. Nikolaj auf Facebook.\",\"sameAs\":[\"https:\/\/www.facebook.com\/nikola.jaeger\"],\"url\":\"https:\/\/monsterspost.com\/de\/author\/nikolajjaeger\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter? \u2b50 TemplateMonster Deutscher Blog","description":"In diesem Beitrag erkl\u00e4ren wir, wie du ein WordPress Elementor Theme installieren und Seiten mit Page-Builder anpassen kannst.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/","og_locale":"de_DE","og_type":"article","og_title":"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter? \u2b50 TemplateMonster Deutscher Blog","og_description":"In diesem Beitrag erkl\u00e4ren wir, wie du ein WordPress Elementor Theme installieren und Seiten mit Page-Builder anpassen kannst.","og_url":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/","og_site_name":"TemplateMonster Deutscher Blog","article_publisher":"https:\/\/www.facebook.com\/templatemonster.de\/","article_author":"https:\/\/www.facebook.com\/nikola.jaeger","article_published_time":"2020-01-07T12:16:57+00:00","article_modified_time":"2020-05-19T14:51:37+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/01\/Featured-image-WP-Maintenance.jpg","type":"image\/jpeg"}],"author":"Nikolaj Jaeger","twitter_card":"summary_large_image","twitter_creator":"@TM_Deutschland","twitter_site":"@TM_Deutschland","twitter_misc":{"Verfasst von":"Nikolaj Jaeger","Gesch\u00e4tzte Lesezeit":"9 Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/"},"author":{"name":"Nikolaj Jaeger","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e6b0668600201b7ed8f376aa9bed2064"},"headline":"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter?","datePublished":"2020-01-07T12:16:57+00:00","dateModified":"2020-05-19T14:51:37+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/"},"wordCount":1898,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"keywords":["Elementor","WordPress Themes"],"articleSection":["Anleitungen","Monstroid","WordPress"],"inLanguage":"de-DE","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/","url":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/","name":"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter? \u2b50 TemplateMonster Deutscher Blog","isPartOf":{"@id":"https:\/\/monsterspost.com\/de\/#website"},"datePublished":"2020-01-07T12:16:57+00:00","dateModified":"2020-05-19T14:51:37+00:00","description":"In diesem Beitrag erkl\u00e4ren wir, wie du ein WordPress Elementor Theme installieren und Seiten mit Page-Builder anpassen kannst.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#breadcrumb"},"inLanguage":"de-DE","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/de\/wordpress-elementor-theme-erste-schritte\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/de\/"},{"@type":"ListItem","position":2,"name":"Ich habe ein WordPress Elementor Theme ausgew\u00e4hlt. Wie geht es weiter?"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/de\/#website","url":"https:\/\/monsterspost.com\/de\/","name":"TemplateMonster Deutscher Blog","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/de\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"de-DE"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/de\/#organization","name":"MonsterPost Deutschland","url":"https:\/\/monsterspost.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/de\/wp-content\/uploads\/sites\/5\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost Deutschland"},"image":{"@id":"https:\/\/monsterspost.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/channel\/UC19iEGcEhlFidO5ruNGE5yg","https:\/\/www.facebook.com\/templatemonster.de\/","https:\/\/twitter.com\/TM_Deutschland"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/e6b0668600201b7ed8f376aa9bed2064","name":"Nikolaj Jaeger","image":{"@type":"ImageObject","inLanguage":"de-DE","@id":"https:\/\/monsterspost.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/af49f7e1b8353f5e28f39318f4cff548?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/af49f7e1b8353f5e28f39318f4cff548?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Nikolaj Jaeger"},"description":"Nikolaj Jaeger ist im Marketer-Team beim TemplateMonster-Marktplatz t\u00e4tig. Er hat sich darauf spezialisiert, Gesch\u00e4ftsbeziehungen aufzubauen und neue Potenziale zu entdecken. Sein Schwerpunkt liegt auf B2B-Partnerschaften auf dem DACH-Markt. Nikolaj auf Facebook.","sameAs":["https:\/\/www.facebook.com\/nikola.jaeger"],"url":"https:\/\/monsterspost.com\/de\/author\/nikolajjaeger\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/21820"}],"collection":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/users\/2121843"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/comments?post=21820"}],"version-history":[{"count":8,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/21820\/revisions"}],"predecessor-version":[{"id":26544,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/posts\/21820\/revisions\/26544"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media\/24770"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/media?parent=21820"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/categories?post=21820"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/de\/wp-json\/wp\/v2\/tags?post=21820"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}