Webseiten mit Joomla

Wir begrüßen Sie recht herzlich zum

Seminar Webseiten mit Joomla vom Kreisverband für Obstbau, Garten und Landschaft Ludwigsburg e.V.

Seminar Webseiten mit Joomla

Webspace über den KOGL Ludwigsburg Angebot KOGL (10 Vereine) 5 Vereine teilen sich 20 GB Webspace bei Webshostone Kosten pro Jahr und Verein 50,90 € im ersten Jahr Kosten pro Jahr und Verein 46,43 € ab dem zweiten Jahr Mitgliederverwaltung „Admidio“ inbegriffen

Angebot KOGL (20 Vereine) 5 Vereine teilen sich 20 GB Webspace bei Webshostone Kosten pro Jahr und Verein 43,45 € im ersten Jahr Kosten pro Jahr und Verein 41,22 € ab dem zweiten Jahr Mitgliederverwaltung „Admidio“ inbegriffen

Seminar Webseiten mit Joomla

Unser Fahrplan für heute ➢

Begriffserklärung

➢

Positionen im Template

➢

Beiträge erstellen, Beiträge ändern

➢

Zeitsteuerung der Beiträge

➢

Bilder im Beitrag

➢

Bildergalerie in Beitrag einbinden

➢

Der „Weiterlesen“-Link

➢

Menüeintrag anlegen, Menüeintrag ändern

➢

Module nur auf bestimmten Seiten anzeigen lassen

➢

Kalendereinträge anlegen

Seminar Webseiten mit Joomla

Unser Fahrplan für heute ➢

Kurze Theorie

➢

Sie sollen es heute nur gesehen haben

➢

Fachbegriffe mal gehört haben

➢

Sie werden heute keine Profis

➢

Sie sollen eigene Ideen entwickeln

➢

Praxis mit Ihren Fragen

➢

Sie erhalten individuelle Hilfe vom KOGL

Seminar Webseiten mit Joomla

Begriffserklärung Beiträge ➢

Der angezeigte Inhalt auf der Webseite (Content = Inhalt)

Kategorien ➢

Thematische Sortierung der Beiträge

Kategorieblog ➢

Zeigt alle Beiträge innerhalb einer Kategorie auf einer Seite an

Komponente ➢ ➢

„Programm“ ins System Joomla integriert z.B. Komponente Kalender „!Cagenda“

Modul ➢ ➢

Stellt etwas auf der Webseite dar z.B. die Termine vom Kalender „!Cagenda“

Plugin ➢ ➢

Stellt etwas innerhalb von einem Modul oder im Beitrag dar z.B. die Bildergalerie „SIGE“

Seminar Webseiten mit Joomla

Begriffserklärung Backend ➢ ➢ ➢ ➢ ➢

➢

Ist die Schaltzentrale der Webseiten Einstellungen der Webseiten vornehmen Beiträge erstellen/bearbeiten Template anpassen Module und Plugins anpassen

Frontend ➢

Die eigentlichen Webseiten

➢

Sichtbar für die Besucher der Webseiten

Für den Besucher der Seiten nicht sichtbar

Seminar Webseiten mit Joomla

Positionen im Template Template ➢ ➢ ➢ ➢

Ist die Oberfläche der Webseiten Steuert das Aussehen der Webseiten Ist nur eine Schablone mit vordefinierten Positionen Zeigt die Module an von Ihnen gewünschten Positionen an

Positionen ➢ ➢ ➢ ➢

Müssen nicht alle benutzt werden Können von Ihnen beliebig verwendet werden Können auch mehrere Module aufnehmen Werden nur angezeigt, wenn durch ein Modul belegt

Seminar Webseiten mit Joomla

Beiträge erstellen – Kategorien anlegen

➢

Erstellen Sie zuerst Kategorien!

➢ ➢ ➢

➢

Klicken Sie auf „Inhalt“ Wählen Sie „Kategorien“

Wählen Sie den Eintrag „Neu“

Seminar Webseiten mit Joomla

Beiträge erstellen – Kategorien anlegen

➢ ➢ ➢ ➢

Titel für die Kategorie eingeben Feld „Alias“ leer lassen Feld „Beschreibung“ leer lassen Gegebenenfalls übergeordnete Kategorie wählen

Seminar Webseiten mit Joomla

Beiträge erstellen

➢ ➢

➢ ➢

➢

Klicken Sie auf „Inhalt“ Wählen Sie „Beiträge“

Klicken Sie auf den Eintrag „Suchwerkzeuge“ Wählen Sie die richtige Kategorie für den Beitrag

Wählen Sie den Eintrag „Neu“

Seminar Webseiten mit Joomla

Beiträge erstellen

➢ ➢ ➢

Titel eingeben Feld „Alias“ leer lassen Text schreiben

Seminar Webseiten mit Joomla

Beiträge erstellen - Überschriften

➢ ➢ ➢

➢

Den Text der Überschrift markieren Auf den Formatierungsschalter klicken („Paragraph“) Die entsprechende Formatierung der Überschrift wählen („Heading X“) Überschriften sind wichtig für die Suchmaschinen! (z.B. Google)

Seminar Webseiten mit Joomla

Beiträge ändern

➢ ➢

➢ ➢

➢

Klicken Sie auf „Inhalt“ Wählen Sie „Beiträge“

Klicken Sie auf den Eintrag „Suchwerkzeuge“ Wählen Sie die richtige Kategorie für den Beitrag

Klicken sie auf den zu ändernden Beitrag

Seminar Webseiten mit Joomla

Beiträge ändern

➢

Bearbeiten Sie den Beitrag

Seminar Webseiten mit Joomla

Zeitsteuerung der Beiträge

➢ ➢ ➢

Veröffentlichung starten: Tag und Uhrzeit, wann der Beitrag automatisch auf der Webseite erscheinen soll Veröffentlichung beenden: Tag und Uhrzeit, wann der Beitrag automatisch ausgeblendet werden soll Erstellungsdatum: Nur wichtig für die Sortierung der Beiträge innerhalb von einem Kategorieblog

Seminar Webseiten mit Joomla

Bilder im Beitrag Für Bildergalerie oder Bilder in Beiträgen: ➢

Bildformat: *.jpg

➢ ➢

Bildgröße: 1200 bis 1400 px breit, 600 bis 800 px hoch

➢

Komprimierung: 75% oder 80%

➢

Auflösung: 96 dpi

Für Logo und einfache Grafiken: ➢

Bildformat: *.png

➢

Komprimierung: höchste

➢ ➢ ➢

Dateinamen klein geschrieben Keine Leerzeichen Keine Sonderzeichen

Seminar Webseiten mit Joomla

Bilder im Beitrag

➢

Bild wird automatisch im Beitrag angezeigt

➢

Klicken Sie auf „Bilder und Links“

➢

Klicken Sie auf „Auswählen“

Seminar Webseiten mit Joomla

Bilder im Beitrag

➢

Wählen Sie das Verzeichnis, in dem das Bild gespeichert ist

➢

Wählen Sie das Bild und klicken Sie auf „Einfügen“

Seminar Webseiten mit Joomla

Bilder im Beitrag

➢

Oder laden Sie ein neues Bild hoch

➢

Klicken Sie auf „Durchsuchen“

➢

Wählen Sie das Bild

➢

Klicken Sie auf „Hochladen starten“

➢

Das Bild ist eingefügt

Seminar Webseiten mit Joomla

Bilder direkt im Beitrag

➢ ➢

Auf diesem Weg fügen Sie ein Bild direkt in den Beitrag ein Nicht empfehlenswert

Seminar Webseiten mit Joomla

Bildergalerie im Beitrag

➢

Galerie „SIGE“ verwenden

➢

Sehr schnelle Galerie

➢

Einfach zu konfigurieren

➢

Das Eingabeschema ist: {gallery}Verzeichnis,random=1{/gallery} für zufällige Auswahl der Vorschaubilder

➢

Bilder müssen zwingend in einem Verzeichnis unter „images“ liegen (Standardverzeichnis von Joomla)

➢

Hilfe zu den Parametern unter: https://joomla-extensions.kubik-rubik.de/sige-simple-image-gallery-extended

Seminar Webseiten mit Joomla

Bildergalerie im Beitrag

➢

Die Anzahl der zufälligen Vorschaubilder werden über das Plugin eingestellt

Seminar Webseiten mit Joomla

Der „Weiterlesen“-Link

➢

➢ ➢

Der „Weiterlesen“-Link trennt von der Seite einen Einleitungstext ab Bringen sie durch „Klicken“ den Cursor in die Zeile, wo der „Weiterlesen“-Link eingefügt werden soll Klicken Sie auf „Weiterlesen“

Seminar Webseiten mit Joomla

Der „Weiterlesen“-Link

➢

So muss es aussehen

Seminar Webseiten mit Joomla

Der „Weiterlesen“-Link

➢ ➢

Das Ergebnis Funktioniert nur, wenn Beitrag im Kategorieblog angezeigt wird (Menüeinstellung)

Seminar Webseiten mit Joomla

Menüeintrag anlegen – Die wichtigsten Menü-Typen Einzelner Beitrag ➢

Zeigt einen einzigen Beitrag an, z.B. Impressum, Satzung usw.

Kategorieblog ➢ ➢

Zeigt alle Beiträge innerhalb einer Kategorie auf einer Seite an Hier ist der „Weiterlesen“-Link wichtig, nur die Einleitungstexte werden angezeigt

Inhalt einer Komponente ➢

Zeigt Inhalte einer Komponente an, z.B. Kalender-Komponente „!Cagenda“

Systemlinks ➢

Link auf eine externe Seite, z.B. www.kogl-lb.de

Seminar Webseiten mit Joomla

Menüeintrag anlegen

➢ ➢

➢

➢ ➢ ➢

Klicken Sie auf „Menüs“ Wählen Sie „Main Menu“

Wählen Sie den Eintrag „Neu“

Titel für den Menü-Eintrag eingeben Feld „Alias“ leer lassen Bei „Menüeintragstyp“ auf „Auswählen“ klicken

Seminar Webseiten mit Joomla

Menüeintrag anlegen

➢ ➢

Wählen Sie den richtigen Menü-Typ durch einfaches Anklicken aus z.B. Kategorieblog

Seminar Webseiten mit Joomla

Menüeintrag anlegen

➢

Wählen Sie die gewünschte Kategorie

Seminar Webseiten mit Joomla

Menüeintrag anlegen

➢

Entscheiden Sie, ob es ein Untermenüeintrag sein soll

Seminar Webseiten mit Joomla

Menüeintrag ändern

➢ ➢

➢ ➢

Klicken Sie auf „Menüs“ Wählen Sie das entsprechende Menü

Klicken Sie auf den zu ändernden Menüeintrag Benutzen Sie die Suchwerkzeuge!

Seminar Webseiten mit Joomla

Menüeintrag ändern

➢ ➢

Wählen Sie den richtigen Menü-Typ durch einfaches Anklicken aus z.B. Kategorieblog

Seminar Webseiten mit Joomla

Menüeintrag ändern

➢

Wählen Sie die gewünschte Kategorie

Seminar Webseiten mit Joomla

Menüeintrag ändern

➢

Entscheiden Sie, ob es ein Untermenüeintrag sein soll

Seminar Webseiten mit Joomla

Module nur auf bestimmten Seiten anzeigen lassen

➢

Module können auf allen Seiten angezeigt werden

➢

Module können aber auch nur auf bestimmten Seiten angezeigt werden

➢

z.B. der Slider auf der Startseite soll nur hier angezeigt werden

Seminar Webseiten mit Joomla

Module nur auf bestimmten Seiten anzeigen lassen

➢ ➢

➢ ➢

➢

Klicken Sie auf „Erweiterungen“ Wählen Sie „Module“

Klicken Sie auf das zu ändernde Modul Benutzen Sie die Suche!

Klicken Sie auf „Menüzuweisung“

Seminar Webseiten mit Joomla

Module nur auf bestimmten Seiten anzeigen lassen

➢

➢ ➢

➢

Wählen Sie unter „Modulzuweisung“: „nur auf den gewählten Seiten“

Klicken Sie auf „Keine“ Wählen Sie die Seiten (Menüs), wo das Modul angezeigt werden soll Speichern Sie die Einstellungen

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢ ➢ ➢

➢

Klicken Sie auf „Komponenten“ Bewegen Sie den Mauszeiger auf „!Cagenda“ Bewegen Sie den Mauszeiger weiter auf „Veranstaltungen“

Klicken Sie auf „Neu“

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢ ➢

Tragen Sie einen Name für den Termin ein Wählen Sie eine Kategorie

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢

Tragen Sie Datum und Uhrzeit ein

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢

Beschreiben Sie den Termin

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢

Informationen zum Ort und Kontaktdaten für Rückfragen

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢ ➢

Benutzen Sie Google Maps für den Ort der Veranstaltung! Schieben Sie das Standortsymbol einfach an die richtige Stelle!

Seminar Webseiten mit Joomla

Kalendereinträge mit !Cagenda

➢

Das Ergebnis

Seminar Webseiten mit Joomla

Webseiten mit Joomla

Wenn Sie Hilfe brauchen:

[email protected] 0178-3553427

Seminar Webseiten mit Joomla

Webseiten mit Joomla

So erreichen Sie das Backend von Ihren Webseiten: http://www.ihre-webseiten.de/administrator/

Seminar Webseiten mit Joomla