Jimdo Dolphin Layout

widewidewie es dir gefällt!

Allgemeine Informationen

Menü (Navigationsleiste)

In Jimdo Dolphin ist das Menü mit den angelegten Seiten immer oben, du kannst jedoch die Position der Inhalte anpassen (links, mittig oder rechts). Der Hintergrund ist frei wählbar (eine Farbe aus der gewählten Farbenpalette oder transparent).

Im Menü kannst du dein Logo und einen Seitentitel einfügen sowie deine Social Media Kanäle (Facebook / Twitter /Instagram / YouTube) über das passende Symbol verknüpfen.

Texte

Deine Website erreicht in den Suchmaschinen eine bessere Position, wenn du deine Texte strukturiert erfasst. Mein Geheim-Tipp: verwende die grosse Überschrift nur ein mal pro Seite und integriere dein Keywort in dieser Überschrift. Die mittlere und die kleine Überschrift kannst du mehrmals pro Seite verwenden.

Bilder

Du kannst deine Bilder ganz einfach auf die Website laden und in die passenden Blöcke einfügen. Zusätzlich steht dir eine Auswahl an kostenlosen Stockfotos zur Verfügung und du kannst sogar die Bilder aus deinem Social Media Kanal integrieren. (Falls du "fremde" Bilder verwendest, dann beachte unbedingt die Urheberrechte und Lizenzen.)

Links auf andere Seiten

Links (auf interne oder externe Seiten) können im Text, in den Buttons oder bei den Bildern gesetzt werden.

Buttons

Bei den Buttons kannst du einen Link hinterlegen, eine E-Mail Adresse oder eine Telefonnummer, welche mit Smartphones per Klick gewählt werden kann. Bei den kostenpflichtigen Abo's können hier Download-Dateien hinterlegt werden.
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. Leider können pro Block maximal zwei Buttons eingefügt werden.

Blöcke

Blöcke sind Presets, also fixfertige Elemente, mit denen du deine Webseiten individuell gestalten kannst. Du kannst alle Blöcke beliebig oft verwenden und auch ganz einfach verschieben. Beachte bitte, dass die Inhalte auf Smartphones untereinander angezeigt werden. Bei den zweiteiligen Blöcken (Titel-Element B / Bild-Element B / Musik-Element B) musst du die Version mit dem Bild auf der linken Seite wählen, wenn du in der Smartphone-Ansicht das Bild oberhalb des Textes haben möchtest. 

Wie die Blöcke aufgebaut sind, zeige ich dir weiter unten ("Blöcke und Inhalts-Optionen).

Responsivität

Perfektes Layout auf allen Geräten - ganz automatisch!

Schriften, Button-Stil und Effekte

Es stehen 26 Schriften zur Auswahl. Die Schriftfarbe passt sich automatisch an die von dir gewählte Farbenpalette an (siehe nächster Block "Farben") und immer so, dass sie gut lesbar ist. Im Menü kannst du auch das Design der Buttons wählen und Animations-Effekte aktivieren. 

Auf meiner Website hier habe ich die Animation "Einschieben" aktiviert. Wenn du nach unten scrollst siehst du, dass die Inhalte in verschiedenen Blöcken eine Art Mini-Parallax-Effekt haben.

Farben

Im Menu "Design" kannst du die Farben deiner Homepage individuell anpassen. Die Farben lassen sich entweder aus einem Bild deiner Wahl erstellen oder du definiertst deine Hauptfarbe und wählst dann die gewünschte Farbenpalette aus. Die Farben aus der gewählten Farbenpalette kannst du dann in deinen Elementen hinterlegen. Hier siehst du einige Beispiele von Farbenpaletten (inzwischen sind es nicht mehr 4 sondern 6 Farben pro Palette):

Blöcke und Gestaltungsoptionen

Die folgenden Darstellungen der verfügbaren Elemente zeigen dir die Gestaltungsmöglichkeiten der einzelnen Blöcke. (Die Bezeichnungen A-F dienen nur zur Übersicht; in Dolphin haben die Elemente keine Bezeichnung.)

Titel-Block A

Textausrichtung:

mittig

Möglicher Hintergrund:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons:

Titel-Block B

Textausrichtung:

links

Möglicher Hintergrund:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons:

Titel-Block C

Textausrichtung:

links und rechts

Möglicher Hintergrund:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons:

 

Titel-Block D

Auch umgekehrt verfügbar (Text links, Bild rechts).

Auf Smartphones wird die linke Spalte oben angezeigt.

Textspalte:

Hintergrundfarbe: Auswahl aus gewählter Farbenpalette

Bildspalte:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons: 

Titel-Block E

Textausrichtung:

links und rechts

Möglicher Hintergrund:

oben: Auswahl aus gewählter Farbenpalette

unten: Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons:

Titel-Block F

Textspalte:

Hintergrundfarbe: Auswahl aus gewählter Farbenpalette

Bildspalte: :

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons: 

Text-Block

Verfügbare Hintergrundfarben:

 Auswahl aus gewählter Farbenpalette

Verfügbare Buttons: 

Bild-Block A

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette

Bild:

Einzelbild oder Video (YouTube / Vimeo) 

 Verfügbare Buttons:

Bild-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  

Bild:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons: 

Galerie-Block A

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.
Es sind beliebig viele Bilder möglich. Der Balken für den Text / Link im Bild ist optional.

Balken für Text / Link

 Balken für Text / Link  

 Balken für Text / Link  

 Balken für Text / Link 

Galerie-Block B

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.
Es sind beliebig viele Bilder möglich. Optional kann ein Text / Link im Bild erfasst werden (weisser Balken wie im Galerie-Block A gezeigt).

Galerie-Block C

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.

Es sind beliebig viele Bilder möglich. Optional kann ein Text oder Link im Bild erfasst werden (farbloser Balken). 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.)

Verfügbare Buttons:

Verfügbare Hintergrundfarben:

weiss oder gemäss gewählter Farbenpalette

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

Verfügbare Buttons:

Verfügbare Hintergrundfarben:

weiss oder gemäss gewählter Farbenpalette

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

Verfügbare Buttons:

Slide-Show B

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

Verfügbare Buttons:

Slide-Show B

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

Verfügbare Buttons:

Slide-Show B

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

Verfügbare Buttons:

Slide-Show C

Verfügbare Hintergrundfarben:

weiss oder gemäss gewählter Farbenpalette

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

Verfügbare Buttons:


Slide-Show C

Verfügbare Hintergrundfarben:

Auswahl aus gewählter Farbenpalette


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

Verfügbare Buttons:

Slide-Show C

Verfügbare Hintergrundfarben:

weiss oder gemäss gewählter Farbenpalette

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

Verfügbare Buttons:

Musik-Block A

Verfügbare Hintergrundfarben: 

Auswahl aus gewählter Farbenpalette

Musik:

iTunes und Spotify

Verfügbare Buttons:

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  

Verfügbare Buttons:

Spalten-Block A

Verfügbare Hintergrundfarben: Auswahl aus gewählter Farbenpalette.

Texte / Bilder / Buttons sind separat einblendbar. 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 eins.)

Verfügbare Buttons:

Verfügbare Buttons: 

Verfügbare Buttons:

Spalten-Block B

Verfügbare Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette  

Bild:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons: 

Verfügbare Hintergrundfarbe:

Auswahl aus gewählter Farbenpalette  

Bild:

Einzelbild oder Video (YouTube / Vimeo)

Verfügbare Buttons: 

Listen-Block A

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

Textspalte ohne Buttons

 Textspalte mit Buttons (optional)

Textspalte ohne Buttons

 Textspalte mit Buttons (optional)

Listen-Block B

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


Überschrift

Created with Sketch.

Titel

Textblock.

Überschrift

Created with Sketch.

Titel

Textblock.

Überschrift

Created with Sketch.

Titel

Textblock.

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 “Anzeigen”, um den Cookie-Richtlinien von Google Maps zuzustimmen und den Inhalt anzusehen. Mehr dazu erfährst du in der Google Maps Datenschutzerklärung. Du kannst der Nutzung dieser Cookies jederzeit über deine eigenen Cookie-Einstellungen widersprechen.

Anzeigen

Adresse

(optional)



Kontaktformular:

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

Kontakt

(optional)

Öffnungszeiten

(optional)

 

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!) 

Inhalte von Google Maps werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Anzeigen”, um den Cookie-Richtlinien von Google Maps zuzustimmen und den Inhalt anzusehen. Mehr dazu erfährst du in der Google Maps Datenschutzerklärung. Du kannst der Nutzung dieser Cookies jederzeit über deine eigenen Cookie-Einstellungen widersprechen.

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.)  

Adresse

(optional) 

Kontakt

(optional) 

Öffnungszeiten

(optional)

Inhalte von Google Maps werden aufgrund deiner aktuellen Cookie-Einstellungen nicht angezeigt. Klicke auf “Anzeigen”, um den Cookie-Richtlinien von Google Maps zuzustimmen und den Inhalt anzusehen. Mehr dazu erfährst du in der Google Maps Datenschutzerklärung. Du kannst der Nutzung dieser Cookies jederzeit über deine eigenen Cookie-Einstellungen widersprechen.

Anzeigen

Social Media-Block

Dieses Element muss nur ein mal erstellt werden und ist dann automatisch auf jeder Seite ersichtlich.

Verfügbare Buttons: Facebook, Twitter, Instagram, YouTube mit Link auf dein Konto / Profil / Kanal.

Zusätzlich kann hier dein Logo platziert werden sowie zwei weitere Link-Buttons.