Eigenes Design mit Jimdo umsetzen


JIMDO verfügt über eine Layout-Schnittstelle mit der es möglich ist, eigenes HTML und CSS-Codes zu hinterlegen. Weiterhin können dazugehörige Dateien wie etwa Grafiken, Skripte etc. hochgeladen und im System genutzt werden.

 

Mit dieser Schnittstelle ist es möglich, ein völlig eigenes Design (bestehend aus HTML-Code, CSS-Code und ggf. dazugehörigen Grafiken und Skripten) in Ihre JIMDOPage hochzuladen und dieses Design unter JIMDO verlustfrei zu verwenden.

 

Die Betonung liegt dabei auf ‚Design’, denn die Layout- Schnittstelle bietet Ihnen lediglich die Möglichkeit der visuellen Gestaltung und nicht der funktionalen Gestaltung (wie z.B. Integration von PHP-Seiten, Aufbau von mySQL-Datenbanken, FTP etc.) oder ähnlichen, aus der freien Webprogrammierung gewohnten Möglichkeiten.

 

Wo liegt das eigene Layout? Die Layout-Schnittstelle finden Sie eingeloggt in IHre Jimdo-Page unter  DESIGN > eigenes Layout mit den noch einmal darunter liegenden Reitern

  • HTML
  • CSS und
  • DATEIEN

 

Wissenswert vorab

Vor dem Einstig in die konkrete Verwendung der Layout- Schnittstelle hier einige einfache aber wichtige Punkte, die man vorab verstanden haben sollte, um effektiv mit einem eigenen Layout arbeiten zu können.

 

  • Das ‚Eigene Design’ wird aktiviert (und löst das vormals eingestellte Layout ab) indem entweder unterhalb des Reiters HTML oder unterhalb des Reiters CSS auf ‚speichern’ geklickt und die Designänderung anschließend bestätigt wird.

  • Das unter ‚Eigenes Layout’ hinterlegte Design muss zumindest aus HTML-Code und CSS-Code bestehen. ‚Dateien’ sind nicht zwingend erforderlich. Ein Auslassen der Codes ist nicht zulässig und wird vom System zurückgewiesen.

  • Sie können jederzeit zwischen Ihrem eigenem Layout und den anderen festen JIMDO-Layouts wechseln, ohne dass das eigene Layout verlorengeht. Es bleibt fest im Bereich ‚Eigenes Layout’ abgespeichert, auch wenn Sie wieder andere Layouts aktiv verwenden. Notieren Sie sich vor dem Wechsel zum eigenen Layout den Namen des Layouts welches Sie mit Ihrem eigenen Layout ablösen möchten um später dorthin zurückzukehren.

  • Bei der Arbeit im HTML- oder CSS-Code des eigenen Layouts lohnt es sich zwischendurch Kopien des Quelltextes in einer TXT-Datei zwischenzuspeichern, weil es weder eine ‚zurück- Funktion’ noch irgendwelche abspeicherbaren Wiederherstellungspunkte gibt.

  • Der CSS-Bereich wird nicht validiert. ! Beim Upload von Dateien unter DESIGN > Eigenes Layout > DATEIEN ist eine Maximalgröße von 500 kb zu beachten. Wichtig: Auch wenn dieser ‚Dateien’-Bereich einem Container in der eigenen JIMDO-Page entspricht, können in diesem Bereich keine z.B. PHP-, SQL- oder sonstige Dateien mit ungeeigneter Dokumentendefinition hochgeladen werden. Nutzen Sie diesen Bereich vorzugsweise nur für Grafik- oder z.B. Java Script-Dateien.

Neben unseren erfolgreichen JIMDO-Seminaren finden Sie bei uns nun auch MAILCHIMP Starter-Seminare. Hier finden Sie alle Termine und Preise in der Übersicht ...


Jimdo Wordpress Umzug
Jimdo Wordpress Umzug?

  • Der Bereich ‚DATEIEN’ kann auch ohne Aktivierung der Layout-Schnittstelle als Datencontainer verwendet werden. Es können z.B. Bilddateien für Slideshows o.ä. hier hochgeladen und mit ihrem absoluten Dateipfad (Achtung: JIMDO ändert den Dateinamen) angesprochen werden. Im Rahmen einer aktivierten Layout-Schnittstelle können die Dateien mit Ihrem Originalnamen und direktem Pfad angesprochen werden.
    Also im HTML mit ...

    <img src=“beispiel.jpg“>

    oder in der CSS mit

    #beispiel {background: url(beispiel.jpg);}
  • Der Bereich ‚Schriftformat’ (unterhalb des Bereiches DESIGN) ist ausschließlich während der Verwendung der Layout-Schnittstelle voll funktionsfähig und definiert das Aussehen der Schriften, Überschriften, Text-Link-Farbe, Abstandslinie, Shop-Styles, Blog-Styles etc. sofern diese nicht innerhalb des Bereiches CSS definiert werden.

    Wenn Sie also Verweise auf eine individuelle Schriftgestaltung in der CSS hinterlegen, übersteuert diese die Einstellungen des Bereiches ‚Schriftformat’ und spielt die Style- Einstellungen ggf. nur in der Bearbeiten-Ansicht aus. Mit der Designänderung werden alle im Inhaltsbereich eingepflegten Inhalte sowie die Seitenstruktur etc. übernommen.

    Bilder und Text-/Bildkombinationen die im einen Design noch ordentlich aussahen, können im eigenen Layout (oder auch bei Auswahl eines anderen festen Layouts) zuweilen wie Kraut und Rüben aussehen. Mit einer Designänderung ist also auch immer noch ein wenig inhaltliche Gartenarbeit verbunden.

  • Einige wenige JIMDO-Funktionen sind mit der Aktivierung der Layout-Schnittstelle nicht mehr verfügbar und lassen sich - da sie fester Bestandteil der vorgefertigten JIMDO-Layouts sind - auch nicht wieder herbeizaubern. Dazu gehören o Headerbild und dessen Bearbeitungsfunktionen
    • der globales Style-Editor den wir aus der Verwendung der Standard-Designs kennen
    • frei editierbare textliche Titel aus den Header-Funktionen mancher Deisgns 
    • Ausrichtung, Innenabstand und Rahmen wie von manchen Layouts im Bereich DESIGN > Style gewohnt

Die meisten dieser Funktion lassen sich im ‚eigenen Layout’ natürlich per CSS definieren und neu aufbauen, nur entfällt die liebgewonnene wirklich vielseitige Steuerung über von JIMDO auf der Seite zur Verfügung gestellte Style-Werkzeuge.