Erstellen Sie eine vollständige Website mit Elementor-Kits und Theme Builder

Das Ziel: Cree un sitio Netz completo que utilice un kit de plantillas de agencia digital Elementor y el tema Hello

Die Website hat folgende Seitenstruktur:

• Zuhause
• Über uns
• Dienstleistungen
• Soziale Netzwerke
• Klientel
• Archiv mit einzelnen Beiträgen
• Kontaktiere uns
• Kopf-und Fußzeile
• 404 Seite

SCHRITT 1: Wählen Sie ein Thema

1. Gehen Aussehen> Themen
2. Klicken Neue hinzufügen
3. Suche Hallo Elementor
4. Klicken Auf dem PC installieren
5. Klicken Aktivieren

SCHRITT ZWEI: Seiten erstellen

1. Gehen Seiten> Alle Seiten
2. Desplácese sobre el título de la página de muestra y haga clic en el Verknüpfung Papelera para eliminar la página de muestra que viene con la instalación predeterminada de WordPress.
3. Klicken Neue hinzufügen
4. Geben Sie der neuen Seite einen Namen. in diesem Fall «Home»
5. Klicke auf das Mit Elementor bearbeiten Taste
6. Klicke auf das Seite einrichten Zahnrad in der unteren linken Ecke des Panel de Widgets
7. Ändere das Seitendesign auf "Elementor Full Width". Beachten Sie, dass der Header unvollständig ist. Daran werden Sie in einem späteren Schritt arbeiten.
8. Klicke auf das Symbol für Vorlagenordner hinzufügen zu öffnen Vorlagenbibliothek.
9. Suchen Sie im Suchfeld der Vorlagenbibliothek nach «Home Digital Agency”.
10. Klicken Einfügen um die Vorlage auf die Seite zu laden.
11. Klicke auf das Zu posten Taste.
12. Klicke auf "Guck mal”Um die veröffentlichte Seite anzuzeigen.

Wiederholen Sie diese Schritte für jede neue Seite und stellen Sie sicher, dass Sie die Seiten "Info", "Dienste", "Sozial", "Kunden" und "Kontakt" hinzufügen.

Trinkgeld: Cree nuevas páginas presionando CMD-E en una Mac o CTRL-E en Windows para abrir el Finder, luego escriba «Agregar» y seleccione «Nueva página» en los resultados de la búsqueda. De esta manera, puede continuar creando nuevas páginas directamente desde el Editor de Elementor, sin tener que regresar al Instrumententafel.

Hinweis: Observe que aún no ha creado la página de noticias. Esto se debe a que no es una página estática como las demás. Es una página de archivo con Inhalt dinámico y pronto creará esta página.

SCHRITT DREI: Teilen Sie WordPress mit, welche Seite als Startseite verwendet werden soll

1. Gehen Sie im WordPress-Dashboard zu Einstellungen> Lesen und ändern Sie die Option «Ihre Homepage wird angezeigt: "bis"Eine statische Seite”, Und wählen Sie dann die Startseite aus, die Sie in den vorherigen Schritten erstellt haben, aus der Dropdown-Liste Startseite.
2. Klicke auf das Änderungen speichern Taste.
3. Gehen Seiten> Alle Seiten und vergewissern Sie sich, dass auf der von Ihnen erstellten Homepage jetzt "Cover" angezeigt wird.

SCHRITT VIER: Fügen Sie eine Kopfzeile mit dem Elementor-Themengenerator ein

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Theme Builder" zu suchen und auszuwählen.
2. Klicke auf das Neue hinzufügen Taste
3. Wählen "Header”Aus dem Dropdown-Menü Vorlagentyp
4. Geben Sie Ihrer Vorlage einen Namen, z Site-Header
5. Wenn die Bibliothek die Header-Vorlagen öffnet, suchen Sie nach «Digitale Agentur«
6. Bewegen Sie den Mauszeiger über die Überschrift Digital Agency und klicken Sie auf Einfügen Verknüpfung.

Hinweis: Da dies eine neue Site ist, haben wir noch kein Menü erstellt. Aus diesem Grund wird in der soeben eingefügten Header-Vorlage ein leeres Menü-Widget angezeigt. Wir werden als nächstes unser WordPress-Menü erstellen.

SCHRITT FÜNF: Erstellen Sie das Menü

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Menüs" zu suchen und auszuwählen, um schnell zum WordPress-Menübereich zu navigieren.
2. Unten MenüstrukturGeben Sie einen Namen für Ihr Menü ein, z. B. "Hauptmenü".
3. Klicke auf das Menü erstellen Taste
4. Unten Menüelemente hinzufügen> SeitenSetzen Sie Häkchen neben jede der von Ihnen erstellten Seiten und klicken Sie auf Zum Menü hinzufügen Taste.
5. Ordnen Sie sie nach Belieben neu an, indem Sie sie nach oben oder unten ziehen.
6. Verschachteln Sie Elemente als untergeordnete Seiten unter übergeordneten Seiten, indem Sie das untergeordnete Element leicht nach rechts und direkt unter die übergeordnete Seite ziehen. Tun Sie dies für soziale Medien, indem Sie es direkt unter "Dienste" und leicht nach rechts ziehen.
7. Klicke auf das Menü speichern Taste.
8. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Theme Builder" zu suchen und auszuwählen, um Ihren Header mit Elementor zu bearbeiten
9. Klicken Zu posten Taste.
10. Klicke auf das Bedingung hinzufügen Taste
11. Wählen Include> Ganze Site als Bedingung und klicken Sie auf die Speichern Sie in der Nähe Taste.
12. Beachten Sie, dass das Menü jetzt in der Kopfzeile angezeigt wird.

SCHRITT 6: Fügen Sie eine Fußzeile mit dem Elementor-Themengenerator ein

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Theme Builder" zu suchen und auszuwählen.
2. Klicke auf das Neue hinzufügen Taste
3. Wählen "Fusszeile”Aus dem Dropdown-Menü Vorlagentyp
4. Geben Sie Ihrer Vorlage einen Namen, z Fußzeile der Site
5. Wenn die Bibliothek die Fußzeilenvorlagen öffnet, suchen Sie nach «Digitale Agentur«
6. Bewegen Sie den Mauszeiger über die Fußzeile der Digitalagentur und klicken Sie auf Einfügen Verknüpfung.
7. Beachten Sie, dass hier zwar nur die Kopfzeile im Editor angezeigt wird, hier jedoch nur die Fußzeile bearbeitet werden kann.
8. Klicke auf das Zu posten Taste.
9. Klicke auf das Bedingung hinzufügen Taste
10. Wählen Include> Ganze Site als Bedingung und klicken Sie auf die Speichern Sie in der Nähe Taste

SCHRITT SIEBEN: Erstellen Sie die Seitenvorlage für das Nachrichtenarchiv

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Theme Builder" zu suchen und auszuwählen.
2. Klicke auf das Neue hinzufügen Taste
3. Wählen "Archiv”Aus dem Dropdown-Menü Vorlagentyp
4. Geben Sie Ihrer Vorlage einen Namen, z Nachrichtenarchiv
5. Wenn die Bibliothek die Dateivorlagen öffnet, suchen Sie nach «Digitale Agentur«
6. Bewegen Sie den Mauszeiger über die Dateivorlage der digitalen Agentur und klicken Sie auf Einfügen Verknüpfung.
7. Klicke auf das Zu posten Taste
8. Klicke auf das Bedingung hinzufügen Taste
9. Wählen Einschließen> Alle Dateien als Bedingung und klicken Sie auf die Speichern Sie in der Nähe Taste

Hinweis: Da dies eine neue Seite ist, haben wir nur den Standardbeitrag "Hallo Welt". Sie müssen neue Beiträge in einer Kategorie namens «erstellenNachrichten”(Para este ejemplo, use sus propias categorías según Sein necesario) y configúrelas para usar esta plantilla. Haremos eso a continuación.

SCHRITT ACHT: Erstellen Sie neue Beiträge in einer Nachrichtenkategorie

1. Gehen Veröffentlichungen> Alle Veröffentlichungen
2. Bewegen Sie den Mauszeiger über den Titel "Hallo Welt" und klicken Sie auf Müll Link zum Entfernen des Hello World-Beitrags, der mit der Standardinstallation von WordPress geliefert wird
3. Klicken Neue hinzufügen
4. Geben Sie ihm einen Namen und erstellen Sie Ihren Beitrag wie gewohnt.
5. Fügen Sie ein ausgewähltes Bild und einen Auszug hinzu, wenn Sie möchten.
6. Klicken Sie unter Kategorie auf Neue Kategorie hinzufügenund gib ihm einen Namen, wie Nachrichten
7. Klicke auf das Zu posten Taste
8. Wiederholen Sie die Schritte 3 bis 7 Für jeden Beitrag müssen Sie der Kategorie "Nachrichten" hinzufügen.
9. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und nach "Nachrichten" (oder wie auch immer Sie Ihre Kategorie nennen) zu suchen. Klicken die Kategorie Dies wird in den Suchergebnissen angezeigt, um die Kategorieseite anzuzeigen. Stellen Sie sicher, dass Ihre neuen Beiträge auf der Seite "Nachrichtenarchiv" korrekt angezeigt werden.
10. Klicken Sie auf den Titel eines Beitrags auf der Seite "Nachrichtenarchiv".
11. Bitte beachten Sie, dass der Stil nicht ideal ist. Dies liegt daran, dass Sie eine erstellen müssen Einzigartige Post-Vorlage, was Sie als nächstes tun werden.

SCHRITT 9: Erstellen Sie eine eindeutige Beitragsvorlage

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Theme Builder" zu suchen und auszuwählen.
2. Klicken Sie auf das A.dd neu Taste
3. Wählen "Single”Aus dem Dropdown-Menü Vorlagentyp
4. Wählen "Senden”Aus dem Dropdown-Menü Beitragstyp
5. Geben Sie Ihrer Vorlage einen Namen, z Einzelne Beiträge
6. Wenn die Bibliothek die einzelnen Beitragsvorlagen öffnet, suchen Sie nach «Digitale AgenturY "
7. Bewegen Sie den Mauszeiger über die eindeutige Post-Vorlage der Digital Agency und klicken Sie auf Einfügen Verknüpfung.
8. Klicke auf das Zu posten Taste
9. Klicke auf das Bedingung hinzufügen Taste
10. Wählen Einschließen> in Kategorie> Nachrichten (oder was auch immer Ihr Kategoriename ist) als Bedingung und klicken Sie auf Speichern Sie in der Nähe Taste
11. Klicken Guck mal um den Beitrag mit dem Layout der einzelnen Beitragsvorlage anzuzeigen.

SCHRITT 10: Fügen Sie die Nachrichtenarchivseite zum Menü hinzu

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen, und suchen Sie nach "Menüs", um zur Bearbeitung zu Ihrem Menü zurückzukehren.
2. Unten "Menüelemente hinzufügen> Kategorien”, Setzen Sie ein Häkchen neben die Kategorie Nachrichten (oder die von Ihnen erstellte Kategorie) und klicken Sie auf Zum Menü hinzufügen
3. Ziehen Sie den neuen Menüpunkt an die gewünschte Stelle.
4. Klicken Menü speichern

SCHRITT 11: Erstellen Sie eine 404-Seite

1. Drücken Sie CMD-E (Mac) oder STRG-E (Windows), um den Finder zu öffnen und "Theme Builder" zu suchen und auszuwählen.
2. Klicke auf das Neue hinzufügen Taste
3. Wählen "Single”Aus dem Dropdown-Menü Vorlagentyp
4. Wählen "404 Seite”Aus dem Dropdown-Menü Beitragstyp
5. Geben Sie Ihrer Vorlage einen Namen, z 404
6. Wenn die Bibliothek die 404-Vorlagen öffnet, suchen Sie nach «Digitale Agentur«
7. Bewegen Sie den Mauszeiger über die Vorlage 404 Digital Agency und klicken Sie auf Einfügen Verknüpfung
8. Klicke auf das Zu posten Taste
9. Klicke auf das Bedingung hinzufügen Taste
10. Wählen Include> 404 Seite als Bedingung und klicken Sie auf die Speichern Sie in der Nähe Taste
11. Escriba la Url de una página que no existe en su sitio en su Browser para ver la nueva página 404 en acción.

SCHRITT 12: Bearbeiten Sie den Inhalt entsprechend Ihren Anforderungen

Das ist es! Sie haben eine brandneue Website mit dem Elementor Digital Agency Theme Kit erstellt. Nachdem Sie eine vollständige Website-Struktur haben, können Sie den Inhalt der Seiten so bearbeiten, dass alle Ihre eigenen Informationen enthalten sind.