joomla.org
Für alle Interessierten aus dem Bereich des "CMS Online Designer/in (VHS)" findet ab dem 31.03.2014 das Modul "CMS Joomla" bei der KVHS Peine als Bildungsurlaub statt.
In diesem CMS-Workshop wollen wir uns alle notwendigen Fähigkeiten von der Installation bis hin zum eigenen Joomla!-Template erarbeiten. Das Seminar orientiert sich dabei an den aktuellen Leitfäden des neuen Online-Zertifikats (VHS) aber natürlich auch an den Bedürfnissen der Teilnehmer im Seminar.
Hier die Rahmendaten unseres Seminars:
Ort: KVHS Peine, Werkforum Herner Platz, Stahlwerkstr. 2, EDV-Raum 124
Zeiten: Mo, 31.03. - Fr, 04.04.2014; jeweils 08.30 - 16.00 Uhr
freiwillige Prüfung: Interesse wird ggf. im Seminar mit den Teilnehmern koordiniert
Ich werde unser Seminar an dieser Stelle - wie gewohnt - ausführlich begleiten...
Ihr Trainer Joe Brandes
Tag 01 - Montag
XAMPP
Montag, 31.03.2014, 08.30 - 16.00 Uhr
- Orientierungsphase, Absprache der Woche (Pausenzeiten / Seminartagende 16.30h ?) und freiwilliger Prüfung
Cobra-Shop mit Software für VHS-Schulungsteilnehmer; Hinweis auf Zertifikat CMS Online Designer - Kurzdarstellung "CMS Online Designer"
Hinweis/Nachfragen zu HTML & CSS - saubere Trennung (bzw. Kombination) von Layout (HTML) und Design (CSS) am Beispiel CSS ZEN GARDEN Website - Tools:
Bereitstellung / Konfiguration Windows Umgebung (s. a. Toolsammlung zum CMSOD)
Browser: Mozilla Firefox (Link) - Alternativen zum Testen vs. IE, siehe auch Google Chrome, ...
Packer: 7-Zip (Link) - Schneller und multifunktionaler als das Bordwerkzeug von Windows
Editor: Notepad++ (Link) - Syntaxhighlighting und mehr für Dateihandling von Joomla, CSS, ...
Windows Explorer (Win + E) konfigurieren: Dateierweiterungen einblenden; ggf.: System-/Dateien/Ordner einblenden - Dateierweiterungen einblenden
Anzeige der Dateiendungen mit Windows Explorer (Win + E);
Windows Vista / 7 / 8: Organisieren - Ordner- und Suchoptionen - Register Ansicht ...
Alternativ bei Windows XP: Menü Extras - Ordneroptionen - Serverumgebung XAMPP (BU-Version: XAMPP 1.8.3-3 mit PHP 5.5.9)
X - Betriebssysteme Linux (L), Windows (W), MacOS (M) oder Sun Solaris;
AMP - A - Apache (Webserver), M - MySQL (Datenbankserver), P - PHP (serverseitige Skriptsprache)
P - Projekt; Download der 7z-XAMPP-Version - Entpacken nach C:\ ergibt lokalC:\xampp\... - XAMPP und Technik KVHS Peine (Reborn-Karten)
Durch die Reborn-Karten der TN-Rechner müssen die Daten auf Laufwerk D: kopiert / gespeichert / entpackt werden
Ich stelle als Trainer ein fertiges selbstentpackendes XAMPP-Archiv bereit, das bereits Joomla-konfiguriert ist und Beispielinstallationen (Joomla 2.5, 3.2 und 3.2 Blanko) enthält!
Vorgehensweise:
- XAMPP-Archiv auf TN-PC kopieren über Netzwerkfreigabe "Transfer\joomla-bu-2014- Ordner"
- Zielordner: D:\xampp-joomla (oder auch gerne sonst Ihr Ziel nach Ihrer Vorgabe)
- Anpassen der XAMPP-Konfiguration mittels setup_xampp.bat (Doppelklick - Option 1)
- Starten des xampp-control.exe Kontrollcenter und Starten von Apache Webserver und MySQL Datenbanserver
Anm.: die Nachfragen der Windows-Firewall bein den Dienste-Starts können abgebrochen werden! - Joomla! (Heimatportal: www.joomla.org)
Versionen beachten, Übersichten in Wikipedia-Artikel Joomla!
Version 1.0 - bitte nicht mehr einsetzen, kann noch mit PHP4 eingesetzt werden, hat sehr viele Sicherheitslücken durch Grundmodi wie register_globals=On
Version 1.5 - Betrieb bitte ohne Legacy-Modus, eigentlich erste LTS-Variante seit Januar 2008! Empfehlung: unbedingt aktualisieren!
aktuelle LTS-Version (Logn Term Support - ca. 3 Jahre):
Version 2.5 - aktuell 2.5.19; seit Januar 2012 dann erste offizielle LTS-Version mit Nummer 2.5 (Alle .5er dann in der Folgezeit dann die LTS-Varianten mit gut 3 Jahren Support), 2.5 wird bis Ende 2014 supportet, Technikumgebungen bleiben dann immer einheitlich;
nächste LTS-Version:
Version 3.5 (September 2014 bis > September 2016) ... 4.0 / 4.1 / 4.2 / 4.5 ...
Statusartikel zur "Roadmap" von Joomla auf diesem Infoportal - Technik-Infos zu Joomla 3
Neu seit Version 3.2: Versionen für Beiträge; Einstellung mittels Optionen zu Beiträgen - Bearbeitungslayout - Verlauf speichern und Anzahl Versionen; außerdem lassen sich die 3er Versionen durch die Unterstützung des Bootstrap-Frameworks (ehemals Twitter-Bootstrap) auch sehr gut im Backend mit Smartphones (iPhones, Android) und Tablets nutzen (Stichworte: Responsive Design, Mobile First)
Testen mit Mozilla Firefox: Tastenkombination Umschalten + Strg + M (bzw. Menü - Webentwickler - Bildschirmgrößen testen) macht das schön deutlich! - Installation: Entpacken im Webdokument-Ordner unseres XAMPP
Download der aktuellen Version 3.2.3 von joomla.org
Lokal:C:\xampp-joomla\htdocs\joomla-test
Web:http://localhost/joomla-test
Aufruf der Webadresse zeigt uns die Installationroutine für Joomla;
Hinweis: für die Komplettierung der Installation bei einem Hoster sollte eigentlich vorher eine Datenbank mit phpMyAdmin auf dem MySQL-Datenbankserver angelegt werden!
Hinweis: So ist die Vorgehensweise mit den allermeisten Hosting-Paketen vergleichbar, auf denen man nicht einfach über eine Joomla-Installation eine DB anlegen lassen kann, sondern diese gezielt über das jeweilige Kundencenter erst manuell anlegen muss!
Anm.: viele Hoster bieten Ihnen auch sogenannte 1-click-Installationen (SaaS - Software as a Service) an, die dann auch alles in einem Arbeitsschritt erledigen!
XAMPP-Datenbank-Zugangsdaten: (Übersicht mit Hilfe Datei passwords.txt auf XAMPP-Hauptverzeichnis)
Datenbankserver: localhost; Benutzer: root; Passwort: leer (kein PW); - Sprachen für Frontend (Site) und Backend (Administrator)
FE und BE aufrufen und Testen des BE-Zugangs (Adresse der Site plus Ordner/URL administrator)
Language Manager nutzen um Sprache "german" nachzuinstallieren und dann für Site und Administrator die Standardsprache auf "German" umzustellen - Nachinstallationshinweise
die Hinweise ausgeblendet; insbesondere "Zwei-Faktor-Authentifizierung" - Übungen an Testinstallation mit Beipsiel-Beiträgen ("Joomla lernen" aus Installationsroutine):
Beiträge erstellen/editieren/ändern in BE (Backend - Administrator) und FE (Frontend - Site); Beiträge als Haupteinträge kennzeichnen (s. dann auch Hauptmenü - Menüpunkt Home); Nutzen der "Weiterlesen" Technik, damit Beiträge in Blog-Ansichten (siehe Hauptseite/Startseite) nur als "Anreißer" verkürzt dargestellt werden.
Schlagwörter (Tags) - neue Technik in Joomal 3.x; Verwaltung mittels BE-Menü Komponente
Kategorie - auf Hierarchien achten
Menüs - Bearbeitung des Hauptmenüs - Verlinkung des Menüpunkts Home (Startseite des Joomla-Systems) mit dem Typ "Beiträge - Haupteinträge" und "Beiträge - Einzelner Beitrag"; Aktivieren / Deaktivieren von Menüeinträgen; Konfiguration des Menüpunkts Home (Anzahl der Beiträge konfigurieren für führende Artikel und die Darstellung in Spalten; für letzteres ist natürlich eine geeignete Ausgabe vorrausgesetzt mit dem richtigen CSS)
Hinweis zu Alias für Menüs: werden automatisch erstellt und werden für "sprechenede URLs" (SEF - Searche Engine Friendly) genutzt - Achtung: nachträgliche manuelle Änderung kann zu "Fehler 404 - Dokument nicht gefunden" führen
Module - hier nur erst einmal die Menü-Module (Typ: Navigation - Menü) für die Positionierung von Menü im FE-Layout; Titel anzeigen / verbergen, Reihenfolge der Module anpassen - Versionen für Beiträge
seit Version 3.2 die Möglichkeit zu Beitragsversionen; Konfiguration über Menü Beiträge - Optionen - Verlauf speichern und Anzahl der Versionen festlegbar; Beitragsversionen lassen sich visuell vergleichen und gezielt wiederherstellen
Beitrag erstellen
XAMPP
Versionen
Haupteinträge
Setup
FE vs. BE
Tag 02 - Dienstag
Dienstag, 01.04.2014, 08.30 - 16.00 Uhr
- Rekapitulation, TN-Fragen
- Joomla-Installation ("Blanko" - ohne Beispielbeiträge)
Install-Zip-Archiv von Joomla-Webportal oder lokaler Ressource laden
In den Webserver-Hauptordner ./htdocs entpacken (Ordner: joomla-bu)
Installationroutine aufrufen über localhost/joomla-bu
Daten für Site eingeben (Anm.: "sinnvolle" Admin-E-Mail nötig; BE-Super User mit Passwort)
Datenbank anlegen (bzw. angeben): DB-Server, DB-Benutzer und Passwort, Datenbankname, Präfix
Installationsverzeichnis löschen (bzw. löschen lassen)
FE und BE aufrufen und Testen des BE-Zugangs
Language Manager nutzen für "german" in Site (FE) und Administrator (BE) - Hosting im Internet
Beispiele: 1und1, Strato (als "Massenhoster"); spezialisierte Hoster: JWeiland, Mittwald - Übung: Kategorie und Beiträge
Anlegen von Kategorie und Beispielbeiträgen für neue Kategorie; Bitte immer sauber an die "Anreißer/Teaser" denken (Weiterlesen)
Kennzeichnen von Beiträgen als Haupteinträge
Stapelverarbeitung: Technik zum effizienten Kopieren/Verschieben von Beiträgen - Übung: Menü "Main Menu"
Konfigurieren des einzigen Hauptmenüpunkts "Home" für die Ausgabe von Beiträgen -> Haupteinträge (Einführende, Einleitende, Spalten, Links); neuer Menüpunkt zu Beträge -> Einzelner Beitrag (Beitrag 04) - Übung: Module
Platzhalter für diverse technische Ausgaben: Navigationen (Menü, Breadcrumbs), Anmeldungs-Modul (Login), ...
wieder viele Eigenschaften für die einzelnen Module: Titel, Aktivieren/Deaktivieren, Zugriffsebene, Sprache, Zuweisungen, ...
Module für BE (Administrator - Position cpanel / Kontrollzentrum) modifiziert: Logged-In Users, Recently Added Articles, Popular Articles (eingedeutscht und konfiguriert (Anzahl der Beiträge, Reihenfolge der Module - Analyse der FE-Ausgabe: HTML & CSS
Code-Inspektoren bei Mozilla Firefox / Google Chrome (Umschalten + Strg + I); beim MS Internet Explorer F12
Empfehlung: Add-On Firebug für Firefox mit weiteren Tools und technischen Tricks
Anm.: Trainer stellt auf "Mobilen Firefox - siehe portableapps.com" um - wegen Reborn-Technik - BE-Konfiguration
Site - Offline-Modus (mit eigenen Meldungen und Bild), Meta-Informationen (für Suchmaschinen), Standard-Editor (Alternative zu TinyMCE suchen), Captcha (Formulare gegen Spam schützen - Empfehlung: reCaptcha oder barrierefreie "Rechnungen")
System - Debug-Modus, Cache, Session Lifetime (15 Min Standard)
Server - SSL erzwingen, Timezone, FTP (möglichst deaktiviert lassen), Datenbank (Grundkonfiguration ohne Passwort!), Mailing (keine Funktion auf Windows XAMPP) - Debug Modi
System debuggen: Einschalten des Debug-Modus im BE (Konfiguration) und Ansicht der Debug-Konsole im FE
Sprache debuggen: Anzeige der übersetzten Stellen in FE/BE mit **...** - Joomla (Datei- und Ordner-Struktur)
Einstieg in die Analyse der Joomla-Strukturen; Vorarbeiten für die Verständnisse zur Joomla-Arbeitsweise und die Einbindung der "Templates" zur gestylten Ausgabe unserer Joomla-Beiträge und -Daten
Wichtig: alle Dateien mit "UTF-8 ohne BOM" und am Besten immer mit unserem Notepad++ bearbeiten./administrator- das "Backend"; Seitenzugriff ggf. über Verzeichnis-Zugriffsschutz extra sichern und möglichst Zugriff mittels SSL (https)./components ./modules ./plugins- die Erweiterungen (Komponenten, Module, Plugins)./includes ./libraries- das "Joomla-Framework" (Joomla-Platform; Includes für "Einfügungen" von Code; Libraries stehen für Code-Bibliotheken)./language- die Sprachkonfigurationen bzw. Übersetzungen./templates- die Design-Vorlagen für die Siteconfiguration.php- die Konfigurationsdatei Ihrer Site (inkl. Zugangsdaten DB! Bitte lokal sicher aufbewahren und schützen und online auf Server nicht mit unsicheren Dateiattribute arbeiten: Stichwort 777 - Alle dürfen alles mit einer Datei machen! Größere Sicherheit mit Berechtigung 400 bzw. 440)htaccess.txt- Vorlage für .htaccess (Apache Webserver Konfigurationsdatei)index.php- die eigentliche Joomla-"Seite"LICENSE.txt README.txt- Infodateien zur Lizenz und lesenswerte Quellen rund um Joomlarobots.txt- Steuerdatei für Suchmaschienen (nicht um Unterordner kümmern)web.config.txt- Vorlage für web.config (MS Webserver IIS - Internet Information Server) - configuration.php
Übung: Konfigurationsvariable $offline auf den Wert '1' geändert - erzeugt den Offlinemodus der Site
Und nochmals: in dieser Datei stehen die Zugangsdaten zu Ihrer Joomla-Datenbank im Klartext! - ./language (Ordner)
Nachinstallation von Sprache "danish" erzeugt Unterordner da-DK
Übung: in Sprachdatei zum Template "protostar" ./language/de-DE/de-DE.tpl_protostar.ini
die Sprachkonstante des Templates TPL_PROTOSTAR_BACKTOTOP geändert und im FE beobachtet!
Übung: in Sprachdatei de-DE.mod_login.ini die Texte des Anmeldemoduls geändert - Templates I (eine erste Annäherung)
Am Beispiel "Protostar" und "Beez3" die Zuweisung der Templates mittels Stilen durchgeführt
so lassen sich dann später die Templates auch mehrfach auf Menüs zuweisen und auch hinterlegte Parameter nutzen;
Beispielübung: Template-Farben geändert
Farben in Hexadezimaler Definition: z.B. #3300CC erklärt durch Selfhtml-Projekt (Link)
Anm.: Beez3-Template von Angie Radtke und Ihrem Team (www.der-auftritt.de); von A. Radtke auch sehr gutes Buch zum Thema Joomla und Joomla-2.5-Templates (ISBN: 3827328462)
Joomla Ordner
configuration.php
Sprachdatei
Spalten im Blog
BE Module
Wartung
Tag 03 - Mittwoch
Mittwoch, 02.04.2014, 08.30 - 16.00 Uhr
- Rekapitulation, TN-Fragen
Erinnerung: die "Server" (Apache Webserver + MySQL Datenbankserver) müssen erst mal wieder morgens mit dem XAMPP Control Center gestartet werden! - Übung zu Kategorien /Beiträgen / Startseite
Planung von neuer Hautpkategorie "Verein" mit Unterkategorien "Vereinsführung" und Spielbetrieb
Erstellung und Zuordnung von neuen Beiträgen zu neuen Kategorien
Neue Beiträge als Haupteinträge festgelegt - individuelle Ausgabe auf Startseite (Haupteinträge) gewünscht
Konfiguration des Menüs "Home" für die Nutzung der "manuellen" Reihenfolge in den Haupteinträgen (Keine Sortierung über Kategorien und Reihenfolge wie in den Haupteinträgen)
Übersichtliche Darstellung mit Filtern und Einstellung von Ebenen - Optionen (Globale Einstellungen)
Inhalt - Beiträge - Optionen; Generelle Einstellungen für Beiträge, Kategorie, Kategorien, Blogs/Haupteinträge, Listen und Co
Übung: Infos/Details gezielt verbergen lassen
Hinweis: Einstellungen von Global (Optionen) über Menüs bis hin zu einzelnen Beiträgen konfigurierbar - Übung zu Menü und Modulen
Erstellung eines eigenen Menüs "Verein" - Anmerkung: der sogenannte Menütyp ist eine Systemname innerhalb Joomla (Vorschlag hier: verein) und es gibt noch eine optionale Beschreibung
Es gibt in der Menüübersicht sofort und direkt die Möglichkeit "Ein Modul für diesen Menütyp hinzuzufügen"
Für das Modul wieder diverse Anpassungen; Reihenfolge der Module an "position-7" geändert (aktuell etwas "spröde")
Übersicht zu Modultypen und Übungen an ausgeählten Typen:
Banner, Beiträge (z.B. Beliebte, Neueste), Benutzer (Anmeldung, Wer ist online), Eigene Inhalte, Navigation (Menü, Navigationspfad), Schlagwörter (Module erst bei Nutzung von Tags sichtbar), Statistiken, Suchen, Wrapper, Zufallsbild
Nachfrage/Anm. zu mehrsprachigen Websites: dann benötigen wir alles doppelt!
Übung: Startseite der Joomla-Site geändert (siehe Haus in Menü-Liste) - Bilder und Co in Joomla-Beiträgen
spezielle Integration über Registerkarte "Bilder und Links" wo man Anreißer/Teaser-Bilder (klein) und die Beitrags-Anzeige-Version (groß) einzeln zuweisen kann
Alternativ natürlich über den Button zum Bild einfügen des Editors (am Besten später mit erweitertem Editor - z.B. JCE) - Anm.: hier lassen sich viele Konfigurationen und Styles manuell für jedes Bild (img-Tag) zuweisen; besser ist hier die Lösung allgemein über CSS-Klassen zuzuweisen
Übung: Bilder und Links in Beiträgen eingearbeitet; Sonderzeichen (am Beispiel Ø) hinzugefügt - Hinweis auf HTML-Entities (Link Selfhtml-Projekt) - E-Mail-Verschleierung
über Erweiterungen - Plugins - Inhalt - E-Mail-Verschleierung (Plugin-Name emailcloak) werden E-Mailadressen per JavaScript verschleiert/unkenntlich gemacht, ohne die Funktion (Klick startet E-Mail-Client) zu verlieren; Tests mit Aktivierung/Deaktivierung des Plugins
Wichtig: sehr häufig muss nach Installationen von Plugins dieses erst einmal aktiviert werden! Das wird häufig vergessen! - Templates II (eine zweite Annäherung)
Am Beispiel "Protostar" die Modulpositionen eingeblendet (Optionen Templates - Vorschau auf Modulpositionen)
mit den Stiles lassen sich die Templates dann auch auf Menüs zuweisen und die hinterlegten Parameter nutzen;
Beispielübung: Stil "Protostar - default" kopiert in "Protostar - Verein" und letzteren individuelle Farbparameter eingestellt
mittels Register Menüzugehörigkeit individuelle Seiten auf den neuen Stil gelinkt
Templates im Netz (siehe z.B. www.joomlaos.de) geesucht und heruntergeladen - Spontanentscheidung für "Ol Anteez" von Entwicklerseite www.olwebdesign.com - Installation über Erweiterungen - Aktivierung als Standard-Stil (Template)
Hinweis: Entwickler bietet "Free" Variante an, die es allerdings dann auch als "Pro" gibt, in der dann wirklich alle Fähigkeiten freigeschaltet sind. Bei aufwändigen Templates ist eine gute Dokumentation empfehlenswert!
Status: keine Menüs - keine Suchbox; Grund: falsche Postionen! Anpassung der jeweiligen Positionen "search" und "mainmenu"
Status II: Hauptmenü-Leiste für Menü "Verein" ist nicht richtig gestylt - die richtigen Klassen für das Menü fehlen; die Beispielseite des Template wurde mit Firebug (oder Code-Inspektoren Umschalten + Strg + I) analysiert und die nötigen Klassen für das Menü-Modul unter Menüklassensuffix hinzugefügt (Achtung: eigenständige Klassen, daher bitte auf Leerzeichen am Anfang achten!)
Filter
Menümodule
Module
E-Mail-Verschleierung
Kategorien
Positionen
Tag 04 - Donnerstag
Donnerstag, 03.04.2014, 08.30 - 16.00 Uhr
- Rekapitulation, TN-Fragen
Buch A. Radtke "Templates für Joomla 2.5" (ISBN: 3827328462) TN zur Einsicht gezeigt
Hinweis zu Literatur: aktuell etwas "dünn" - und wir wollen ja eigentlich auch Erläuterungen zu den LTS (2.5 / 3.5) und nicht zu einer 3.0 / 3.1 oder andern STS Versionen
Bücher billiger und ohne Preisbindung: z.B. www.terrrashop.de (teils ab 20 Euro ohne Versandkosten) - BE-Vergleich 2.5 vs. 3.2
Tipp: wenn Sie sich an die obere Menüstruktur halten, sind die BEs sehr gleich!
Aber: BE 3.2 mit Responsive Design (Bootstrap) - dadurch auch auf Smartphones / Tablets nutzbar - Templates III (Einschätzungen Free vs. Kauf)
beispielhafte Gegenüberstellung von vermeintlichen "Free" gegen die Kauf-/Premium Versionen beim Anbieter "AS" (Link)
Einblicke in ordentliche Dokumentation (Modulpositionen, Anleitung für Modul-Konfigurationen), Preisgestaltung
Beachten: häufig benötigt man dann auch noch weitere Module (Extensions) für eine komplette Umsetzung des "freien Templates" - Rundgang durch das BE
s. a. Systeminformationen (PHP, Joomla Platform / Framework), PHP-Einstellungen, Konfigurationsdatei, Verzeichnisrechte, ... - Benutzer (Joomla-Benutzer-Konten)
Rechte der Benutzer über die Zuweisung von Benutzergruppen organisiert; klassische Hierarchien: Übersicht mit Openbook Galileocomputing Verlag zu Joomla 1.5 (Link)
FE: Registered (Anmeldung möglich), Author (Beitrag schreiben / einreichen / eigene ändern), Editor (Beiträge ändern), Publisher (Veröffentlichungen steuern, Hautpeintrag)
BE: Manager (eingeschränktes BE; z.B. ohne Benutzer), Administrator (erweitertes BE; z.B. inklusive Benutzerverwaltung)
Super User (kann überall Alles - also auch die Installationen und Verwaltungen im BE für Erweiterungen)
Übung: ausführliche Übungen mit allen Benutzern/Gruppen
Übung: eigenes Benutzermenü (Zugriffsebene: Registriert) erstellt: Beitrag einreichen, Benutzerprofil ändern, Profil anzeigen
Tipp: Orientierung an Best Practises aus der Demo-Joomla-Installation inkl. Beispieldaten: dort wurden neue Benutzergruppen und Zugriffsebenen geschaffen und angwendet
Tipp 2: das Anmelde-Modul (Login) erlaubt die Benutzerregistrierung neuer User - dieses lässt sich über Benutzer - Optionen deaktivieren
Tipp 3: es gibt auch ein Anmeldeformular als Menülink verdrahtet - den generierten Link (index.php ? option=com_user & view=login) kann man auch manuell als Link auf der Seite nutzen (bzw. verstecken) - Joomla-Technik-Überblick
alles direkt zu Joomla gehörige wird als Joomla-Kern (Joomla Core) bezeichnet
fremde Erweiterungen (z. B. Komponenten, Module, Plugins, Templates) werden als 3rd Party bezeichnet
Vorteil von Joomla Core Technik: wird immer gepflegt und für kommende Versionen aktualisiert und Datenübernahme garantiert - Weblinks (Joomla-Kern-Komponente)
Übung: Kategorie und Weblinks erstellt, in Menü "Verein" einen Link zum Auflisten der "Weblinks in Kategorie" erstellt - Kontakte
Kontaktinformationen mit Hilfe der Komponente "Kontakte" verwalten (eigene Kategorien für Kontakte/Kontaktgruppen möglich)
Beispielhaften Kontakt erstellt und mit Infos versehen; Verbindung mit einem Joomla-Benutzer möglich aber nicht notwendig
Übung: einzelnen Kontakt in unserem Testmenü verlinkt und getestet - Kontaktformular ohne Spamschutz
Spamschutz / Captcha-Technik: Installation der Erweiterung (Plugin) EasyCalcCheck+ von Viktor Vogel (über das BE - Erweiterungen - Plugins bitte auch aktivieren nicht vergessen!)
Anm.: hier wurde über das BE - Webkatalog "nur" der Download über das Entwicklerportal angeboten: bitte auf die richtige Version achten (J2.5 / J3.x)! - Backup & Restore I - Joomla-Techniken und klassische Sicherung eines Joomla-Systems
htdocs-Joomla-Verzeichnis mittels FTP sichern und wiederherstellen (hier: ./htdocs/joomla-bu)
Joomla-DB-Tabellen mittels phpMyAdmin exportieren und importieren (DB-Dumps)
Backup & Restore II - Akeeba (vormals JoomlaPack)
mittels Akeeba-Backup-Core-Komponente im Joomla-BE eine Sicherung erstellen (*.jpa)
mittels Kickstart-Skript (kickstart.php, Sprachdatei, JavaScripts) und Akeeba-Sicherungsdatei wiederherstellen
sehr schnell und effektiv (siehe im Vergleich >6500 Dateien / > 1200 Ordner mit FTP)
Anm.: bei Standard-Hoster (Shared Hosting Pakete) muss vorher eine Datenbank angelegt und die nötigen Infos (Datenbankserver, Datenbankname, Datenbankbenutzer und Datenbankpasswort) vorgehalten werden
Übung: Akeeba Backup Core Komponente installiert und Backup-Archiv erstellt; Tipp: Archiv-Ordner können konfiguriert werden, sodass man "große" Ordner (z.B. Download-Ordner mit großen PDFs) vom Archiv ausnehmen kann
Trainer-Demo: Wiederherstellung mittels "Kickstart" - morgen dazu dann TN-Übung - Plugins
Übersicht verschaffen mit Erweiterungen - Plugins; Typen: content, system, editors, editors-xtd
ein Joomla-System-Plugin: E-Mail-Verschleierung (emailcloak - siehe
Ordnerstruktur ./htdocs/joomla-3.2-blanko/plugins/content/emailcloak/emailcloak.php
Übung: ein Joomla-Plugin nachinstalliert: SIGE (Simple Image Gallery Extended - Viktor Vogel)
Übung mit SIGE: Einfügen manuelle Plugin-Inhaltsplatzhalter
Und wieder: bitte nicht vergessen die Plugins zu aktivieren!
Anm.: Techprobleme wegen fehlendem mootols-core.js (JavaScript Framework MooTools - Analyse mit Firebug)
Anmeldeformular
Akeeba Backup
Template Doku
BE 2.5 vs 3.2
Responsive BE
Beitrag deaktiv
Tag 05 - Freitag
Freitag, 04.04.2014, 08.30 - 16.00 Uhr
- Rekapitulation, TN-Fragen; Hinweis auf andere CMSOD-Seminare (Interesse, Zertifikat, freiwillige Prüfungen)
Problem SIGE lösen/darstellen
Topics und To-Do-List für Freitag:
JED (Beispiele - Premium Extensions), Templates (Blick hinter die Kulissen, Overrides), Joomla zum Hoster (Prinzip der Domainverwaltung, Virtual Hosts), Bilder optimieren (XnView, RIOT) ,... - Akeeba Backup (Übung TN)
Übung: Joomla-Site mittels Kickstart-Skript installieren/wiederherstellen
benötigte Dateien:
kickstart.php, deutsche Sprachdatei, JavaScripts und natürlich JPA-Datei (Akeeba-Backup-Archiv)
benötigte Infos: (bei Hosting-Paketen muss eine Datenbank vorher angelegt werden)
Zugangsdaten DB-Server (DB-Servername/Hostname; Datenbank, DB-Benutzername, Passwort) - Sprachpaket "german" für JCE
Beachten: diese Spracherweiterung (Unterstützung) wird durch eine Komponenteneigene Installationstechnik durchgeführt
Siehe hierzu auch die Erläuterungen des JCE-Forums; siehe auch Downloadname der Sprachedatei jce_*
Dazu im Gegensatz: JCE MediaBox ist wieder eine Joomla-Plugin-Erweiterung (plg_*) - Übung mit JCE
Konfigurationen über global die Joomla-Konfiguration (Standard Editor quasi) oder alternativ über die Benutzer und deren Eigenschaften
Kleinbild mittels JCE-Bildsymbol eingefügt und "gestylt" (besser später natürlich über CSS-Klassen)
Dieses Kleinbild danach per Link mit der großen Dateiversion verlinkt und unter Register Popups die Option "JCE MediaBox-Popusp" ausgewählt und konfiguriert (Titel, Bildunterschrift)
Hinweis: für die SIGE (Simple Image Galery Extended - Viktor Vogel) gibt es ein Button-Plugin (editors-xtd) - auch hier wieder bitte nicht die Aktivierung des Plugins vergessen (und auch in den Eigenschaften ein beliebigen Token-Eintrag hinterlegen) - JED - Joomla Extensions Directory
Online-Repository mit Erweiterungen (Komponenten, Module, Plugins); in den aktuellen Versionen sogar direkt im Backend von Joomla verfügbar
Einschätzungen mittels Download-Zahlen, Wertungen, Benutzer-Feedback, Aktualität, Versionsunterstützungen Joomla
Das JED ist mittlerweile auch im BE von Joomla angekommen: Aus Webkatalog installieren
Hinweis: auf diesem Portal gibt es zum CMSOD eine Linksammlung von mir (Link), wo ich in der Rubrik "Modul IIIa Joomla" eine Sammlung von Premium-Extensions aufliste (nur eine persönliche Zusammenstellung natürlich) - Bilder ("... and now to something completely different!" - Monty Python ;-)
die Daten aus den DigiCams und Co (Smartphones, Tablets, Scans) müssen für das Web optimiert werden:
Größe in kB: viele MB-große Dateien müssen auf erträgliche Größen (kB) komprimiert werden
Größe in Pixel: die Dimensionen für die 100%-Darstellung auf Ausgabegeräten optimieren
Ziel: Große Bilder in Beiträgen (Vollformat) ca. 50-100 kB bei 500 bis 800 Pixel Breite dimensionieren
Tools (siehe wieder Toolsammlung): Übungen mit RIOT (Radical Image Optimization Tool), XnView (mit Stapelverarbeitung für viele Bilder und vielfache weitere Funktionen wie Wasserzeichen, ...) - Virtual Hosts (genauer Namensbasierte Hosts)
Wir wollen unsere Webprojekte sauber über ein Server-Domain-Hauptverzeichnis ansprechen, damit Techniken wie Mehrsprachigkeit, SEF (Suchmaschinen-freundliche URLs) oder auch manche Extensions - die es etwas genauer nehmen - sauber funktionieren.
Zur Umsetzung müssen wir die folgenden Dateien konfigurieren: (Ordner)
Web-Server: httpd-vhosts.conf (hier: XAMPP-Ordner\apache\conf\extra)
Web-Client / Betriebssytem: hosts (hier Windows: C:\Windows\System32\Drivers\etc)
Beispielhafte Dateiinhalte können Sie im Beitrag "Übungsumgebung" auf diesem Portal einsehen. - Overrides (nur kurz durch Trainer dargestellt - aus Zeitgründen keine TN-Übungen)
1) Bilder des Joomla Systems: ./media/system/images/printButton.png
lassen sich mit: /templates/tplname/images/system/printButton.png überschreiben.
2) Modulausgaben lassen sich mittels eigenem style="bustyle" in der Templatedatei /templates/tplname/html/modules.php mit eigener Funktion function modChrome_bustyle überschreiben.
siehe hierzu Beez 3.0 Templatedateien (beez3) index.php und html/modules.php
Styles der Beez 3.0: beezDivsion, beezTabs, beezHide (Tabs, Hide in Demoinstallation zu bewundern)
3) Alle Ausgaben der Joomla-Komponenten und Erweiterungen lassen sich mit geeigneten html-Ordnerkonstruktionen im Template Ordner html überschreiben (siehe MVC Entwurfsmuster). Die Override-Dateien lassen sich im BE bei der Template-Verwaltung einfach erstellen und bearbeiten. - TN-Bescheinigungen, Feedback, letzte TN-Fragen
RIOT
XnView
DB-Daten
Webkatalog
JED
Extension-Plugins
Verwalten
JCE Medienmanager
kickstart.php
Vielen Dank für Ihre überaus positiven Rückmeldung im Seminar (Feedback-Bögen) und auch nach dem Seminar per Mail. Ich freue mich auch über Ihr Interesse an den anderen CMSOD-Seminaren und hoffe, dass wir uns dazu dann bei weiteren Seminaren an der KVHS Peine wiedersehen.
Ihr Trainer Joe Brandes
