Loading
welovedesign - Wie füge ich mein eigenes Layout ein?

welovedesign - Online Hilfe - Wie füge ich mein "eigenes Layout" ein?

Dieser Text ist urheberrchtlich geschützt. Jegliche Verwendung muss vorher mit dem Autor abgesprochen werden!

Diese Frage wird immer öfters gestellt. Ich habe jetzt alle herunter geladen. Meine Jimdo Page ist auch schon online und mit Inhalten bestückt, jedoch fehlt noch das passende Design, damit die Website auch wirklich so zur Geltung kommt, wie Sie kommen soll. Um euch die Prozedur vom Download bis zum "fertigen" Einbau in eure Jimdo Page zu vereinfachen habe ich mich dazu entschlossen ein Tutorial für dieses Problem zu schreiben.

1. Voraussetzung für ein "eigenes Layout" bei Jimdo

Damit es überhaupt los gehen kann müsst ihr ein paar Voraussetzungen erfüllen. Die erste Voraussetzung ist, dass Ihr eine Jimdo Page braucht. Dabei ist es egal ob diese Jimdo Page eine Free, Pro oder Business ist, die Hauptsache ist, dass Ihr eine eigene Seite habt. Falls Ihr noch keine Jimdo Seite habt könnt ihr unter http://www.jimdo.com/ eine passende Domain bzw. Subdomain registrieren Als nächstes braucht Ihr einen Computer und eine funktionierende Internet Verbindung. Da Ihr auf meiner Seite seid ist diese Voraussetzung schonmal gegeben. Nun braucht Ihr noch ein Programm mit dem Ihr ZIP-Ordner öffnen und bearbeiten könnt. Für Windows und Mac gibt es jeweils eine Version von 7-ZIP.  Die Download-Datei für die Installation von 7-Zip auf euren PC oder Mac findet Ihr unter http://www.7-zip.de/download.html. Jetzt braucht Ihr nur noch eine Voraussetzung „Ein wenig Zeit!“.

So nun habt Ihr alle Voraussetzungen um euch erfolgreich ein besonderes Design aus unserem Designs Store runter zu laden und auf eurer Website zu verwenden. Bitte beachte dabei immer die Nutzungsbedingungen, den Datenschutz und den Verhaltenskodex. Vielen Dank :)

2. Download und entpacken der Dateien

Als nächstes gehst du auf unseren Design Store unsere Seite (http://welovedesign.jimdo.com/design-store/) und wählst dort ein Design aus, dass deinen Ansprüchen gerecht wird und dir gefällt. Nun klickst du auf den Button „Jetzt downloaden“ bzw. „jetzt kaufen & downloaden“. Beim Klick auf „jetzt downloaden“ öffnet sich nun ein neues Fenster und frag an ob du eine ZIP-Datei auf deinen PC oder Mac speichern möchtest. Bei „jetzt kaufen und downloaden“ wird dein Design in den Warenkorb getan. Entweder kannst du noch weitere Artikel vom Design Store erwerben oder du gehst auf Check out. Dort führst du dann deine Bezahlung aus und erhältst innerhalb von 24 Stunden eine E-Mail mit der ZIP-Datei. Bei beiden Arten hast du am Ende eine ZIP-Datei auf deinen Computer heruntergeladen. Diese musst du nun „ent-zippen“. Das heißt mit deinem ZIP-Programm die Datei öffnen und die Inhalte auf deinen PC oder Mac kopieren. Am besten in einen neuen Ordner den du z.B. „Jimdo Design“ nennst. In diesem ZIP-Ordner gibt es weitere „normale“ Ordner. Diese heißen html, css, javascrip und images. Wenn ein Ordner von den genannten nicht vorhanden ist wird keine dieser Dateien benötigt. Nun hast du einen weiteren Schritt in Richtung „eigenes Layout“ gemacht.

3. Hochladen der Dateien

Jetzt fragst du dich bestimmt wo du die Dateien hoch laden sollst auf deiner Jimdo Seite. Ich werde dir es im Folgenden erklären. Du loggst dich auf deiner Jimdo Page mit deinem Passwort ein. Nach erfolgreichem Login  klickst du bei der Bearbeitungsleiste auf „Layout“. Nun kommt ein neues Fenster auf deinen Bildschirm. Dort siehst du verschiedene „Jimdo Standart Designs“. In der Navigation siehst du das „LAYOUTS“ mit blauen Hintergrund markiert ist. Die anderen Felder der Navigation haben einen grauen Hintergrund. In dieser Navigation gehst du auf „EIGENES LAYOUT“. Es öffnet sich erneut ein Fenster. Du siehst das du nun eine weitere Navigation dazu bekommen hast. Dort steht dann die Auswahl zwischen „HTML“, „CSS“, „Dateien“ und „Hilfe / Tipps“. Nun gehst du in dem Ordner wo du die „entpackten“ Dateien gespeichert hast und wählst den Ordner „html“ aus. Dort befindet sich eine html.txt, html.doc und html.pdf Datei. Alle Dateien beinhalten den gleichen Code. Je nachdem welches Dateien-Format dir am Besten zusagt öffnest du dieses. Nun kopierst du den gesamten Code. Am besten mit STRG + A und danach STRG + C (bei PC´s) oder mit cmd + A und cmd + C (bei Mac`s). Nun wechselst du wieder zurück zu deiner Jimdo Page und löscht den gesamten Code der dort momentan im Eingabefeld steht. Als nächstes fügst du den Code des neuen Designs in das HTML-Eingabefeld ein. Nun machst du das gleiche mit der CSS-Datei. Nur das du diesen Code in das CSS-Eingabefeld einfügst, welches du mit klick auf „CSS“ bei deiner Jimdo Page erreichst. Zum Abschluss fügst du lädst du noch die Dateien hoch unter dem Navigationsfeld „Dateien“, die sich in den herunter geladenen Ordner unter „images“ und „javascript“ befinden. Zum abschluss klickst du auf "speichern". Nun kommt eine Vorschau deines neuen Designs. Falls du es übernehmen willst klickst du einfach auf "ja". Falls es dir nicht gefallen sollte klickst du einfach auf "nein" und probierst ein anderes Layout aus unserem Design Store aus. Nun bist du eigentlich schon fertig. Allerdings kannst du noch deine Website individualisieren.

4. Individualisieren

Natürlich kannst du in Rahmen der Nutzungsbedingungen das Design, welches du dir heruntergeladen hast so anpassen wie du willst. In kürze werde ich hier noch weiter schreiben um dir ein paar Tipps und Tricks zu zeigen damit deine Seite noch individueller und schöner wird.

 

5. Bedanken

Ich habe diese Website und alle Tutorials in aufwendiger Handarbeit geschrieben und selbst ausgetestet. Die meisten meiner Inhalte teile ich mit dir ohne dafür in irgendeiner Weise Geld dafür zu nehmen. Ich würde mich deshalb freuen, wenn du mich und meine Arbeit mit einem netten Kommentar oder einen „like“ auf Facebook unterstützt. Außerdem bin ich immer an neuen Bildern, Designs und Tools interessiert. Schick mir einfach alles was du denkst es würde helfen. Ich antworte dir garantiert. Natürlich kannst du auch Sponsor meiner Seite werden und ein Werbeplatz erhalten. Falls du interesse hast, melde dich doch einfach mit Hilfe des Kontaktes oder per Mail an engelmann.marcel@yahoo.de.

Homepage erstellen
1 Gilt für Lieferungen in folgendes Land: Deutschland. Lieferzeiten für andere Länder und Informationen zur Berechnung des Liefertermins siehe hier: Liefer- und Zahlungsbedingungen
2 Nach §19 der Kleingewerberegelung bin ich berechtigt, keine Mehrwertsteuer auszuweisen.