Navigation und Inhalt in Joomla

Transkript

1 1 Joomla Einführung Navigation und Inhalt in Joomla Inhaltsverzeichnis Navigation und Inhalt in Joomla...1 Einführung...2 Login...3 Navigation...4 Inhalte Hochladen...5 Joomla Yootheme Builder...9 Titel Text Module Image Positionierungen... Fehler! Textmarke nicht definiert. Seite 1 von 20

2 2 Joomla Einführung Einführung Willkommen zu der Einführung des Yootheme Pro Builder. Wir wollen Ihnen mit diesem Dokument ermöglichen selbständig kleinere Veränderungen an Ihrer Website vor zu nehmen. Stand Joomla v Dies beinhaltet: Login und Logout Navigation in Joomla Positionierung von Inhalt Neue Überschriften Neuen Text und Bildinhalt Kennenlernen der gängigsten Module Seite 2 von 20

3 3 Joomla Einführung Login Als erstes müssen wir uns Einloggen die tun wir indem wir hinter den Domain Namen /administrator schreiben. Wenn Sie das getan haben erscheint die Login Abfrage: Hier geben Sie Ihren Usernamen und Passwort ein. Unter Language-Default können Sie zwischen Englisch und Deutsch wählen Seite 3 von 20

4 4 Joomla Einführung Navigation Nach dem Einloggen finden wir uns im Joomla Kontrollzentrum wieder. Hier ist wichtig an zu merken, dass es gespiegelt ist und die Navigations Menüs einmal links als Icon Menü und einmal oben als Dropdown Menü bereitstellt. Die für Sie als Kunde am wichtigsten Menüpunkte sind: Medien Module Templates Seite 4 von 20

5 5 Joomla Einführung Inhalte Hochladen Starten wir mit dem Hochladen von Inhalt. Wichtig ist zu beachten, dass alle Files die Hochgeladen werden das richtige Format haben. Bilder immer in jpeg Texte die verlinkt werden in pdf Film in mp4 Musik in mp3 Und die richtige Grösse haben so dass Bilder die zb 1900 x 790 sind auch mit Bildern der gleichen Grösse ersetzt werden können. Wenn Sie Bilder zuschneiden müssen ist eine Gute gratis Anwendung: Um nun Inhalt Hoch zu laden klicken wir auf Medien. Seite 5 von 20

6 6 Joomla Einführung In Medien sehen wir nun die auf dem Server Installierten Ordner. Sie könnten schon hier Bilder Hochladen dies empfiehlt sich jedoch aus Organisatorischen Gründen nicht. Auf Ihrer Website wird die Ordnerstruktur Ihren Bedürfnissen angepasst werden. Zum hochladen gehen wir nun in unseren Beispiel Ordner Tiere. Seite 6 von 20

7 7 Joomla Einführung Der Ordner Pfad ist nun images/sampledata/parks/animals Nun klicken wir auf +Hochladen: Und danach auf Durchsuchen: Seite 7 von 20

8 8 Joomla Einführung Wichtig!! Dies ist nur ein Beispiel für die Ordnerstruktur und will bei Ihnen anders aussehen. Nun wählen wir das Bild aus das wir hochladen wollen. Wichtig!! Bitte beachten Sie das das Bild in dem richtigen Format ist, und benannt ist. Wenn das alles stimmt klicken Sie auf Hochladen starten Bei Pdf und Videos verfahren sie genau gleich. Seite 8 von 20

9 9 Joomla Einführung Joomla Yootheme Builder Der von uns Installierte Builder ermöglicht Ihnen Inhalte auf Ihrer Website schnell und einfach an zu passen. Um Ihn zu starten klicken wir auf Templates: Dies öffnet das Templates Fenster: Dort klicken Sie auf den Namen Ihrer Website in dem Beispiel web-d-vision. Seite 9 von 20

10 10 Joomla Einführung Und danach auf Open Website Builder: Auf der linken Seite sehen wir nun den Builder und links die Website mit einem Klick öffnen wir nun den Builder Seite 10 von 20

11 11 Joomla Einführung Links sehen wir nun alle Inhalte die auf der Website Installiert sind und rechts die Website. Vorsicht!! Bitte gehen sie nicht in die Library da sie nur mit wenigen Klicks Ihre Website überschreiben können. Wir gehen nun die für sie wichtigsten Bestandteile durch. Seite 11 von 20

12 12 Joomla Einführung Titel Werden in Yootheme als Headlines bezeichnet, wenn Sie nun im Builder über eine Headline mit Ihrer Maus fahren sehen Sie rechts Blau umrandet welche Headline Sie gerade anfahren. Nun klicken wir auf die Box mit dem Namen Headline. In dem Textfeld Können Sie nun Ihren Titel eingeben. Beachten Sie jedoch das die Länge des Titels den Rest Ihrer Seite beeinflusst. Seite 12 von 20

13 13 Joomla Einführung Haben Sie Änderungen vorgenommen gehen Sie zurück in den Builder Hauptmenu und klicken auf Save Page. Information! Da der Builder ein Server basierter dienst ist kann es einen Moment dauern bis der Save Button erscheint und Änderungen registriert werden. Text Text verhält sich genau gleich wie ein Titel. Seite 13 von 20

14 14 Joomla Einführung Seite 14 von 20

15 15 Joomla Einführung Module J! Module sind Module die ausserhalb von dem Builder mit Daten versehen werden und danach «Global» also auf der ganzen Website eingesetzt werden und immer den gleichen Inhalt darstellen. Seite 15 von 20

16 16 Joomla Einführung Image Unter Images werden Bilder verstanden die auf der Seite ersichtlich sind. Wichtig ist das alle Bilder die richtige Grösse, Format und Hochauflösend sind. Um ein Bild einzufügen klicken wir nun auf select Image: Seite 16 von 20

17 17 Joomla Einführung Wenn wir select Image angelkickt haben kommen wir zu unseren Installierten Ordnern. Und können ein Bild zum Hochladen aus einem der Ordner auswählen. Danach sehen wir das Ausgewählte Bild und können es abspeichern. Seite 17 von 20

18 18 Joomla Einführung Neues Segment Der Builder erlaubt uns schnell neue Elemente einzufügen und um zu Positionieren. Wichtig!! Neue Elemente können andere Inhalte auf der Website verschieben und das Gesamtbild stören. Kontrollieren sie also nach dem einfügen eines neuen Elements ob dies andere Elemente negativ verschoben hat. Links sind die einstellungen für die Sektion und links für die Darstellung. Im Builder haben wir folgende Tools: Bleistift (ändert die Einstellungen des Moduls) Dublicate (erstellt eine Kopie des Moduls) Save in Library (speichert das Modul in der Library Bitte nicht klicken) Delete (Löscht das Modul) Seite 18 von 20

19 19 Joomla Einführung Logout Haben sie alle Veränderungen vorgenommen die sie klicken Sie auf Close Danach auf Speichern & Schliessen Seite 19 von 20

20 20 Joomla Einführung Danach klicken Sie auf das Profilbild und Loggen sich aus. Seite 20 von 20