5. Joomla und Wordpress. DHBW Stuttgart T2INF

Transkript

1 5. Joomla und Wordpress DHBW Stuttgart T2INF

2 5. Joomla Joomla ein Open Source CMS Joomla ist Open Source Keine Lizenzgebühren! Freie Verfügbarkeit des Quellcodes Portal kann (Programmierkenntnisse vorausgesetzt) beliebig gestaltet werden Joomla! verfügt über eine große Entwicklergemeinde und tausende von Erweiterungen Support für Mittelständer gut erhältlich Im Jahr 2012 über 30% Marktanteil bei CMS, im Jahr 2014 bereits unter 20% DHBW Stuttgart T2INF

3 Joomla Geschichte 2000 Die Firma Miro International entwickelt Mambo als Open Source 2005 Miro International: - Lizenzänderung, Namensrechte bei Miro - Mambo Entwickler lehnen dies ab und "forken" das Projekt 2005: Joomla! Codebasis von Mambo - Offizielles Supportende September : Joomla! 1.5.x - Core neu entwickelt - Striktere Trennung Layout/Design/PHP - Ajax (Mootool) Features im Core 5. Joomla DHBW Stuttgart T2INF

4 Joomla Geschichte 2009: Joomla 1.6.x - Neues Rechtemanagement - Baumartige Verzeichnisstruktur - Mehrsprachigkeit als Basisfunktion 2011: Joomla 1.7.x - One Click Updates - Fester Releasezyklus - Verbesserte Mehrsprachigkeit 2012: Joomla Schnellerer Seitenaufbau - einfacher Updates - LTS-Version bis Aktuell: Fokus auf mobiler Verwendung - Responsive Design 5. Joomla DHBW Stuttgart T2INF

5 WordPress DHBW Stuttgart T2INF

6 5. WordPress WordPress ein Open Source CMS WordPress ist Open Source Keine Lizenzgebühren! Freie Verfügbarkeit des Quellcodes Portal kann (Programmerkenntnisse vorausgesetzt) beliebig gestaltet werden WordPress verfügt über eine große Entwicklergemeinde und tausende von Erweiterungen Support für Mittelständer gut erhältlich WordPress ist weltweit das meist genutzte CMS DHBW Stuttgart T2INF

7 5. WordPress WordPress Geschichte 2001/2002: Michel Valdrighi entwickelt ein Weblogsystem namens b2/cafelog als Open Source, stellt die Entwicklung jedoch ein Mai 2003: Matthew Mullenweg und Mike Little beginnen mit der Entwicklung von WordPress auf der b2-codebasis Januar 2004: Die erste stabile Version von Wordpress erscheint - Alle Hauptversionen seit WordPress wurden nach Jazzmusikern benannt - Valdrighi schließt sich wieder der Entwicklung an - WordPress wird offizieller Nachfolger von b2 Februar 2005: WordPress Durch die Unterstützung des Verwaltens von statischen Seiten kann WordPress jetzt auch als einfaches Content-Management-System genutzt werden. August 2005: Mullenweg und andere gründen die Firma Automattic - Bessere Koordination der Entwicklung von WordPress - Angebot weiterer Dienste rund um das Bloggen - WordPress.com startet als Blgohosting-Dienst DHBW Stuttgart T2INF

8 5. WordPress WordPress Geschichte 2007: WordPress gewinnt den Open Source CMS Award in der Kategorie Best Open Source Social Networking Content Management System 2009: WordPress gewinnt den Open Source CMS Award in der Kategorie Overall Best Open Source CMS Aktuelle Version: 3.9 (April 2014) Die 5-Minuten-Installation - Vom Download des Installationspakets bis zum fertigen Blog werden weniger als 5 Minuten benötigt DHBW Stuttgart T2INF

9 5. WordPress WordPress Installation Webserver oder gehosteter Webspace mit - PHP oder höher - MySQL 5.0 oder höher - Apache mod_rewrite Modul für schönere URLs Download von Entpacken des Pakets Öffnen der Datei wp-config-sample.php mit einem Texteditor, erforderliche Datenbankdaten und die Sicherheitsschlüssel einfügen Abspeichern unter dem neuen Namen wp-config.php Alle Dateien auf den Server übertragen Installation durch Öffnen der Datei install.php über den Browser DHBW Stuttgart T2INF

10 Anhand des Beispiels Das Tech Blog mit WordPress, MySQL und Apache DHBW Stuttgart T2INF

11 Einrichten des Webservers In diesem lokalen Beispiel mithilfe von XAMPP DHBW Stuttgart T2INF

12 Für Testumgebungen und kleine Entwicklungsserver Komplettpaket mit Apache, MySQL, FTP und Tomcat Installation in wenigen Minuten Umfangreiches Logging DHBW Stuttgart T2INF

13 Herunterladen von XAMPP: Entpacken in einen beliebigen Ordner Ausführen von setup_xampp.bat (automatische Konfiguration) Starten und Beenden von Diensten bequem mit xampp-control.exe DHBW Stuttgart T2INF

14 Tipps: Nach dem Verschieben des XAMPP-Ordners setup_xampp.bat erneut ausführen und absolute Pfade anpassen Der htdocs-ordner ist via erreichbar. Testinstallationen sollten hier erfolgen Die Zugangsdaten für MySQL sind root als User und als Password DHBW Stuttgart T2INF

15 WordPress Installation Installation einer derzeit aktuellen deutschen Version DHBW Stuttgart T2INF

16 Erste Schritte Wordpress herunterladen: Archiv entpacken Verzeichnis in den Webserver kopieren Ggf. Rechte anpassen, wenn Installation unter Linux/Mac DHBW Stuttgart T2INF

17 Salting Erstellen von Zufallswerten für das Salting der sensiblen Benutzerinformationen DHBW Stuttgart T2INF

18 Serverdienste Webserver/SQL mit bekanntem Control-Panel starten DHBW Stuttgart T2INF

19 Webserverdienste In diesem Beispiel wird XAMPP verwendet. In Produktivumgebungen wird dieses nicht empfohlen Mögliche Webserver Apache IIS mit FastCGI MySQL-Server Erstellen einer dynamischen Webplattform DHBW Stuttgart T2INF

20 Erstellen einer Datenbank Erstellen einer dynamischen Webplattform Erstellen der MySQL Datenbank tech_blog DHBW Stuttgart T2INF

21 Konfigurationsdatei anpassen Erstellen einer dynamischen Webplattform Hinzufügen des Salts sowie der Zugangsdaten zum SQL DHBW Stuttgart T2INF

22 Installation von Wordpress Erstellen einer dynamischen Webplattform DHBW Stuttgart T2INF

23 Installation von Wordpress Erstellen einer dynamischen Webplattform DHBW Stuttgart T2INF

24 WordPress Einrichtung Im Backend DHBW Stuttgart T2INF

25 Backend DHBW Stuttgart T2INF

26 Backend Neue Blog Einträge Neue statische Seiten Erweiterungen installieren Mail-Settings etc. DHBW Stuttgart T2INF

27 Backend Auf dem Dashboard sind die wichtigsten Daten zusammengefasst DHBW Stuttgart T2INF

28 Dynamische/Statische Seiten WordPress trennt statische Informationsseiten (Seiten) und dynamische Posts (Artikel) Seiten können auch dynamische Inhalte enthalten, sind aber standardmäßig in der Navigationsleiste verankert Artikel dienen als Blog-Posts oder als News und werden als Feed dargestellt Die Sichtbarkeit (öffentlich, Zugriff nur mit Passwort, ) von Seiten und Artikeln kann individuell festgelegt werden DHBW Stuttgart T2INF

29 Erstellen einer statischen Seite für das Impressum DHBW Stuttgart T2INF

30 Erstellen einer statischen Seite für das Impressum DHBW Stuttgart T2INF

31 Erstellen einer dynamischen Seite (Artikel) DHBW Stuttgart T2INF

32 Erstellen einer dynamischen Seite (Artikel) Artikel können um Bilder ergänzt werden Über Hochladen/Einfügen können Artikel um Bilder ergänzt werden DHBW Stuttgart T2INF

35 Erstellen einer dynamischen Seite (Artikel) Plugins (in diesem Fall Lightbox Plus ) ermöglichen es, Detailansichten von Bildern in einem Lightwindow zu öffnen. DHBW Stuttgart T2INF

36 Erstellen einer dynamischen Seite DHBW Stuttgart T2INF

37 Formatvorlagen Es existieren mehrere Formatvorlagen für Artikel Es können eigene Formatvorlagen erstellt werden DHBW Stuttgart T2INF

38 Kategorien Kategorien werden für das Sortieren von Artikeln verwendet Jede Kategorie kann separat betrachtet werden Kategorien können Unterkategorien hinzugefügt werden Aus den Kategorien fertigt WordPress automatisch RSS-Feeds DHBW Stuttgart T2INF

39 Erstellen von Kategorien Erstellen einer dynamischen Webplattform DHBW Stuttgart T2INF

40 WordPress anpassen Erweiterungen und Designs DHBW Stuttgart T2INF

41 Erweiterungen WordPress bietet tausende Erweiterungen an, um die Webplattform an jede Anforderung anpassen zu können Unter Plugins kann bequem nach Schlüsselwörtern oder Namen gesucht werden Plugins werden automatisch installiert Es werden keine manuellen Veränderungen an evtl. Templatedateien benötigt Auch tiefgreifende Veränderungen werden automatisch durchgeführt Für die Bearbeitung im Backend ist der Standard Editor nur begrenzt nutzbar Bequemer ist der Ultimate TinyMCE Editor, der jetzt installiert werden soll DHBW Stuttgart T2INF

42 Installieren eines Plugins Erstellen einer dynamischen Webplattform DHBW Stuttgart T2INF

43 Installieren eines Plugins Plugins sind nach der Aktivierung deaktiviert und müssen manuell aktiviert werden DHBW Stuttgart T2INF

44 Installieren eines Plugins Der neue Editor ist nun automatisch verfügbar und erscheint während des Erstellens von Artikeln oder Seiten DHBW Stuttgart T2INF

45 Aktualisieren eines Plugins Wenn Updates für Plugins verfügbar sind, wird darauf automatisch hingewiesen Aktualisierungen werden durch einen Klick ausgeführt DHBW Stuttgart T2INF

46 Designs Mithilfe von Designs kann WordPress an den eigenen Geschmack angepasst werden Es gibt tausende kostenlose Designs sowie viele kostenpflichtige Die Installation von Designs geschieht normalerweise manuell, kann aber mit einer begrenzten Anzahl von Designs auch automatisch durchgeführt werden Viele Designer bieten eine Flatrate zu Custom Designs an, die automatisch auch Erweiterungen beinhalten und WordPress komplett verändern können Das eigentliche Look & Feel von WordPress wird dadurch ersetzt DHBW Stuttgart T2INF

47 Designs Für das Tech-Blog soll ein einfaches Design installiert werden Designs können per Suche gefunden werden Es existieren meist auch entsprechende Demos der Designs DHBW Stuttgart T2INF

48 Design installieren Herunterladen des Archivs Entpacken In der Regel enthält man einen Ordner mit ähnlicher Dateistruktur: DHBW Stuttgart T2INF

49 Design installieren Der Ordner (hier SP142) muss zur Installation einfach in folgendes Verzeichnis kopiert werden: \xampp\htdocs\{wordpress installation}\wp-content\themes DHBW Stuttgart T2INF

50 Design installieren Erstellen einer dynamischen Webplattform Anschließend kann das Design unter Themes aktiviert werden DHBW Stuttgart T2INF