UTech Webseiten
Login
Das Login zur Bearbeitung der Webseite kann unter [Domain]/wp-admin aufgerufen werden.
(Beispiel Domain utechag.ch -> utechag.ch/wp-admin)
Nach einer erfolgreichen Authentifizierung, erscheint das Dashboard.
Dashboard/Übersicht
Hier werden die Wichtigsten Information bezüglich der Webseite angezeigt. Auf der Linken Seite wird das Menü ersichtlich, von hier aus navigiert man zur gewünschten Stelle, welche man bearbeiten möchte.
Menü
Einzelne Menüpunkte werden im Kapitel Navigation beschrieben.
Navigation
Beiträge
Erfassen und bearbeiten von Medienberichten auf Weiterbildungsseiten.
Medien
Hochgeladenen Medien-Dateien verwalten.
Seiten
Seiten bearbeiten und erstellen.
Partner
Partner mit Logo erfassen und bearbeiten
Team
Erfassen und bearbeiten einzelner Team Mitglieder
Event
Erfassen und bearbeiten einzelner Events. Zum Beispiel WASTEvision
Jobs
Erfassen und bearbeiten Stellenangebote. Wird für die UTech Webseite verwendet
Lehrgänge
Erfassen und bearbeiten einzelner Lehrgänge. Wird für die verschiedenen Weiterbildungs-Webseiten verwendet.
Testimonial
Erfassen und bearbeiten der Kundenstimmen.
Die einzelnen Menüpunkte werden im Kapitel Post types erklärt.
Post types
Beiträge (Medienberichte)
Übersicht
Die Liste der bereits existierenden Medienberichten. Sobald man mit der Maus auf einen Eintrag geht, können diese bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen".
Einzelner Beitrag
Medienberichte brauchen einen Titel und einen Einleitungs-Text, welcher dann im Frontend in der Card dargestellt wird. Es gibt auf der Webseite keine Detailansicht des Medienberichtes. Rechts unten kann die Card mit einem PDF oder mit einem externen Link Verlinkt werden.
Medien
Übersicht
Hier werden alle hochgeladenen Medien Dateien angezeigt. Diese können bearbeitet oder gelöscht werden.
Seiten
Übersicht
Die Liste der bereits existierenden Seiten. Sobald man mit der Maus auf einen Eintrag geht, kann die Seite bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen", hier kann eine neue Seite erfasst werden.
Einzelner Beitrag
Partner
Übersicht
Die Liste der bereits existierenden Partner. Sobald man mit der Maus auf einen Eintrag geht, kann die Seite bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen", hier kann ein neuer Partner erfasst werden.
Einzelner Partner
Team
Übersicht
Die Liste der bereits existierenden Team Mitglieder. Sobald man mit der Maus auf einen Eintrag geht, können diese bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen". hier kann ein neues Team Mitglied erfasst werden.
Einzelner Beitrag
Event
Übersicht
Die Liste der bereits existierenden Events. Sobald man mit der Maus auf einen Eintrag geht, können diese bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen". hier kann ein neuer Event erfasst werden.
Einzelner Beitrag
Jobs
Übersicht
Die Liste der bereits existierenden Stellenangebote. Sobald man mit der Maus auf einen Eintrag geht, können diese bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen". hier kann ein neues Stellenangebot erfasst werden.
Einzelner Beitrag
Lehrgänge
Übersicht
Die Liste der bereits existierenden Lehrgänge. Sobald man mit der Maus auf einen Eintrag geht, können diese bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen". hier kann ein neuer Lehrgang erfasst werden.
Einzelner Beitrag
Testimonial
Übersicht
Die Liste der bereits existierenden Kundenstimmen. Sobald man mit der Maus auf einen Eintrag geht, können diese bearbeitet oder auch gelöscht werden.
Oberhalb der Liste ist der selbsterklärende Button "Neuen Beitrag erstellen", hier kann eine neuen Kundenstimme erfasst werden.
Einzelner Beitrag
Inhaltsblöcke
Die Inhaltsblöcke sind in 3 Kategorien unterteilt: - Go-Solution Blocks -> speziell für dieses Template Entwickelt - Text -> Wordpress standard Text Blöcke - Medien -> Für Bilder, Galerien und Videos im Inhalt
Allgemein - Block handling
Es öffnet sich ein Modal, mit den zuletzt verwendeten Blöcken. Unter "Alle durchsuchen", findet man die ganze Liste von Blöcken die zur Verfügung stehen.
Um ein Block zu bearbeiten, kann er per Mausklick angewählt werden. Der aktive Block ist mit einer blauen Umrandung markiert.
Auf der rechten Seite öffnen sich die Einstellungen des Blocks. Hier können Block spezifische Einstellungen vorgenommen werden. Einstellungen der einzelnen Blöcke werden unter dem Kapitel Inhaltsblöcke in den jeweiligen Blöcken beschrieben.
Oben links wird ein kleines Menü angezeigt für das Handling des Blockes. Der Block kann mit den Pfeilen verschoben werden, oder auch kopiert und dupliziert werden. Es ist auch möglich einen neuen Block vor oder nach dem angewählten Block hinzuzufügen.
Blöcke können teilweise auch ineinander verschachtelt werden, mehr dazu unter dem Kapitel Inhaltsblöcke in den jeweiligen Blöcken. 
Home Banner
Verwendungszweck
Für Home Seite gedacht. Bild mit Titel und Text.
Verschachtelung
Nicht möglich. Muss zwingend als eigenständiger Block verwendet werden.
Einstellungsmöglichkeiten
- Bearbeiten -> Hier kann das Bild ausgetauscht werden.
- Text kann direkt im Block angewählt und bearbeitet werden
- Overlay -> Abdunklung des Bildes (Bei hellen Bildern notwendig damit Text leserlich bleibt)
- zusätzlicher Abstand unten -> Abstand unter Banner vergrössern
Beispiel
Abschnitt
Verwendungszweck
Wrapper Block für Darstellungshandling - Macht das Inhalt in einem "Container" dargestellt werden und handelt in erster Linie Abstände und Content breite
Verschachtelung
Verschachtelung nötig wenn mit Grid mehrere Spalten dargestelt werden zum Beispiel bei Bild neben Text. Hauptsächlich aber auf oberster Ebene verwenden.
Einstellungsmöglichkeiten
- Schmaler Inhalte -> Inhalt wird schmaler dargestellt
- Text zentriert -> Text wird zentriert dargestellt
- Grosse Überschrift -> Grosse Überschrift einblenden
- Obertitel -> Kleiner Obertitel über Überschrift einblenden
- Grosse Überschrift als H1 -> Überschrift wird grösser dargestellt - nicht mehr als 1x pro Seite verwenden
- Bild Inhalt auf Mobile verstecken -> Bilder innerhalb des Blockes werden in der Mobile Version nicht dargestellt
- Bild in Spalte fixieren -> Wenn ein Bild neben dem Text dargestellt wird. wird das Bild fixiert wenn der der Text länger ist, bis an den unteren Rand des Textes
- Kein Abstand unten -> Abstand unterhalb des Blockes wird entfernt
- Abstand oben -> Steuerung des Abstandes oberhalb des Blockes
- Hintergrundfarbe -> Hintergrundfarbe des Blockes
- Titel Link Typ -> Link neben oder oberhalb des Titels anzeigen
- Titel Link Text -> Text des Links
- Titel Link -> URL für den Link
- Breadbrumb 1-3 -> Breadbrumbs (Text und URL)
Beispiel
Button
Verwendungszweck
Button für Verlinkungen in verschiedenen Inhalten.
Verschachtelung
Muss zwingend innerhalb von anderen Blöcken verwendet werden.
Einstellungsmöglichkeiten
- Typ -> Button oder Link
- Ausrichtung - Rechts/ links/ mittig oder auf die ganze Breite
- Button Label -> Anzuzeigender Text in Button
- Button Link -> Ziel Link des Buttons
- Link in neuem Tab öffnen
- Icon Button -> Icon welches zusätzlich dargestellt wird
- Sekundärer Button Stil -> Farbliche Darstellung des Buttons
- Abstand oben -> Zusätzlicher Abstand oberhalb des Buttons
Beispiel
Bild Karte
Verwendungszweck
Darstellung eine Card - mit und ohne Bild
Verschachtelung
Muss zwingend innerhalb von anderen Blöcken verwendet werden.
Einstellungsmöglichkeiten
- Mit Bild -> Darstellung eines Bildes in der Card
- Mit Logo -> Logo Darstellung in der Card
- Logo -> Auswahl/Upload des Logos
- Logo Titel -> Firmenname
- Logo Text -> Text unter Firmenname - zum Beispiel Veröffentlichungs-Datum
- Link -> Verlinkung der Karte (optional)
- Link Text -> Text zur Verlinkung
- Seitenlink intern -> Wenn nicht intern, wird Seite in einem neuen Tab geöffnet
- Link Icon -> Icon, dass zusätzlich beim Link Text angezeigt wird
- Hintergrundfarbe -> Farbe des Card Hintergrunds
Beispiel
Bild Karten Slider
Verwendungszweck
Darstellung eines Sliders mit Bildkarten
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden
Einstellungsmöglichkeiten
- Autoplay -> Slider läuft automatisch alle paar Sekunden einen Step vorwärts
Beispiel
Bild Slider
Verwendungszweck
Darstellung eines Bild Sliders
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden
Einstellungsmöglichkeiten
- Autoplay -> Slider läuft automatisch alle paar Sekunden einen Step vorwärts
Beispiel
Grid
Verwendungszweck
Design Block - Zur Darstellung von Inhalten nebeneinander (Spalten)
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden
Einstellungsmöglichkeiten
- Spalten Anzahl -> Anzahl gewünschter Spalten auf einer Linie
- Vertikale Ausrichtung -> Ausrichtung der Spalten wenn Sie nicht gleich hoch sind (Oben oder zentriert)
Beispiel
Icon Karte
Verwendungszweck
Icon mit Titel und Text
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden - Nutzung hauptsächlich innerhalb eines Grid Blocks
Einstellungsmöglichkeiten
- Titel kleiner darstellen -> Grösse des Titels
Beispiel
Partner
Verwendungszweck
Darstellung aller Partner
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden
Einstellungsmöglichkeiten
Keine
Beispiel
Partner Banner
Verwendungszweck
Darstellung aller Partner in einem Banner
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden
Einstellungsmöglichkeiten
Keine
Beispiel
Team
Verwendungszweck
Darstellung aller Mitarbeiter / Referenten
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
- Spalten -> Anzahl der Spalten
Beispiel
Ansprechpartner
Verwendungszweck
Darstellung eines Ansprechpartners
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
- Team Mitglied -> Auswahl des Ansprechpartners
Beispiel
Flexbox
Event
Verwendungszweck
Darstellung eines Events
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
- Event Auswählen -> Auswahl des Events
Beispiel
Testimonials
Verwendungszweck
Darstellung der Kundenstimmen
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
- Alle anzeigen -> Alle Kunenstimmen darstellen bei checked - die neuesten 2 Kundenstimmen bei unchecked
Beispiel
Lehrgänge / Kurse
Verwendungszweck
Darstellung der Kurse / Lehrgänge
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
- Alle Kurse anzeigen -> Alle Kurse darstellen bei checked - die neuesten 6 Kurse bei unchecked
Beispiel
Medienbeiträge
Verwendungszweck
Darstellung der Medienberichte
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
Keine
Beispiel
Job
Verwendungszweck
Darstellung der offenen Stellen
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
- Bewerbungslink -> E-Mail Adresse für die Bewerbung
- Wenn keine Offene Stelle vorhanden ist wird ein Default Text angezeigt der jedoch direkt im Block bearbeitet werden kann.
Beispiel
Accordion Modules
Verwendungszweck
Darstellung der Module in einem Accordion
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
Button Modul hinzufügen -> Weiteres Modul hinzufügen
Beispiel
Accordion
Verwendungszweck
Darstellung eines Accordions
Verschachtelung
Muss zwingend innerhalb eines Abschnitt-Blocks platziert werden.
Einstellungsmöglichkeiten
Accordion (Wrapper)
- Accordion mit Bild -> Accordion mit Bild darstellen
- Grosse Übeschrift -> Titel für Accordion
- Obertitel -> Obertitel über der Überschrift darstellen
Accordion Item
- Bild für Item hochladen
Beispiel