Jimdo Dolphin Layout-Optionen

Auf dieser Seite sind die Möglichkeiten zur Gestaltung einer Jimdo Dolphin Website ersichtlich. Die Funktionen sind nicht abschliessend erwähnt, da diese vom gebuchten Paket abhängig sind.

Grundlegende Stylingmöglichkeiten

Farben

Created with Sketch.

Im Menu "Design" kannst du deine Farbenpalette definieren. Zwei der 6 Farben können frei gewählt werden, zwei weitere werden über künstliche Intelligenz ermittelt und die übrigen zwei sind Weiss und Schwarz.

Cool ist, dass du ein Bild oder dein Logo hochladen kannst, aus dem dann automatisch zwei Hauptfarben für die Farbpalette übernommen werden.

Die gewählte Farbpalette wird bei den Blöcken angezeigt, so dass du für jeden Block eine der 6 Farben wählen kannst.

Hinweis: Die Schriftfarbe passt sich automatisch an den Hintergrund des jeweiligen Blocks an und ist nicht frei wählbar.

Schriften

Created with Sketch.

Schriftart und Schriftgrösse können im Menüpunkt "Design" ausgewählt werden. (Aktuell sind fast 40 Schriftpaare verfügbar.)
Die oben erwähnte Schrift ist für die Titel, die Untere ist für Fliesstexte.

Die Einstellungen wirken global - eine manuelle Anpassung der Schriftart oder -grösse in einzelnen Bereichen ist nicht möglich.

Navigationsleiste

Created with Sketch.

In der Navigationsleiste werden die angelegten Seiten angezeigt. Der Hintergrund ist anpassbar (eine Farbe aus der gewählten Farbenpalette oder transparent.) Zusätzlich kannst du dein Logo und / oder deinen Namen einfügen sowie deine Social Media Kanäle verlinken. Beim "Primären Button" kann ein Link, eine E-Mail Adresse oder eine Telefonnummer hinterlegt werden.

Bilder-Bibliothek

Created with Sketch.

Die Platzhalter-Bilder können mit wenigen Klicks  ausgewechselt werden.
In der Bilder-Bibliothek stehen viele kostenlose Stockfotos zur Verfügung und du kannst eigene Bilder hochladen resp. aus Social Media Kanälen integrieren.

Bildbearbeitungs-Tool

Created with Sketch.

Mit dem integrierten Bearbeitungsprogramm lassen sich Bilder ganz einfach zuschneiden, drehen und mit einem Farbfilter versehen.
> Siehe auch Link-Optionen 

Buttons

Created with Sketch.

In den Einstellungen kannst du festlegen, ob du die Buttons eckig oder abgerundet möchtest. Die Farbe der Buttons wird automatisch gemäss der gewählten Farbenpalette erstellt und ist manuell nicht anpassbar. Pro Block können zwei Buttons aktiviert werden.
> Siehe auch Link-Optionen

Link-Optionen

Created with Sketch.

Bei einem Klick auf das Linksymbol öffnet sich ein Popup mit den Verlinkungs-Möglichkeiten.
Hinweis zum Buchungsservice: hier kann lediglich ein Link zu einem externen Buchungstool eingefügt werden. Ein direkt einbettbares Buchungstool ist bei einigen Premiumpaketen vorhanden oder kann bei diesen dazugebucht werden.
Hinweis zum Verlinken von Dateien: diese Funktion ist beim kostenlosen Paket "Play" deaktiviert.

Animation

Created with Sketch.

Es sind zwei leichte Animationseffekte verfügbar.

Block-Elemente

Mit den Blöcken gestaltest du deine Webseiten.
Über den Button "+ Block hinzufügen" öffnet sich ein Menü mit verschiedenen Kategorien. In jeder Kategorie findest du vorgefertigte Blöcke mit Platzhaltern, die du überschreiben / ersetzen kannst oder aktivieren resp. deaktivieren.

Insgesamt sind etwa 20 verschiedene Block-Designs verfügbar, mit denen du deine Webseiten individuell gestalten kannst.

Im folgenden stelle ich dir die verfügbaren Block-Elemente vor. Die Buchstaben dienen nur zur Unterscheidung der Blöcke; es handelt sich dabei nicht um eine offizielle Bezeichnung.

Titel-Block A

Anzahl Spalten:

1

Textposition:

Ausrichtung links

Ausrichtung mittig

Ausrichtung rechts

Hintergrund:

Bild oder Video

Farbfilter:

Farbe aus gewählter Farbenpalette 

Buttons:

maximal 2, fixe Position

Titel-Block B

Anzahl Spalten:

1

Textposition:

Ausrichtung links

Ausrichtung mittig

Ausrichtung rechts

Hintergrund:

Bild oder Video

Farbfilter:

Farbe aus gewählter Farbenpalette 

Buttons:

maximal 2, fixe Position

Titel-Block C

Anzahl Spalten:

2

Hintergrund:

Bild oder Video

Farbfilter:

Farbe aus gewählter Farbenpalette 

Buttons:

maximal 2, fixe Position

Titel-Block D

Anzahl Spalten:

2 (links = Bild oder Video, rechts = Text)

Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette

Buttons:

maximal 2, fixe Position

Titel-Block E

Anzahl Spalten:

2 (links = Text, rechts = Bild oder Video)

Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette

Buttons:

maximal 2, fixe Position

Titel-Block F

Anzahl Spalten:

1

Anzahl Felder:

2 (versetzt)

Hintergrund Spalte:

Auswahl aus gewählter Farbenpalette

Hintergrund Block:

Bild oder Video (wird vom Spaltenhintergrund überlagert)

Buttons:

maximal 2, fixe Position

Titel-Block G

Anzahl Spalten:

2

Hintergrund Spalten:

Auswahl aus gewählter Farbenpalette

Hintergrund Block:

Bild oder Video (wird vom Spaltenhintergrund überlagert)

Buttons:

maximal 2, fixe Position

Text-Block

Anzahl Spalten:

1

Textposition:

Ausrichtung links

Ausrichtung mittig

Ausrichtung rechts

Hintergrund:

Farbe aus gewählter Farbenpalette 

Buttons:

maximal 2, fixe Position

Bild-Block A

Anzahl Spalten:

1

Anzahl Felder:

3
(2 Textfelder, 1 Bildfeld)

Textposition:

Ausrichtung links

Ausrichtung mittig

Ausrichtung rechts

Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette

 Bildfeld:

Position: unter Textfeld 1
Grösse: fixe Grösse
Mögliche Inhalte: Bild oder Video

Buttons:

maximal 2, fixe Position

Bild-Block B

Anzahl Spalten:

2 (links = Text, rechts = Bild oder Video)

Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette

Buttons:

maximal 2, fixe Position

Bild-Block C

Anzahl Spalten:

2 (links = Text, rechts = Bild oder Video)

Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette

Buttons:

maximal 2, fixe Position

Galerie-Block A

Hintergrundfarbe: Auswahl aus gewählter Farbenpalette.
Anzahl Bilder: beliebig
Bildgrösse: fixe, einheitliche Grösse
Bildbeschriftung: unten (optional)
Bildverlinkung: nur über Beschriftungsfeld möglich

Beschriftung / Link

Beschriftung / Link

 Beschriftung / Link  

 Beschriftung / Link 

Galerie-Block B

Hintergrundfarbe: Auswahl aus gewählter Farbenpalette
Anzahl Bilder: beliebig
Bildgrösse: automatisch abwechselnd
Bildbeschriftung: oben (optional)
Bildverlinkung: nur über Beschriftungsfeld möglich

Galerie-Block C

Hintergrundfarbe: Auswahl aus gewählter Farbenpalette
Anzahl Bilder: beliebig
Anzahl Bilder pro Zeile: abhängig vom Endgerät
(auf grossen Geräten wie PC's oder Laptops werden 4 Bilder nebeneinander angezeigt; auf Tablets drei; auf Smartphones eins) 
Bildgrösse: fixe, einheitliche Grösse
Bildbeschriftung: mittig (optional)
Farbfilter: automatisch bei aktivierter Bildbeschriftung
Bildverlinkung: nur über Beschriftungsfeld möglich


Die angezeigte Anzahl der Bilder pro Zeile ist abhängig vom Gerät. (Auf Laptops werden in der Regel 4 Bilder nebeneinander angezeigt; auf Tablets drei; auf Smartphones eins.) 

Text / Link

Text / Link

Text / Link

Text / Link

 Text / Link

Text / Link

Text / Link

 Text / Link

Slide - Shows

(manueller Bildwechsel oder "Autoplay" möglich)

Slide-Show A

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette


(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette

(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette

(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Slide-Show B

(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Slide-Show B

(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Slide-Show B

(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Slide-Show C

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette

(Textfeld und Buttons können für jeden Slide separat definiert werden.)

Buttons:

maximal 2, fixe Position


Slide-Show C

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette


(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Slide-Show C

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette

(Textfeld und Buttons können für jedes Bild separat definiert werden.)

Buttons:

maximal 2, fixe Position

Musik-Block A

Verfügbare Hintergrundfarben: 

Auswahl aus gewählter Farbenpalette

Musik:

iTunes und Spotify

Buttons:

maximal 2, fixe Position

Musik-Block B

 Auch umgekehrt möglich (Bild links, Text rechts).

 Auf Smartphones wird das Bild immer oben angezeigt.

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette

Musik:

 iTunes und Spotify  

Buttons:

maximal 2, fixe Position

Spalten-Block A

Anzahl Spalten: 2 (nach unten unbeschränkte Spaltenanzahl)
Verfügbare Hintergrundfarbe: Auswahl aus gewählter Farbenpalette

Hintergrundfarbe:

Farbe wird automatisch erstellt  

Bild:

Einzelbild oder Video (YouTube / Vimeo)

Buttons:

maximal 2, fixe Position

Hintergrundfarbe:

Farbe wird automatisch erstellt  

Bild:

Einzelbild oder Video (YouTube / Vimeo)

Buttons:

maximal 2, fixe Position

Spalten-Block B

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.
Die angezeigte Spaltenanzahl pro Zeile ist abhängig vom Gerät. (Auf Laptops werden in der Regel 4 Spalten nebeneinander angezeigt; auf Tablets drei; auf Smartphones eine.)

Verfügbare Buttons:

Verfügbare Buttons: 

Verfügbare Buttons:

Listen-Block A

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.
Es sind beliebig viele horizontale Spalten möglich.

Titel

 Textspalte mit Buttons (optional)

Titel

 Textspalte mit Buttons (optional)

Listen-Block B

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.
In der rechten Spalte sind beliebig viele Kolummnen möglich.

Überschrift

Created with Sketch.

Titel

Textblock.

Überschrift

Created with Sketch.

Titel

Textblock.

Überschrift

Created with Sketch.

Titel

Textblock.

"Smart Apps" Block (Plugins)

Hier kannst du verschiedene Tools, Dateien oder Beiträge ganz einfach über einen Link einbetten. Da eine Verbindung zu Drittanbietern besteht und für die Anzeige Cookies benötigt werden, müssen BesucherInnen aktiv zustimmen, ansonsten werden die Inhalte nicht angezeigt

Auf dieser Hilfeseite von Jimdo sind alle Apps aufgeführt, die du einbinden kannst.

Beispiel für eine eingebettete Datei von SoundCloud

Soundcloud

Inhalte von Soundcloud werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Zustimmen & anzeigen”, um zuzustimmen, dass die erforderlichen Daten an Soundcloud weitergeleitet werden, und den Inhalt anzusehen. Mehr dazu erfährst du in unserer Datenschutz. Du kannst deine Zustimmung jederzeit widerrufen. Gehe dazu einfach in deine eigenen Cookie-Einstellungen.

Zustimmen & anzeigen

Beispiel für eine eingebettete Datei von Google Drive

Google Drive

Inhalte von Google Drive werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Zustimmen & anzeigen”, um zuzustimmen, dass die erforderlichen Daten an Google Drive weitergeleitet werden, und den Inhalt anzusehen. Mehr dazu erfährst du in unserer Datenschutz. Du kannst deine Zustimmung jederzeit widerrufen. Gehe dazu einfach in deine eigenen Cookie-Einstellungen.

Zustimmen & anzeigen

Kontakt-Block A

 Hintergrundfarbe: Auswahl aus gewählter Farbenpalette


Die Karte und das Formular können beliebig ein- resp. ausgeblendet werden.

Inhalte von Google Maps werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Zustimmen & anzeigen”, um zuzustimmen, dass die erforderlichen Daten an Google Maps weitergeleitet werden, und den Inhalt anzusehen. Mehr dazu erfährst du in unserer Datenschutz. Du kannst deine Zustimmung jederzeit widerrufen. Gehe dazu einfach in deine eigenen Cookie-Einstellungen.

Zustimmen & anzeigen

Adresse

(optional)



Kontaktformular:

(Die Felder können nicht individuell angepasst werden!)

Kontakt

(optional)

Öffnungszeiten

(optional)

Schweiz

Ich habe die Datenschutzerklärung zur Kenntnis genommen und erkläre mich damit einverstanden.

 

Kontakt-Block B

Hintergrundfarbe: Auswahl aus gewählter Farbenpalette


Das Formular und die Karte können beliebig ein- resp. ausgeblendet werden.

Kontaktformular:

(Die Felder können nicht individuell angepasst werden!) 

Schweiz

Ich habe die Datenschutzerklärung zur Kenntnis genommen und erkläre mich damit einverstanden.

Inhalte von Google Maps werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Zustimmen & anzeigen”, um zuzustimmen, dass die erforderlichen Daten an Google Maps weitergeleitet werden, und den Inhalt anzusehen. Mehr dazu erfährst du in unserer Datenschutz. Du kannst deine Zustimmung jederzeit widerrufen. Gehe dazu einfach in deine eigenen Cookie-Einstellungen.

Zustimmen & anzeigen

Adresse

(optional)

Kontakt

(optional)

Öffnungszeiten

(optional)

 

Kontakt-Block C

Hintergrundfarbe: gemäss gewählter Farbenpalette


Texte / Karte / Kontaktformular sind separat einblendbar


Kontaktformular:

(Felder können nicht angepasst werden.)  

Schweiz

Ich habe die Datenschutzerklärung zur Kenntnis genommen und erkläre mich damit einverstanden.

Adresse

(optional) 

Kontakt

(optional) 

Öffnungszeiten

(optional)

Inhalte von Google Maps werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Zustimmen & anzeigen”, um zuzustimmen, dass die erforderlichen Daten an Google Maps weitergeleitet werden, und den Inhalt anzusehen. Mehr dazu erfährst du in unserer Datenschutz. Du kannst deine Zustimmung jederzeit widerrufen. Gehe dazu einfach in deine eigenen Cookie-Einstellungen.

Zustimmen & anzeigen

Footer

Das unterste Element ist ein fest installierter Block, der auf jeder Seite angezeigt wird. Wenn du hier etwas änderst (egal auf welcher Seite), wird die Änderung auf allen anderen Unterseiten übernommen.

Es sind drei verschiedene Footer-Stylings verfügbar.

Du kannst hier dein Logo und deine Social Media Kanäle verbinden und über zwei Buttons wichtige Seiten verlinken.

Schön, nicht wahr? Warum nicht gleich ausprobieren? Wähle das kostenlose Paket "Play" und staune, wie rasch du mit Jimdo Dolphin ohne fremde Hilfe eine herrliche Website kreieren kannst. Trau dich!