Tipps für Jimdo Creator

Jimdo ist ein Anbieter für Website-Baukästen. Jimdo Creator ist ein Baukasten für Webseiten, bei dem man u.a. auch Code ändern kann und einige Möglichkeiten bekommt. Jimdo für allerdings keine Updates für den Creator mehr durch und fokussiert sich auf die Dolphin Produktreihe für einfach zu erstellende Online Shops.

Mit dem Creator kann man viel Spaß haben und man kann kostenlos eine Seite einrichten. Ein Plus ist die Umsetzung von EU Richtlinien und die einfache Bedienung. An bestimmte Vorzüge von z.B. Weebly oder Wordpress kommt Jimdo allerdings nicht immer heran.

Jimdo Creator hat ein paar Eigenheiten und bietet Freiraum fürs Basteln. Dafür gibt es im Internet diverse Foren und Anleitungen, damit man alles optimal nutzen kann. Gerade auch die Möglichkeit HTML Widgets einfügen zu können, sowie die Option für CSS und HTML sind hier sehr interessant.

Tipp: redesign-berlin-forum

Jimdo Creator jtpl-header height

Wenn ihr eine Seite mit Vorlage erstellt, nehmt eine mit kleinem Header, am besten nur ein Menüband als Header. Alles andere ist verschenkter Platz und kann zumindest in der Free Version nicht ganz so leicht auf der Startseite verändert werden. Auf den Unterseiten ist es kein Problem, aber die Startseite braucht quasi ein extra. Einfach nur die Höhe festzulegen will nicht funktionieren, aber die Minimale und Maximale Höhe einzubinden, führt im Normalfall zum Erfolg.

.cc-indexpage .jtpl-header {min-height: 250px!important; max-height:250px!important;}

Wenn Ihr kein Logo im header habt, der über einem Menü hängt, kann man die Höhe auch auf 0 oder so setzen.

Habt Ihr ein Menü und ein Logo, gibt es ggf. ein Problem, je nach Designvorlage. Das Logo liegt z.B. in einem Container und nebendran ein Feld für Titel der Seite. Der Kasten kann ungefähr so groß sein, wie das Menü, welches z.B. unterhalb liegt. Setzt man nur den Header wie o.g. auf z.B. 100px, muss man dem Logo ggf. ein float geben und dann steht das Logo schön überlappend neben dem Menü und auch das Menü sieht auch gut aus, aber ... Der Container des Logos wird ggf. auch das Menü überlagern, zwar durchsichtig, aber man kann das Menü nicht mehr anklicken. Optisch ist also alles Top, aber die Funktion ist weg.

Dafür kann man theoretisch dem Container ein pointer event none geben, was wohl erfolg versprechen sollte, aber dies wollte nicht funktionieren. Auch die Z Achse zu verändern hatte keine sonderlichen Auswirkungen, da es ja keine Elemente im selben Abschnitt sind.

Lösungsansätze (nicht ausprobiert):

Head Höhe auf 0, die Menüleiste mit Abstand zum Logo Container halten.
Den Container auf die Größe des Logos einstellen und dann sollte der nicht mehr überlappen.

Jimdo Creator Dashboard wird nicht geladen

Wenn Ihr eine Jimdo Creator Seite habt, kann es vorkommen, dass das Dashboard der Seite nicht geladen werden kann. Man sieht ggf. kurz das Menü und die Seite aufblinken, hat dann aber ein weißes Fenster. D.h. man kann sich im Konto einloggen, kommt auch zur Seitenübersicht, aber kann je Seite nicht die Funktion "Dashboard anzeigen" nutzen. Der Support von Jimdo wusste bei meiner Anfrage leider nicht woran dies liegt.

So könnt Ihr eure Seite dennoch bearbeiten:

Anstatt "Dashboard anzeigen" am Feld eurer Seite, geht Ihr dort auf die drei Punkte "..." in der rechten Ecke und wählt dann im Menü "Seite Bearbeiten" aus. Damit sollte die Seite zur Bearbeitung angezeigt werden.
Funktioniert dies nicht, solltet Ihr euch an den Support vom Jimdo wenden.

Weitere Ideen, um ggf. eine Lösung zu erhalten:

Verwendet den privaten Modus oder einen anderen Browser. [Hatte bei mir nicht immer funktioniert.]
Cache leeren und Addons deaktivieren. [Hat bei mir nicht funktioniert.]
Falls Ihr einen anderen Rechner habt, probiert diesen aus. [Hat bei einem Versuch funktioniert.]

Jimdo Creator Elemente Limit je Unterseite (Free Version)

[Free Version] Seit nicht allzu langer Zeit besteht für einzelne Unterseiten der Creator Webseite ein Limit von ca. 200 Elementen (200 Elemente je einzelner Inhaltsseite). Dies betrifft zumindest die Free Version. Ob es auch die bezahlten Pläne betrifft, weiß ich nicht.

Habt Ihr mehr als 200 Elemente, könnt Ihr auf der betroffenen Unterseite nichts hinzufügen. Zuerst müsst Ihr Inhalte von der Seite entfernen, bis Ihr unter 200 kommt, ggf. auch noch weniger (bis die Fehlermeldung beim Anlegen neuer Inhalte weg ist).
Es funktioniert ggf. nicht, Inhalte nur in die Zwischenablage von Jimdo zu schieben, da die Inhalte dort scheinbar immer noch der Ursprungsseite zugeordnet sind. Ob zwischenzeitliches Ausloggen dies verändert, weiß ich nicht.

Lösungsidee:

Inhalte auf andere Seite Schieben.
Werden weniger Elemente genutzt und z.B. dennoch viel Text darzustellen, oder die Elemente für Text + Bild, dann werden Seite ggf. recht lang oder unorganisiert. Eine Lösung wären Akkordeon-Elemente um lange Texte einzuklappen.
Über das HTML Widget lassen sich Inhalte mit nur einem Element einrichten.

Akkordeon mit unterschiedlichen Creator Elementen

Im oben verlinkten Forum gibt es Lösungen für Akkordeon Effekte für eure Jimdo Seite. Mir war die Lösung dort aber zu kompliziert. Da ich dennoch ein Akkordeon für meine Seiten haben möchte, dafür aber kein extra Widget mit Registrierung von Drittanbietern einbinden wollte, habe ich mir diese Lösung erarbeitet. Dafür kann man sich JavaScript anschauen, z.B. die JavaScript-Bibliothek JQuery. Im Internet findet man ähnliche Ansätze.

Ein üblicher Ansatz funktioniert mit "jQuery(this).nextUntil('SeitenElement').slideToggle();". Leider funktioniert dies nur innerhalb eines Elements des Jimdo Baukasten. Möchte man dies aber über unterschiedliche Elemente erstrecken, scheint man andere Lösungen zu benötigen.

Ich habe eine h4 Überschrift als Trigger genommen und dann geschaut, wie die ganzen Elemente eingefasst sind. Die ganzen Bereiche sind in Div gefasst und haben eigene IDs. Da meine Seite nur ein Element (Text, Text+Bild) nach den h4 Bereich haben soll, reicht es einfach das nächste Div Element im Baukasten anzusteuern. Ganz so einfach ist das nicht, da man beim "Klick" auf h4 quasi erstmal aus dem aktuellen Bereich im Baukasten Aufbau heraus kommen muss.

$(document).ready(function(){$("h4").click(function(){ jQuery(this).parent().closest('div').next('div').slideToggle();});

Damit es dann ein Akkordeon wird, nutzt man einfach die nette Funktion ".slideToggle()". Die übernimmt einfach das öffnen und schließen.

Ein Problem bleibt aber noch und das ist alle Elemente am Anfang des Seitenaufrufs zu schließen, was mit ".hide()" funktioniert.

$(document).ready(function(){$("h4").parent().closest('div').next('div').hide();});

Einfacher als gedacht und auf den ersten Blick viel einfacher als einige andere Lösungen die man so findet.

Ein weitere Option: Elemente die man gerade nicht braucht, aber zuvor geöffnet hatte, beim klicken auf das nächste Element automatisch zu schließen. Vom Prinzip her wäre dies auch ähnlich, aber man muss in der Theorie alle Elemente finden, z.B. mit einer Zählenden Schleife und dies dann auch beim Klick ausführen lassen. Da ich dies zwar nett, aber nicht unbedingt nötig finde, habe ich es aber nicht eingebaut.