Menü „Business Solutions“ vs. Menü „Unternehmensseite „**
Seiten
Seiten erstellen und bearbeiten
Um eine neue Seite zu erstellen, gehen Sie zu: Seiten > Neu hinzufügen Um eine bestehende Seite zu bearbeiten, gehen Sie zu: Seiten > finden Sie die Seite, die Sie bearbeiten möchten > Bearbeiten
Geben Sie einen Titel in das Feld „Titel hinzufügen“ ein.
Dies wird die H1 für Ihre Seite sein.
Wenn Sie auf das Zahnradsymbol in der oberen rechten Ecke klicken, werden die Dokumenteinstellungen geöffnet. Von hier aus können Sie die URL und die Seitenattribute aktualisieren.
Permalink – Hier können Sie die URL für die Seite aktualisieren. Hinweis: Beim Speichern des Entwurfs oder beim Veröffentlichen der Seite wird automatisch eine URL generiert, die auf den im Titelfeld eingegebenen Daten basiert. Wenn Sie diese URL ändern oder anpassen möchten, können Sie dies unter dem Abschnitt „Permalink“ tun.
Seitenattribute – Hier können Sie eine übergeordnete Seite zuweisen.
Wenn Sie eine Seite einer übergeordneten Seite zuordnen, wird die URL-Struktur der Seite geändert.
Wenn die „neue Seite“ der „alten Seite“ zugewiesen wird, ändert sich ihre URL in „alte-seite/neue-seite“.
Sie können die Reihenfolge der Seiten in der visuellen Navigation unter Erscheinungsbild > Menüs festlegen. (Wegbeschreibung unten)
Optionen für den Seitenkopf – Scrollen Sie zum unteren Ende der Seite zum Abschnitt „Banner“, wo Sie Optionen für die folgenden Felder sehen sollten:
H1-Überschreibung (die die H1-Einstellung im Seitentitel außer Kraft setzt)
Kopie des Einleitungsabsatzes
Heldenbild
CTA-Link
Fußzeilen-CTA-Optionen – Scrollen Sie zum Ende der Seite zum Abschnitt „CTA auf Seitenebene“.
Hier sollten Sie die folgenden Optionen sehen:
Globales CTA anzeigen (zeigt das globale CTA an, das unter Optionen > Globales CTA bearbeitet wird)
Ausblenden (für Seiten, die überhaupt keine CTA in der Fußzeile anzeigen sollen)
Überschreiben (Damit können Sie eine eindeutige Fußzeilen-CTA für diese bestimmte Seite festlegen)
Yoast SEO – Scrollen Sie zum Ende der Seite zum Abschnitt „Yoast SEO“. Hier sollten Sie Optionen zur Bearbeitung des SEO-Titels und der Meta-Beschreibung sehen.
Fügen Sie einen spezifischen SEO-Titel und eine Meta-Beschreibung für die Seite hinzu.
Verwenden Sie die Registerkarte „Social Sharing“ in Yoast, um bestimmte Inhalte für Facebook und Twitter festzulegen.
Sie können auch Seiten aus der Sitemap und der Google-Suche ausblenden:
Gehen Sie in Yoast auf die Registerkarte „Erweiterte Einstellungen“.
Wählen Sie die Einstellungen Nein (Index) und Nein (Folgen), um Seiten aus der Sitemap und der Google-Suche auszublenden
Seitenblöcke
Sobald Ihre Seite eingerichtet ist, können Sie damit beginnen, Ihre Seite mit Seitenblöcken zu gestalten.
Klicken Sie auf das schwarze + Symbol unter dem Titel der Seite.
Hier sollten Sie einige Optionen zur Auswahl von Seitenblöcken sehen, die Sie der Seite hinzufügen möchten. Sie können aus diesen 6 zuletzt verwendeten Seitenblöcken wählen oder „Alle durchsuchen“ wählen, um alle Ihre Seitenblockoptionen zu sehen.
Fügen Sie den gewünschten Seitenblockstil hinzu.
Jeder Seitenblock verfügt über verschiedene Optionen, die sich nach dem jeweiligen Stil richten.
Auf der Registerkarte Einstellungen:
Bearbeiten Sie die Einstellungen für diesen bestimmten Seitenblock
Die Einstellungen hängen von der Art des Seitenblocks ab, den Sie gewählt haben. Zu den Einstellungen gehören in der Regel die Hintergrundfarbe, die Spaltenoptionen und die Gestaltungsoptionen für das Layout.
Auf der Registerkarte Inhalt:
Fügen Sie den Inhalt entsprechend ein.
Wie die Registerkarte „Einstellungen“ hängt auch das Layout der Registerkarte „Inhalt“ von dem von Ihnen gewählten Seitenblockstil ab.
Sie können die Reihenfolge der Seitenblöcke mit den Symbolen ∧ und ∨ ändern.
Wiederverwendbare Seitenblöcke
Für bestimmte Seitenblöcke, wie z. B. einen CTA in der Fußzeile, können Sie einen wiederverwendbaren Block erstellen. Ein wiederverwendbarer Block ist ein individueller Block, den Sie auf mehreren Seiten mit demselben Inhalt hinzufügen können. Wenn Sie einen wiederverwendbaren Block an einer Stelle aktualisieren, wird er überall aktualisiert.
Um einen wiederverwendbaren Block zu erstellen:
Weiter zu: Gutenblocks > Wiederverwendbare Blöcke > Neu hinzufügen
Sie werden zu einem Gutenberg-Editor weitergeleitet, in dem Sie einen wiederverwendbaren Block wie jeden anderen Block hinzufügen und aufbauen können
Sobald Sie den Inhalt nach Ihren Vorstellungen gestaltet haben, geben Sie dem Block einen Namen
Veröffentlichen Sie den Block
So fügen Sie einen wiederverwendbaren Block zu einer Seite hinzu:
Navigieren Sie zu der Seite, auf der sich der wiederverwendbare Block befinden soll
Klicken Sie auf das orangefarbene +-Symbol in der oberen linken Ecke, so wie Sie einen normalen Block eingeben würden
Wechseln Sie auf die Registerkarte „Wiederverwendbar“.
Wählen Sie den Block aus, den Sie hinzufügen möchten.
Sie werden feststellen, dass der wiederverwendbare Block mit einem leuchtend gelben Rahmen und einer Warnmeldung versehen ist. Dies soll Sie nur daran erinnern, dass es sich um einen wiederverwendbaren Block handelt, der an anderer Stelle auf der Website vorhanden sein könnte.
Inhaltseditor (WYSIWYG)
Eingabe von Inhalten in den Inhaltseditor:
Sie können Inhalte direkt in den WYSIWYG-Editor eingeben oder aus einem Textverarbeitungsprogramm kopieren und einfügen.
Wenn Sie Inhalte kopieren und einfügen, verwenden Sie nach dem Einfügen immer die Schaltfläche „Formatierung löschen“. Sie können auch „als reinen Text einfügen“.
Verwenden Sie die Schaltfläche „Sonderzeichen“ (Ω), um alle Sonderzeichen aus dem eingefügten Inhalt zu ersetzen. Wenn nicht, kann die Kodierung anders sein.
Inhalt Stile
Weitere Informationen zu den verschiedenen Inhaltsstilen, die für Ihre Website möglich sind, finden Sie auf der Seite Inhaltsstile.
Kopfzeilenstile
Im Dropdown-Menü „Absatz“ sind verschiedene Kopfzeilenstile vorinstalliert und mit einem Namen versehen (Kopfzeile 1, Kopfzeile 2 usw.)
Sie müssen nie h1 auswählen, da der Seitenname oder die Überschreibung des Titels automatisch das h1 für diese Seite erstellt.
Markieren Sie den Text und wählen Sie dann die gewünschte Überschrift aus.
Formatvorlagen
Im Dropdown-Menü „Formate“ sind verschiedene Formatvorlagen vorinstalliert.
Fügen Sie einen Einleitungstext hinzu, indem Sie den Text markieren und „Einleitungstext“ aus der Dropdown-Liste auswählen.
Verwandeln Sie Links in Schaltflächen, indem Sie den Linktext markieren und „Schaltfläche“ oder „Sekundärschaltfläche“ aus der Dropdown-Liste auswählen.
Tische
Tabellen werden an vielen Stellen der Website verwendet. Je nach Standort haben Sie drei Möglichkeiten, wie Sie Tabellen erstellen können:
WYSIWYG-Tabellen
TabellePresse-Tabellen
Gutenburg Tisch Block Tische
Hinweis: Alle Tabellen sollten das gleiche Styling erhalten. Sie können die Shortcodes und verwenden, um die Häkchen- und X-Symbole für Vergleichstabellen zu erhalten.
WYSIWYG-Tabellen haben wir auf den Produktdetailseiten verwendet. Diese können in jedem WYSIWYG auf der Website erstellt werden. Beispiel auf dieser Seite.
Wählen Sie im WYSIWYG das Tabellensymbol im Editor.
Wählen Sie die gewünschte Anzahl von Spalten und Zeilen aus.
Geben Sie Ihren Inhalt in jedes Feld/Zelle der Tabelle ein
Den Inhalt entsprechend gestalten
Um einen roten Hintergrund für eine Zeile zu erhalten, müssen Sie diese als Kopfzeile zuweisen. Um das zu tun:
Setzen Sie den Cursor in eine der Zellen in der Kopfzeile
Gehen Sie dann auf Tabelle > Zeile > Tabellenzeileneigenschaften im WYSIWYG-Menü am oberen Rand
Dann sollten Sie eine Option sehen, um den Zeilentyp als „Kopfzeile“ zuzuweisen.
Wenn Sie eine andere Hintergrundfarbe zuweisen möchten (z. B. einen grauen Hintergrund für Zwischenüberschriften in Tabellen):
Markieren Sie die Zellen der Zeile, die Sie aktualisieren möchten.
Dann zu Tabelle > Zeile > Tabellenzeileneigenschaften > Erweitert
Aktualisieren Sie die Hintergrundfarbe mit dem Farbauswahlwerkzeug
TabellePresse-Tabellen
TablePress-Tabellen können anstelle von WYSIWYG-Tabellen verwendet werden. Dies wäre ein gutes Werkzeug für besonders komplexe Tabellen.
Um eine neue TablePress-Tabelle zu erstellen, gehen Sie zu TablePress > Add New Table
Erstellen Sie die Tabelle wie gewohnt (die Tabelle wird das Design der Website übernehmen)
Sobald die Tabelle erstellt ist, nehmen Sie den Shortcode aus dem Feld „Shortcode“ oben und platzieren Sie ihn im WYSIWYG an der Stelle, an der Sie die Tabelle haben möchten.
Gutenburg Tisch Block Tische
Gutenburg-Tabellen haben wir auf den Produktvergleichsseiten, wie dieser hier, verwendet. Beachten Sie, dass diese als Block und nicht als WYSIWYG eingerichtet sind, so dass sie nicht in den Registerkartenabschnitten von Produktseiten verwendet werden können. Ein Beispiel dafür finden Sie auf dieser Seite.
Um eine dieser Tabellen zu einer Seite hinzuzufügen, klicken Sie auf das orangefarbene +-Symbol in der oberen linken Ecke, um einen neuen Block hinzuzufügen, und wählen Sie den Blocktyp „Tabelle“.
Wählen Sie die Anzahl der Spalten und Zeilen
Sie können diese Tabellen zusätzlich gestalten, indem Sie auf die drei Punkte in den Steuerelementen des Blocks klicken und auf „Weitere Einstellungen anzeigen“ gehen. Hier können Sie Tabellenstile zuweisen und eine (rote) Kopfzeile festlegen.
Bei Vergleichsblöcken können Sie auch Produkt-ID-Shortcodes in Tabellenzellen einfügen, um Informationen über die Produkte zu übermitteln, einschließlich Bild, Name, Anforderungsinformationen und technische Datenblätter.
Um die ID eines Produkts zu finden, navigieren Sie zum hinteren Ende des Produkts, auf das Sie verlinken möchten.
Dann sollten Sie in der URL Ihres Browsers einen Teil der URL sehen, auf dem „post=“ steht. Die folgende Zahl ist die ID-Nummer des Produkts.
Benutzerdefinierte Beitragstypen
Produkte
Um ein neues Produkt zu erstellen, gehen Sie zu: Produkte > Neu hinzufügen Um ein bestehendes Produkt zu bearbeiten, gehen Sie zu: Produkt > finden Sie das Produkt, das Sie bearbeiten möchten > Bearbeiten
Produkte erstellen und bearbeiten
Geben Sie den Titel des Beitrags in das Feld „Titel hinzufügen“ ein.
Geben Sie alle Inhalte in den Inhaltseditor ein (WYSIWYG).
Yoast SEO – Legen Sie den SEO-Titel und die Meta-Beschreibung im Abschnitt „Yoast SEO“ fest.
Kategorien – Weisen Sie die Kategorie für dieses Produkt in der rechten Seitenleiste zu. (Weitere Informationen zu den Produktkategorien siehe unten)
Hinweis: Die Zuweisung der Kategorie zu einem Produkt bedeutet auch, dass der „Produkt-CTA“ dieser Kategorie auf der Produktseite unter den Hero-Bildern/Galerie erscheint. Bei diesem Produkt zum Beispiel wird durch die Zuordnung zur Kategorie Benchtop das „Sie wissen nicht, wo Sie anfangen sollen?“ Abschnitt unter dem Bild. Weitere Informationen über die Bearbeitung dieses Inhalts finden Sie im Abschnitt über die Bearbeitung von Produktkategorien weiter unten.
Legen Sie das vorgestellte Bild fest, das im Hero und in allen Ressource-Feed-Blöcken als Thumbnail für dieses Produkt erscheinen soll.
Speichern und aktualisieren Sie das Produkt.
Sobald die grundlegenden Produktinformationen eingestellt sind, blättern Sie zum Abschnitt „Zusätzlicher Inhalt der Produktseite“ am unteren Rand. Hier sollten Sie drei Registerkarten sehen:
Registerkarte „Inhalt“ – Auf dieser Registerkarte finden Sie die Optionen zur Bearbeitung der folgenden Felder
Spezifisches Blatt
Kurzer Auszug
Top Inhalt
Hauptinhalt (body copy)
Registerkarte „Bildkarussell“ – Auf dieser Registerkarte finden Sie die Optionen zum Bearbeiten und Hinzufügen von Bildkarussell und Bildunterschriften im Heldenbereich. Beachten Sie, dass das erste Bild im Karussell immer das Bild ist, das Sie in der Seitenleiste eingestellt haben. Sie müssen das Bild nicht in die Karussellfelder eingeben.
Registerkarte – Auf dieser Registerkarte finden Sie die Optionen zur Bearbeitung der folgenden Felder
„Registerkarte hinzufügen“, um dem Produkt eine zusätzliche Registerkarte hinzuzufügen
Registerkarte Etikett
Registerkarte Inhalt (In diesem WYSIWYG werden die meisten Tabellen für die Produkte erstellt)
Offsite Link Produkte
Einige Produkte werden außerhalb der Website angesiedelt sein und benötigen daher einen externen Link anstelle einer Landing Page.
Legen Sie dazu wie gewohnt ein Produkt mit Namen, Bild und Auszügen an.
Dann sollten Sie in der rechten Seitenleiste einen Abschnitt mit dem Titel „Page Links To“ sehen. Wählen Sie in diesem Abschnitt die Option „Eine benutzerdefinierte URL“, damit das Produkt auf einen anderen Link statt auf eine Detailseite verweist.
Produktkategorien erstellen und bearbeiten
Um eine neue Produktkategorie zu erstellen, gehen Sie zu: Produkte > Produktkategorien. Um ein bestehendes Produkt zu bearbeiten, gehen Sie zu: Produkt > Produktkategorien > finden Sie die Kategorie, die Sie bearbeiten möchten > Bearbeiten.
Legen Sie den Namen und den Slug für die Kategorie fest
Um den „Produkt-CTA“ eines Produkts zu bearbeiten, der auf den Produktdetailseiten erscheint, gehen Sie zu dieser speziellen Produktkategorie und bearbeiten den Text im Feld „Produkt-CTA“ im Backend.
Blogbeiträge (Farbwissenschaftliche Grundlagen)
Um einen neuen Beitrag zu erstellen, gehen Sie zu: Beiträge > Neu hinzufügen Um einen bestehenden Beitrag zu bearbeiten, gehen Sie zu: Beiträge > finden Sie den Beitrag, den Sie bearbeiten möchten > Bearbeiten
Erstellen und Bearbeiten von Blogbeiträgen
Geben Sie den Titel des Beitrags in das Feld „Titel hinzufügen“ ein.
Geben Sie alle Inhalte in den Inhaltseditor ein (WYSIWYG).
Yoast SEO – Legen Sie den SEO-Titel und die Meta-Beschreibung im Abschnitt „Yoast SEO“ fest.
Kategorien und Tags – Fügen Sie nach Bedarf Kategorien und Tags in der rechten Seitenleiste hinzu.
Hinweise zum Erstellen und Bearbeiten von Blog-Kategorien und -Tags finden Sie weiter unten.
Legen Sie das vorgestellte Bild fest, das auf der Seite mit allen Ressourcenbeiträgen als Miniaturbild für diesen Beitrag angezeigt wird.
Speichern und aktualisieren Sie den Beitrag.
Blog-Kategorien Um eine Blog-Kategorie zu erstellen und/oder zu bearbeiten, gehen Sie zu: Beiträge > Kategorien.
Wenn Sie versuchen, eine bereits vorhandene Kategorie zu bearbeiten, können Sie dies ebenfalls an dieser Stelle tun.
Bearbeiten Sie die Kategorie nach eigenem Ermessen. Damit eine Kategorie auf der Blog-Landingpage erscheint, müssen Sie diese Kategorie zunächst einem veröffentlichten Blogbeitrag zuordnen.
Blog-Tags Um ein Blog-Tag zu erstellen und/oder zu bearbeiten, gehen Sie zu: Beiträge > Tags.
Wenn Sie versuchen, ein bereits vorhandenes Tag zu bearbeiten, können Sie dies ebenfalls an dieser Stelle tun.
Bearbeiten Sie die Markierung nach eigenem Ermessen und fügen Sie sie hinzu.
Kundengeschichten
Kurse
Veranstaltungen
FAQs
Mitteilungen an die Presse
Team-Biografien
Standorte
Mediathek
Hinweis: Die Bilder sollten vor dem Hinzufügen zur Mediathek beschnitten und komprimiert werden. Es wird empfohlen, dass die Bilder nicht größer als 250kb sind (obwohl dies manchmal unvermeidlich ist). Sie sollten das Bild vor dem Komprimieren auf die richtige Größe zuschneiden. Diese Website, tinypng.com, kann bei der Komprimierung der Dateigrößen für große Bilder hilfreich sein. Um die Mediathek zu sehen, gehen Sie zu: Medien > Bibliothek
Um neue Bilder und Dateien hinzuzufügen, klicken Sie oben auf der Seite auf die Schaltfläche „Neu hinzufügen“. Klicken Sie dann auf „Dateien auswählen“ oder ziehen Sie eine Datei einfach per Drag & Drop in das Fenster.
Sie können Dateien direkt zu einem bestimmten Ordner hinzufügen oder sie später per Drag-and-Drop in den richtigen Ordner ziehen.
Sie können auf jedes Medienelement klicken, um die folgenden Felder zu bearbeiten:
Alternativer Text
Titel
Bildunterschrift
Beschreibung
Datei URL
Wenn Sie eine PDF-Datei bearbeiten, ist das Feld „Datei-URL“ der Link, den Sie für die direkte Verknüpfung mit der PDF-Datei verwenden werden.
Hinweis: Die Mediathek kann nach Typ oder Datum gefiltert werden und ist nach Titel durchsuchbar.
Formulare
Um Formulare zu erstellen und zu bearbeiten, gehen Sie zu: Ninja Forms > Dashboard
Hier sollten Sie alle Formulare auf Ihrer Website sehen.
Klicken Sie auf das Zahnradsymbol neben Ihrem Formular, um Ihr Formular zu bearbeiten, zu duplizieren, in der Vorschau anzuzeigen oder zu löschen. Sie können die Beiträge auch an dieser Stelle einsehen.
Klicken Sie entweder auf „Neu hinzufügen“ oder bearbeiten Sie ein bestehendes Formular.
Gehen Sie zu „Formularfelder“.
Fügen Sie die gewünschten Formularfelder mit dem blauen +-Symbol in der unteren rechten Ecke hinzu.
Sobald die gewünschten Formularfelder hinzugefügt sind. Klicken Sie auf „Veröffentlichen“. Hinweis: Auf dieser Schaltfläche steht immer „Veröffentlichen“, auch wenn das Formular bereits veröffentlicht wurde.
Gehen Sie zur Registerkarte „E-Mail & Aktionen“.
Bearbeiten Sie die Einstellungen für Weiterleitung, E-Mail-Administrator und E-Mail-Benutzer für jedes Formular
Redirect – Leitet zur Dankeseite weiter
E-Mail-Administration – Sie können die Art und Weise, wie jede Einsendung in Ihrem Posteingang landet, individuell anpassen: von Name, Adresse, E-Mail (sehr wichtig), Betreff und Felder.
In den erweiterten Einstellungen unterhalb des html-Fensters können zusätzliche E-Mail-Parameter hinzugefügt werden. Wenn eine automatische Antwort-E-Mail, CC oder zusätzliche E-Mail-Adressen zum Formular hinzugefügt werden müssen. Dies kann hier geschehen, anstatt neue E-Mail-Adressen zu erstellen.
Sobald das Formular vollständig ist, kopieren Sie den Kurzcode und fügen ihn in einen Inhaltseditor ein.
Menüs
Um Menüs zu bearbeiten, gehen Sie zu Erscheinungsbild > MenüsHinweis: Das Menü für soziale Medien in der Fußzeile befindet sich an einer anderen Stelle. Siehe unten.
Bearbeiten von Menüs
Gehen Sie zum Dropdown-Menü „Wählen Sie ein zu bearbeitendes Menü aus:“ und wählen Sie das Menü, das Sie bearbeiten möchten.
Verwenden Sie Menüs, um die Anzeige der verschiedenen Menüs zu organisieren.
Hinzufügen von Menüpunkten –
Suchen Sie im Auswahlbereich „Menüpunkte hinzufügen“ auf der linken Seite die Seite (oder einen anderen Typ von Menüpunkt), die Sie Ihrem Menü hinzufügen möchten.
Wählen Sie „Zum Menü hinzufügen“, und die Seite erscheint am unteren Ende des Menüs.
Ziehen Sie die hinzugefügte Seite per Drag & Drop an die Stelle des Menüs, an der sie erscheinen soll.
Um etwas als untergeordneten Menüpunkt festzulegen, ziehen Sie die Seite so, dass sie eingerückt unterhalb der Hauptseite erscheint.
Klicken Sie auf den Pfeil auf der rechten Seite des Menüpunkts, um weitere Optionen zu erhalten. In diesem Bereich können Sie die folgenden Elemente bearbeiten:
Navigationsbeschriftung (der Text, der im Menü selbst erscheint)
Titel-Attribut
Ein Kontrollkästchen zum Öffnen von Links in einer neuen Registerkarte
(optional) CSS-Klassen
Sobald Sie die. Wenn Sie das Menü nach Ihren Wünschen gestaltet haben, klicken Sie auf die Schaltfläche „Menü speichern“ in der oberen linken Ecke.
Menü Soziale Medien
Um das Menü der sozialen Medien zu bearbeiten, gehen Sie zu: Optionen > Fußzeile > Soziale Medien
Geben Sie die Links in die entsprechenden, nach Anwendungen geordneten Felder ein.
Aktualisieren Sie die Seite, um die Änderungen zu speichern.
