Allgemeines
Welche Elemente kannst du zu inoovum® hinzufügen?
Überschrift
Bei dem Button kannst du eine Überschrift einfügen.
Die Schriftart und Größe hast du schon vorher bei der Grundeinstellung eingestellt. Nun kannst du sie mit der oben angeführten Leiste formatieren. Hier kannst du zwischen den verschiedenen Headlines wählen.
Du kannst aber auch im Inspector die Größe wie auch die Farbe deiner Überschrift wählen.
Mit diesem Symbol kannst du deine Überschrift oder auch Text Fett schreiben.
Hier kannst du das Wort oder den Text mit anderen Seiten verknüpfen.
Hier wählst du deine vorgefertigte Schriftart und Größe aus.
Hier wählst du deine Zeilenausrichtung aus.
Linksbündig, zentriert oder rechtsbündig.
Hier fügst du einen Trennstrich ein, der bei einem kleineren Bildschirm (z.B. Smartphone) das Wort dort trennt, wie man es gerne haben will.
Z.B: Donau(-)dampfschiffs(-)fahrtgesellschafts(-)kapitän, hier trennt dir das System das Wort automatisch dort, wo ich den Trennstrich gesetzt habe.
Text einfügen
Mit dem Textelement kannst du Texte einfügen wie dieser hier.
Auch diesen kannst du in der oben angeführten Zeile formatieren.
Hier kannst du den ganzen Text oder einzelne Wörter (vorher markieren) formatieren.
Fett, kursiv oder unterstrichen
Du kannst sie aber auch hochsetzen oder tiefstellen und auch durchstreichen.
Auch im Text kannst du Wörter oder den kompletten Text mit anderen Seiten verknüpfen.
Z.B.: Wie schon oben erwähnt bei Allgemeines.
Hier kannst du Aufzählungen einfügen oder den Text in Aufzählungen formatieren.
Mit dieser Formation kannst du eine Tabelle einfügen.
Je nachdem wieviel du brauchst, kannst du diese im Raster auswählen.
Bild einfügen
Mit der Bild Funktion, kannst du ein Bild einfügen. Dieses kannst du dann entweder direkt vom PC runterladen oder vom System.
Wenn du nun die Funktion ausgeführt hast, erscheint auf der rechten Seite im, Inspector, die Möglichkeit das Bild einzufügen und zu formatieren.
Mit der Kamera, kannst du Bilder einfügen, die schon im System sind, weil du sie für diese Website schon verwendet hast, oder du fügst ein Stock-Foto ein.
Ein Stock-Foto (Pexels) ist eine Fotodatenbank, von unabhängigen Fotografen, die ihrer Fotos frei zur Verfügung stellen.
Mit diesem Symbol kannst du ein Bild von einem Ordner von deinem PC hochladen.
Mit diesem Symbol löscht du dein Bild ganz einfach wieder.
Mit diesem Symbol kannst du dein Bild gleichschneiden. Wenn du mehrere Bilder nebeneinander oder auch untereinander hast, solltest du immer die gleiche Größe verwenden.
Somit hast du dann bei jedem Bild die gleiche Höhe und Breite und die Bildreihe sieht strukturiert aus.
Hier kannst du dein Bild formatieren.
Die Pixel sollten nicht viel verändert werden, da die Grundeinstellungen im System festgelegt worden sind.
- Definierte Auflösung: hier kannst du die Pixel selbst anpassen.
- Alternativer Text: hier kannst du einen Text einfügen, der erscheinen soll, wenn das Bild länger braucht beim Laden und es noch nicht erscheint. (erleichtert bei der Google Suche)
- Titel: Hier kannst du dem Bild einen Hintergrundtitel geben, um auch hier bei der Google Suche zu erleichtern.
Hier kannst du dein Bild formatieren.
- Abgerundete Ecken:
Die Ecken des Bildes sind abgerundet - Beschriftung anzeigen:
Hier kannst du einen Text beim Bild hinzufügen - Vergrößerung (Lightbox):
Hier kannst du einstellen, dass dein Bild sich, wenn man mit der Maus drauf klickt, vergrößert. - Link:
Hier kannst du dein Bild mit einer Seite verlinken. - In neuem Fenster öffnen:
Mit dem Bild öffnest du einen neuen Tab und somit eine neue Seite. - Bildbreite anpassen:
Hier passt du dein Bild an. Verändert meist die Schärfe und auch die Größe. - Ausrichtung:
Hier kannst du die Position deines Bildes auswählen.
HTML einfügen
Mit dieser Funktion kannst du eine HTML Seite hinzufügen wie z.B. Youtube oder auch Facebook.
Formular einfügen
Hier kannst du ein Formular einfügen, um Kunden die Möglichkeit zu geben eine Anfrage zu schicken oder auch eine Bewerbung abzugeben.
Wenn du dich fürs Formular entschieden hast, klickst du links in der Inhaltsstruktur auf "Elements".
Nun fügst du IN dieses Element ein Formularelement ein.
Klicke auf das untere blaue Plus um beim Formular Auswahlmöglichkeiten hinzuzufügen.
Diese Funktion nimmst du wenn du eine Antwort brauchst die sich in einer Zeile ausgeht. (Z.B. Name, oder Telefonnummer)
Diese Funktion dient dazu, dass der Kunde z.B. eine Nachricht schreiben kann. Das heißt du brauchst mehr als eine Zeile
Hier fügst du eine Checkbox ein wo der Kunde bei Anfragen, die Antwort ankreuzen kann.
(Auswahlpunkt ist eckig)
Wichtig ist auch die Bekanntgabe der Datenschutzrichtlinien, die du mit der Checkbox einfügen kannst.
Hier kannst du eine Auswahlmöglichkeit geben, wo du aber nur eine Antwort benötigst.
Der Kunde kann bei Anfragen zum Beispiel, nur eine Möglichkeit wählen.
Achte darauf dass du deine Auswahlmöglichkeiten in der Inhaltsstruktur bei Options einfügst.
Hier hast du die Antwortmöglichkeiten nebeneinander aufgelistet und der Kunde kann hier nur eines auswählen.
(Auswahl punkt ist rund)
Hier kann der Kunde sich mehrere Auswahlmöglichkeiten untereinander auswählen.
Hier kann der Kunde mehrere Auswahlmöglichkeiten auswählen (Auswahl punkt ist quadratisch)
Hier kann man im Formular ein Datum aus dem Kalender wählen. Also wenn der Kunde einen Tag auswählen soll. Hilfreich bei Terminvereinbarungen.
Hier kannst du ein Dokument hochladen lassen. Üblich ist dieses bei Bewerbungen.
Wichtig ist, dass du die Dateitypen auswählst die hochgeladen werden sollen.
Hier kann der Kunde ein Bild hochladen. Auch üblich bei Bewerbungen.
Hier kannst du eine Überprüfung einfügen, wo der Kunde einen Buchstabencode wiedergeben muss um zu bezeugen, dass er keine Maschine ist.
Hier kannst du dein Formular in 3 Spalten fügen
Dann kannst du in den einzelnen Spaltenelement ein Formularinhalt einfügen.
Hier kannst du dein Formular in 2 Spalten formatieren. Du gehst dann gleich vor wie beim Three Columns.
Hier kannst dein Formularelement in einen Ordner fügen.
Trenner einfügen
Mit dem Trenner fügst du einen Trennstrich ein, der deine Inhalte übersichtlicher macht.
Verweis auf Inhalt einfügen
Hier kannst du Inhalte auf anderen Seiten einfügen, die du nur auf einer Seite verändern musst. Die Veränderung übertragt sich dann auch auf die anderen Seiten mit dem gleichen Inhalt.
(Du kannst ihn aber nur dort ändern wo du gestartet hast)
Wie Funktioniert's:
Du klickst eine Element an, das auf mehreren Seiten deiner Website mit dem gleichen Inhalt erscheinen soll. (z.B. ein Container)
Dann klickst du im Inspector auf das Zahnrad, scrollst runter zu "Zusätzlich Informationen" (öffne es mit dem nach unten zeigenden Pfeil)
Dann kopiere die gesamte Zeile in "Bezeichner" (Strg+C)
Jetzt fügst du, in deiner Gewünschten Seite, wo sich dieser Inhalt wiederholen soll, mit dem Button "Verweis auf Inhalt einfügen" dieses Element ein.
Dann fügst du rechts im Inspector, im Bereich "Verweise" den Kopierten Bezeichner ein.
Das System schlägt dann deinen Kopierten Container, zum Beispiel, schon vor.
Klicke diesen an und dann Übernehmen.
Dann sollte dein Inhalt erscheinen. Und wenn du nun im Hauptelement etwas änderst, übernimmst und live veröffentlichst, übernimmt das kopierte Element den Inhalt.
Seiten-Menü einfügen
Mit diesem Button kannst du deine Menüführung auf einer Seite gestalten.
Willst du zum Beispiel deine Unterseiten nicht alle oben angeben oder im Burgermenü anführen, kannst du sie direkt auf einer Seite einfügen damit der Kunde, während des durchscrollen deiner Website, andere Unterpunkte ansehen kann. (Ist übersichtlicher bei vielen Unterseiten und Inhalte)
Wenn du das Menü eingefügt hast, zeigt er dir zunächst, dass dein Menü leer ist.
Jetzt fügst du die Unterseiten in der Seitenstruktur hinzu, die du hier angeben willst.
Achte wieder darauf, dass dein Einfügemodus richtig positioniert ist.
(+, ->,Seite)
Nun erscheint bei deinem Menüfeld die gewünschten Menüpunkte, die dann auf deiner Seite zu deinen Unterseiten führen.
Zum Schluss musst du noch bei den einzelnen Unterseiten, im Inspector den Punkt "In Menüs verbergen" anhaken.
Somit wird es im Menü nicht angezeigt.
Seiten-Menü mit Bildern einfügen
"Menü mit Bildern" ist gleich aufgebaut wie die oben genannte "Menü" Funktion, nur wird ein Bild im Hintergrund verwendet.
Wenn du nun in deine erstellte Unterseite klickst (hier: Test 1) kannst du im Inspector rechts ein Bild einfügen. (wie links am Bild abgebildet)
Auch hier kannst du zwischen einem von dir am Computer gespeicherten Bild oder eines vom System aussuchen.
Wenn du auf "Übernehmen" klickst, speichert das System nun dein Bild als Menübild, sowie ist es direkt bei der Unterseite dein Startbild.
