wordpress - webseiten erstellen mit cms
TRANSCRIPT
![Page 1: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/1.jpg)
1
Stand: Oktober 2017
WordPressWebseiten erstellen mit CMS
VHS Mönchengladbach
![Page 2: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/2.jpg)
2
Über uns
Diese Präsentation ist frei zugänglich auf:http://www.slideshare.net/thomasjs
Dieses Werk bzw. Inhalt steht unter einer Creative Commons Namensnennung - Weitergabe unter gleichen Bedingungen 3.0Unported Lizenz.
Siehe mehr unter: http://creativecommons.org/licenses/by-sa/3.0/deed.de
IT-Beratung, Training, Web-Design, Programmierung
Thomas Siegers [email protected]
![Page 3: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/3.jpg)
3
Einführung
Installation
Administration
Benutzer
Inhalt
Taxonomy
Menüs
Widgets
Plugins
Themes
Agenda
Verwendung als CMS
Blog Clients und Apps
Integration von Drittanwendungen
9:00-15:00 Uhr, 15 UStd.
![Page 4: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/4.jpg)
4
Konventionen
Begriffdie Erklärung dazu in kleinerer Schrift und nicht fett
Hauptmenüpunkt
Untermenüpunkt*
Englischenglische Begriffe kursiv
VerweiseVerweise (Links) in blau und klickbar
Warnhinweishier besonders aufpassen
Codezeilen<p>in nichtproportionaler Schriftart</p>
*) Fußnote: Die hier gezeigten Konfigurationsanleitungen erheben nicht den Anspruch, perfekt zu sein. Bitte flexibel anwenden.
![Page 5: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/5.jpg)
5
Motto
"Sage es mir und ich vergesse es,zeige es mir und ich erinnere mich,lass es mich tun und ich behalte es."Konfuzius, chinesischer Philosoph, 551479 v. Chr.
![Page 6: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/6.jpg)
6
Begriffe
CMS
Content Management System, Redaktionssystem
Webseite
Webauftritt, Webangebot, website
Webseiten, Seiten
Einzelne Seiten des Webauftrittes, web pages
Frontend, Backend
HTML, CSS, JavaScript, PHP
Datenbank, SQL
Web-Host
Webspace, Platz im Rechenzentrum
![Page 7: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/7.jpg)
7
Content Management System
Ablauf aus Sicht des Benutzers
Benutzer meldet sich an Webseite an
Benutzer findet dort Menü zur Verwaltung der Webseite
Eingabe von Beiträgen mit Online-Editor
kein lokales Erstellen und Hochladen nötig
neu eingegebene Beiträge erscheinen sofort auf Webseite
außer Browser keine lokal installierte Software nötig
Zusätzliche Funktionen beim Blog
Benutzer können Beiträge und Kommentare eingeben
Verwaltung (Moderation) von Benutzern, Beiträge, Kommentaren
Kategorisierung von Beiträgen (Taxonomie)
automatische Benachrichtigung über Aktualisierungen des eigenen Blogs
![Page 8: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/8.jpg)
8
Konzept, Funktionen
Trennung von Inhalt und Layout
Inhalt in Datenbank oder Textdateien
Layout mit Vorlagen, templates, themes
Interaktivität
Kontaktformular, Kommentare (Blog)
Benutzerzugriffssteuerung
ACL, access control list
Erweiterte Funktionalitäten
Arbeitsabläufe, work flow
Integrierte Anwendungen
Reservierungssystem, Foto Gallery, Forum, Shop
![Page 9: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/9.jpg)
9
Statisch vs. Dynamisch
Statische Webseite
Seiten liegen als verlinkte HTML-Dateien “fertig zum Gebrauch” auf einem Web-Server (oder sogar nur Datei-Server)
Vorteile: einfach, sicher
Nachteile: schwierig zu pflegen, nicht interaktiv
Dynamische Webseite
Inhalte sind in Datenbank (oder Textdateien) gespeichert
Web-Anwendung (WordPress) nimmt Anfrage vom Browser entgegen,
verarbeitet die Anfrage
Inhalte aus Datenbank holen
Inhalte in Vorlagen einbauen
und liefert Webseite an Browser zurück
Vor- und Nachteile umgekehrt zur statischen Seite
![Page 10: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/10.jpg)
10
Architektur
Web Server PHP-Modul
Browser
Web-Host
1. Anfrage Link Formular
3. Antwort Webseite
2. Verarbeitung Daten holen Webseite bauen
LinuxApacheMySQLPHP
WordPress
Datenbank
![Page 11: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/11.jpg)
11
Webanwendung
Client-ServerServer: Anwendungsprogramm, Datenbank, WebserverClient: Browser
Netzwerkprotokoll: HTTPzustandslos Session, CookiesParameter: http://www.xyz.de/index.php?key1=val1&key2=val2Struktur: http://URL/Pfad?Schlüssel=Wert&..., z. B. Farbe=rot
Aktualisierung der Webseite nicht automatischSeiteninhalte müssen vom Server geladen werden (F5).Um Bilder, CSS und JavaScript zu laden Strg+F5 drücken.
Benutzerfreundlichkeit durch JavaScriptDropdown-Menüs, Popup-Kalender, Drag & Drop usw.
Tip: Back-Button besser nicht benutzenNur Buttons innerhalb der Webanwendung klicken.
![Page 12: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/12.jpg)
12
Datenbank
Anzahl von verknüpften Tabellen (Spalten, Zeilen)
Schnelles Finden von Datensätzen aufgrund von Index
Abfragesprache SQLSELECT * FROM tabelle WHERE id=123
Client-Server ArchitekturClient: Webanwendung, Server: Datenbank
Anmeldung mit Benutzer und KennwortAnwendung muss sich an der Datenbank anmelden.
Weitere FunktionennetzwerkfähigMehrbenutzerzugriff
AnbieterOpen Source: MySQL, PostgreSQLKommerziell: Oracle, MS SQL Server
![Page 13: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/13.jpg)
13
Bekannte CMS
WordPress
Insbesondere für Blogs
Sehr benutzerfreundlich
Sehr weit verbreitet
Joomla
„Schweizer Messer“
Recht benutzerfreundlich
Sehr weit verbreitet
Drupal
Sehr fein konfigurierbar
Sehr hochwertige Auftritte
Weltweit verbreitet
TYPO3
Eigene Skriptsprache
Insbesondere für Firmen
In Deutschland verbreitet
![Page 14: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/14.jpg)
14
Fertige Angebote für Web-Präsenz
Soziale Netzwerke
Facebook, Google+, Myspace
Beruflich: Xing, LinkedIn
Besondere Zwecke: Stayfriends
Blogs
Twitter, Tumblr, Wordpress.com
Multimedia
YouTube, Instagram, Pinterest, Slideshare
Baukästen
angeboten von vielen Internet-Providern, Webhost-Anbietern oder spezialisierten Plattformen, z. B. Jimdo
Anmerkungen: Manche Seiten …… verschwinden nach einiger Zeit wieder, z. B. SchülerVZ.… wurden von anderen übernommen, z. B. Instagram von Facebook.
![Page 15: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/15.jpg)
15
Open Source
OSS – Open Source Software
Quelloffen, öffentlich zugänglich
Frage der Freiheit, nicht des Preises
Vergleich: Redefreiheit, nicht Freibier
http://www.gnu.org/philosophy/free-sw.html
Verschiedene Lizenzmodelle
GPL – GNU General Public License
![Page 16: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/16.jpg)
16
WordPress Fakten
Weltweit populärstes CMSüber 65 Mio. Webseiten weltweithttp://en.wordpress.com/stats/http://trends.builtwith.com/cms
Geschrieben in PHP, verwendet i. d. R. MySQL Datenbank
Über 25.000 ErweiterungenPlugins, http://wordpress.org/plugins/
Tausende von Formatvorlagen (Themes)kostenlos, Preise ab 25 $
Verwendet u.a. von Ebay, CNN, UPS, Mozilla, GM, Sony, Reuters, Forbes, Samsunghttp://en.wordpress.com/notable-users/http://wordpress.org/showcase/tag/fortune-500/
![Page 17: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/17.jpg)
17
Vor- und Nachteile
Vorteile
Einfache Bedienung und Administration
Popularität, Community
Sehr gut als Blog oder für einfache Webseiten
Riesige Anzahl von Erweiterungen und Templates
Starkes „Ökosystem“ durch Projekte und Anwendungen
Nachteile
Aufgrund Verbreitung beliebtes Angriffsziel
Unübersichtlichkeit bei größeren Webseiten
Viele Module nötig für komplexere Webseiten
![Page 18: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/18.jpg)
18
Sicherheit
Popularität
Lohnendes Angriffsziel
Keine offizielle Mailingliste
Bugs: 20% Core, 80% Plugins
Studie des BSI (Bundesamt für Sicherheit in der Informationstechnik)
Maßnahmen: Updates, Auswahl der Pluginshttp://codex.wordpress.org/FAQ_Security
Kostenpflichtiges Angebothttp://vaultpress.com/
BeispielZwölf Sicherheitslücken, Update Ver. 3.5.2http://wordpress.org/news/2013/06/wordpress-3-5-2/
![Page 19: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/19.jpg)
19
Ressourcen
Englisch
http://wordpress.org/
http://wordpress.com/
http://codex.wordpress.org/Anleitungen und technische Hinweise
en.wikipedia.org/wiki/WordPress
Mobil
http://android.wordpress.org/
http://wpiphone.wordpress.com/
http://wordpress.org/mobile/
Deutsch
http://de.wordpress.org/offizielle deutsche WordPress Version
http://wpde.org/ Seite der deutschen WordPress-Gemeinde
Info / Support
de.wikipedia.org/wiki/WordPress
Youtube
Buchhandlung
![Page 20: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/20.jpg)
20
Projekte
Multisite (MU, µ) – Mandatenfähigkeithttp://mu.wordpress.org/
BuddyPress – Social Networkinghttp://buddypress.org/, http://wordpress.org/plugins/buddypress
BbPress – Forum (Bulletin Board)http://bbpress.org/, http://wordpress.org/plugins/bbpress
VideoPress – Video Hostinghttp://videopress.com/
VaultPress, VIP Support – Security, Backup, Supporthttp://vaultpress.com/, http://vip.wordpress.com/
Apps für mobile Geräte
Automattic – Firma, die hinter WordPress.com steht
![Page 21: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/21.jpg)
21
WordPress.com
Kostenloser Blog auf http://wordpress.com/
Adresse: http://interwerkstatt.wordpress.com/
Werbung
Begrenzte Anzahl von Themes
Keine Installation von Themes und Plugins
Modifikationen nicht möglich
Eingeschränkter Speicherplatz
Premium Upgrades auf http://store.wordpress.com/
Plus: Sicherheit wird durch WordPress.com gewährleistet
Vergleich: http://en.support.wordpress.com/com-vs-org/
Features auf eigenem Host mit http://jetpack.me/
![Page 22: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/22.jpg)
22
Web-Host
Hostauswahl
Bewertungsportalehttp://www.webhostlist.dehttp://www.hostsuche.de
Shared Hostmeistens ausreichend,viel kostengünstiger als virtual oder dedicated host
Virtual Hosteigenes System durch Virtualisierung, root-Zugang
Dedicated Hosteigene Hardware, root-Zugang
VorausetzungenApache 2.x + mit mod_rewrite Modul, MySQL 5.0 +, PHP 5.2.4 +http://wordpress.org/about/requirements/Empfohlen: PHP 5.6 oder höher, MySQL 5.6 oder höherDez. 2015: Release von PHP Version 7 (11 Jahre nach Version 5)https://de.wikipedia.org/wiki/Versionsgeschichte_von_PHP
![Page 23: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/23.jpg)
23
Web-Host
AdministrationVerwaltung des Web-Hosts im Web-BrowserAdminoberfläche, Control PanelcPanel (Demo), Plesk (Demo)
Adminoberfläche
Kontoeinstellungen
Datenbanken (phpMyAdmin)
FTP Benutzer, Dateimanager (WebFTP)
Domainverwaltung, Sub-Domains, Zusatzdomains
Verzeichnisschutz (.htaccess Passwort)
Datensicherung, -rücksicherung
Statistik (Webalizer, AWStats)
…
![Page 24: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/24.jpg)
24
Ein-Klick Installation
Ein-Klick Installation (1Click Install)gängige Webanwendungen mit wenigen Eingaben installierenSoftware muss nicht selbst hochgeladen werdenDatenbank muss nicht selbst angelegt werden
Vorgehensweise
Verzeichnis anlegendazu Dateimanager verwenden
Subdomain anlegendie Subdomain mit dem gerade angelegten Verzeichnis verknüpfen
Webanwendung auswählend. h. Eingabeformular für Installation aufrufen
Subdomain und Verzeichnis wählenoder vorgegebene Werte belassen
Eingaben für die Webanwendungz. B. Titel, Administrator, Passwort, evtl. Datenbank
![Page 25: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/25.jpg)
25
Subdomain anlegen
Vorgehensweise1. mit Dateimanager neues Verzeichnis anlegen2. Subdomain anlegen und mit neuem Verzeichnis verknüpfen
Dateimanagerauch Web-FTP genanntoft nicht in der Admin-Oberfläche, sondern eigene Webseiteläuft machmal als Java-Applet, also muss Java lokal installiert werdenstatt Web-FTP kan man auch lokales FTP-Programm einsetzenbei FTP Passwort im Klartext, also SFTP oder FTPS verwendenim Dateimanager zur Web-Root navigieren, z. B. /home/www/dort ein neues Verzeichnis anlegen
Administrationsoberflächeauch Admin-Panel, Control-Panel o. ä. genanntMenüpunkt DomainverwaltungSubdomain angelegenSubdomain: Namen eingeben, z. B. www, test o. ä.Domain: meistens nur eine, sonst auswählenVerzeichnis: vorher angelegtes Verzeichnis eingeben oder auswählen
![Page 26: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/26.jpg)
26
Lokale LAMP-Umgebung
LAMPLinux – Apache – MySQL – PHP
XAMPPWindows – Apache – MySQL – PHP – Perlhttp://www.apachefriends.org/de/xampp.html
Vorteile
Geht auch ohne Netzwerk, daher schnell
Sicherheit kein Problem
Lokal Dateien kopieren und editieren
Portable Version herunterladen und auspacken
Zur Konfiguration setup_xampp.bat ausführen
Starten mit http://localhost
![Page 27: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/27.jpg)
27
Installation
WordPress in 5 Minuten installieren (englisch)
InstallationsdateienArchiv herunterladen (ZIP), auspacken und Dateien hochladenoder besser: Archiv auf den Server hochladen und dort auspacken
Datenbankauf dem Web-Host Datenbank anlegenHost-Adresse, Datenbankname, -benutzer, -passwort
Konfigurationsdateiwp-config-sample.php in wp-config.php umbenennenDatenbank, Zeichensatz, Sortierfolge eintragenalle Blogs mit derselben Datenbank → Tabellen-Präfix ändern„Salz“-Phrase für Schlüssel eingebenoder, wenn möglich...Konfigurationsdatei vom Installationsprogramm erzeugen lassen
![Page 28: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/28.jpg)
28
Installation
InstallationsprogrammInstallationsprogramm im Browser starteneigenen Benutzernamen vergeben (besser nicht admin)
.htaccess Datei anlegennotwendig für suchmaschinenfreundliche URLsCode bei codex.wordpress.org/htaccess herunterladen<IfModule mod_rewrite.c>RewriteEngine OnRewriteBase /RewriteRule ^index\.php$ - [L]RewriteCond %{REQUEST_FILENAME} !-fRewriteCond %{REQUEST_FILENAME} !-dRewriteRule . /index.php [L]</IfModule>
Hinweis: Der Pfad für RewriteBase und RewriteRule (hier: /) wird von Wordpress automatisch angepasst, wenn sich die Installation in einem Unterverzeichnis befindet.
![Page 29: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/29.jpg)
29
Sicherheit
Konfigurationsdatei sichernin Web-Host Oberfläche (control panel) Rechte* überprüfen644 bedeutet, alle könnten potentiell die Datei wp-config.php lesenRecht für wp-config.php auf 600 oder wenigstens 640 ändern
Readme Datei löschenwww.meine-seite.de/readme.htmlenthält Versionsnummer, vereinfacht Angriffnach jeder Aktualisierung erneut löschen Versionsnummer in Metadaten, im Theme oder mit Plugin entfernen
Admin-Loginnicht „admin“ als Benutzernamen verwendenwenn möglich, Administration nur über SSL (siehe codex.wordpress.org)
Aktualisierungenzeitnah durchführen, Sicherheitsupdates werden automatisch durchgeführt
Erweiterungensparsam verwenden, sorgfältig aussuchen
*) http://de.wikipedia.org/wiki/Unix-Dateirechte
![Page 30: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/30.jpg)
30
Sicherheit
WordPress „härten“härten – in der IT anderes Wort für absichernOriginal-Anleitung von WordPresshttp://codex.wordpress.org/Hardening_WordPress
Erweiterte MaßnahmenSchutz von Dateien und Verzeichnissenverschlüsselte Anmeldung – https (siehe Anleitung auf Codex)dazu in wp-config.php folgende Zeile einfügen
define('FORCE_SSL_ADMIN', true);evtl. Security-Plugin einsetzten – genau ansehen und abwägen!
ZusammenfassungDie wichtigsten Maßnahmen, die jeder unbedingt durchführen sollte:Tabellen-Präfix ändern, wp_ → abcxyz_Benutzername und Passwort des AdministratorsRecht der Konfigurationsdatei wp-config.php ändernAktualisierung von WordPress (core), Plugins und ThemesPlugins – so nur soviel wie nötig, so wenig wie möglichregelmäßige Datensicherung
![Page 31: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/31.jpg)
31
Aktualisierung
VersionenNummerierung: 1.2.3neue Version . neue Funktionen . Sicherheitsverbesserungen
Automatischseit Ver. 3.7 automatische Aktualisierung (abschaltbar)automatisch nur z. B. von 4.1.1 auf 4.1.2, nicht von 4.1 auf 4.2Jemand muss die Seite besuchen, um die Aktualisierung auszulösen.
Backupvor größerer Aktualisierung DatensicherungPlugin: https://wordpress.org/plugins/backwpup/
Plugins, Themesnicht nur Core (WordPress) aktualisieren
![Page 32: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/32.jpg)
32
Administration
Anmeldenwww.mydomain.de/wp-login.php
Administrationsoberfläche
Dashboard
Beiträge
Medien
Seiten
Kommentare
Design
Plugins
Benutzer
Werkzeuge
Einstellungen
Leiste oben
Links nach WordPress
Zur Seite
Updates
Kommentare
Neu-Menü
Profil
Optionen
Hilfe
![Page 33: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/33.jpg)
33
Administration
Übersichtz. B. Beiträge → Alle Beiträge / Benutzer → Alle Benutzer
Details / Bearbeiten / Erstellenz. B. Beiträge → Maus auf „Mein Beitrag“ → Bearbeiten / Erstellen
Schnelleinstellungz. B. Beiträge → Maus auf „Mein Beitrag“ → QuickEdit
DesignInterface unterschiedlich: Vorschau, Text-Editor, Drag & Drop Themes, Widgets, Menüs, Editor: CSS und PHP Code ändern
PluginsÜbersicht installierter PluginsOnline-Funktion zum Suchen und Installieren
EinstellungenAllgemein, Lesen, Schreiben usw.
![Page 34: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/34.jpg)
34
Konfiguration
Dashboard
AktualisierungenWordPress, Plugins, Themes, Übersetzungen
Plugins
Installierte Pluginsüberflüssige Plugins löschen: Akismet, Hello Dolly
Einstellungen
AllgemeinZeitzone: Berlin, UTC+1
LesenSichtbarkeit für Suchmaschinen: (wurde bei Installation eingestellt)
Permalinksz. B. Tag und Name
![Page 35: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/35.jpg)
35
Ping
Update Servicebenachrichtigt andere Dienste automatisch über Aktualisierungen des eigenen Blogs http://codex.wordpress.org/Update_ServicesPing-O-Matic – gehört zur WordPress Foundationhttp://pingomatic.com/
Einstellungen
LesenSichtbarkeit für Suchmaschinen: erlauben
SchreibenUpdate Services: http://rpc.pingomatic.com/hier noch weitere geeignete Dienste eintragenEmpfehlung: nicht zu viele Dienste eintragen
![Page 36: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/36.jpg)
36
Migration
Warum Migration?nach Fertigstellung der Seite von Sub-Domain in Live-DomainUmzug auf neuen Webhost
Einstellungen
Allgemein
Wordpress-Adresse (URL): neuen Wert eingeben,z. B. vorher: http://test.mydomain.de, neu: http://www.mydomain.de
Website-Adresse (URL): am besten gleicher Wert wie oben
Button „Änderungen übernehmen“ klickenDanach ist die Webseite nicht mehr erreichbar!
Installation verschiebenDateien – download-uploadDatenbank – export-importKonfigurationsdatei wp-config.php – Datenbankparameter ändernDatenbanktabelle wp_options – URL für home und siteurl ändernweitere Infos unter https://codex.wordpress.org/Moving_WordPress
![Page 37: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/37.jpg)
37
Spam
KommentarfunktionSpamgefahrGefahr grundsätzlich bei jeder Art der Eingabe, z. B. Kontaktformular
AkismetDatenschutzproblem in Deutschland
Alternativenhttp://wordpress.org/plugins/search.php?q=antispamdatenschutzkonformhttp://wordpress.org/plugins/antispam-bee/Captchahttp://wordpress.org/plugins/captcha/Cookieshttp://wordpress.org/plugins/cookies-for-comments/Forumhttp://wordpress.org/plugins/bbpress-antispam/
![Page 38: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/38.jpg)
38
Theme
Theme wechselneinfaches, übersichtliches Themewie bei Demoseite wordpress.interwerkstatt.netnicht mehr in neuer Version von Wordpress enthaltenkann einfach nachinstalliert werden
Admin-OberflächeDesign → ThemesInstallieren (Neues Theme hinzufügen)Themes suchen: Twenty TwelveInstallierenAktivieren
![Page 39: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/39.jpg)
39
Inhalt
BeiträgeBlog Post, Kommentar, TaxonomieFormatvorlagen, Menüeintrag auf Kategorie
SeitenPage, „statisch“, keine TaxonomieHierarchie, Templates, Menüeintrag auf Seite
MedienBilder, Audio, Videomeist in Beiträgen oder Seiten eingebettet
EditorWerkzeugleiste umschalten auf zweizeilig (rechtes Symbol, siehe Tooltip)Visuell (WYSIWYG*) oder Text (HTML-Code)Willkommen zur<a href="http://de.wordpress.org">deutschen Version</a>von <em>WordPress</em>.
*) What you see is what you get
![Page 40: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/40.jpg)
40
Taxonomy
TierreichSäugetiere
Raubtiere Katzen Löwe
WordPressKategorien, Schlagworte (Tags)nur für Beiträge (Posts), nicht für Seitenhierarchische Struktur, mehrfache Zuordnung möglichUnterstützung durch Menüs und Widgets (Tagwolke)
AdministrationsoberflächeBeiträge → KategorienBeiträge → Schlagworteauch direkt im Beitrag anlegen
![Page 41: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/41.jpg)
41
Beiträge
Beiträge
Alle BeiträgeÜbersicht, Schnelleinstellungen mit QuickEdit
Kategorienhierarchisch, Einstellung über „Eltern“
SchlagworteTags, nicht hierarchisch
ErstellenBeiträge im Editor eingeben
VeröffentlichenStatus, Sichtbarkeit, Revisionen, Datum
FormatvorlageFormatierung des Inhalts, abhängig vom Theme
BeitragsbildFunktionalität abhängig vom Theme
![Page 42: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/42.jpg)
42
Seiten
Seiten
Alle SeitenÜbersicht, Schnelleinstellungen mit QuickEdit
Permalinkändern, wenn man den Titel geändert hat
ErstellenSeiten im Editor eingeben
VeröffentlichenStatus, Sichtbarkeit, Revisionen, Datum
AttributeEltern: hierarchische OrdnungTemplate: Wahl der vom Theme bereitgestellten Vorlage
Beitragsbildgedacht um in der Übersicht ein Vorschaubild anzuzeigenFunktionalität abhängig vom Theme
![Page 43: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/43.jpg)
43
Wiederherstellen
Was tun, wenn man einen Beitrag oder eine Seite versehentlich geändert oder gelöscht hat?
Beiträge
Titel – Bearbeiten
VeröffentlichenRevisionen nur vorhanden, wenn vorher Änderung vorgenommen wurdeRevisionen – AnzeigenRevision auswählen und wiederherstellen
Beiträge
Papierkorbneben „Alle“ „Veröffentlichte“nur vorhanden, wenn vorher Beitrag gelöscht wurde
PapierkorbTitel - Wiederherstellen
![Page 44: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/44.jpg)
44
Widgets
FunktionEin-, Ausgabe in bestimmten Bereichen außerhalb des Inhaltsz. B. Suche, Menüs, Kategorien
Widget-BereichePositionen auf der Seite, in die Widgets gesetzt werden könnenz. B. Seitenleiste, Balken über dem Inhalt, Kasten oben rechtsabhängig vom Theme oder Template
KonfigurationAdmin-Oberfläche: Design → WidgetsWidget mit in Bereich ziehenWidget aufklappen und einstellenInaktive Widgets: Widget entfernen aber Einstellungen beibehaltenOptionen → Zugänglichkeitsmodus aktivieren: Drag & Drop abschalten
ThemewechselAbweichungen bei den Namen der WidgetbereicheWidgets evtl. inaktiv
![Page 45: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/45.jpg)
45
Daten – Verarbeitung – Darstellung
Konzept bei WordPress und den meisten anderen CMS: Trennung von Inhalt und Layout
VerarbeitungCore (WordPress)Widgets, Plugins
DatenDatenbank
DarstellungPosition im Theme
Seiten-balken
Inhalt
Fußzeile
![Page 46: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/46.jpg)
46
Widgets
PluginsBei vielen Plugins wird nach deren Installation Plugin ein neues Widget bereitgestelltz. B. Sidebar Login – Anmeldeformular in einem Widget
SichtbarkeitStandard: Widgets sind auf allen Seiten sichtbar keine Möglickeit, die Sichtbarkeit (Visibility) einzustellenPlugin: JP Widget VisibilityErweiterung der Funktionalität von WidgetsEinstellmöglichkeiten: Seite, Beitrag, Benutzer, …
![Page 47: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/47.jpg)
47
Menüs
KonfigurationAdmin-Oberfläche: Design → Menüs
ThemeTheme „Twenty Twelve“ unterstützt nur ein Menü.Alle Seiten werden automatisch im Menü angezeigt.Für Unterseiten werden automatisch Untermenüpunkte angelegt.
Seitenmenüzwei Menüs erstellenHauptmenü dem Theme zuordnenfür Seitenmenü Widget anlegen
Menüpunkteverfügbar für Links, Seiten, Kategorienggf. neuen Menüpunkt für Homepage erstellenNamen können von ursprünglicher Bezeichnung abweichen
![Page 48: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/48.jpg)
48
Plugins
Verzeichnishttp://wordpress.org/plugins/, über 25.000 PluginsAuswahl: Beschreibung, Bewertung, letzter UpdateHinweis auf inaktive oder verlassene PluginsDescription, Installation, FAQ, Screenshots, ...
InstallationAdmin-Oberfläche: Plugins → InstallierenSuchen – installieren – aktivieren
Konfigurationeigener Menüpunkt in Administrationsoberflächeoder in Einstellungenoder in Plugins → Installierte Plugins → Einstellungenoder als zusätzliche Eigenschaft in andere Funktionen integriert
BeispielKontaktformularhttps://wordpress.org/plugins/contact-form-7/
![Page 49: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/49.jpg)
49
Themes
Verzeichnishttp://wordpress.org/themes/Suche mit Stich- oder Schlagworten (Tags)
Mobil-freundlichResponsive design: Layout passt sich der Bildschirmgröße an.http://wordpress.org/themes/responsive
Premium-Themeshttp://wordpress.org/themes/commercial/http://www.google.com/search?q=wordpress+premium+themes&lr=lang_de
InstallationAdmin-Oberfläche: Design → Themes → Theme installierenAktivieren, Anpassen, evtl. Einstellungen
KonfigurationTheme, Widgets, MenüsFür Modifikationen am besten Child-Theme anlegen.
![Page 50: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/50.jpg)
50
Rollen
Zuordnung Benutzer → Rollen
Zuordnung Rechte → Rollen
Dokumentation deutsch, englisch
Übersicht
Administrator – kann alles installieren und konfigurieren
Editor, Redakteur – Recht über eigene und andere Beiträge
Author, Autor – eigene Beiträge schreiben und veröffentlichen
Contributor, Mitarbeiter – nur eigene Beiträge schreiben
Subscriber, Abonnent – Kommentare lesen und schreiben
Super Admin – nur für Multisite-Installation
Administrationsoberflächeweniger Menüpunkte für Nicht-Admins
User Role Permission
![Page 51: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/51.jpg)
51
SEO
Suchmaschinenoptimierungsearch engine optimization
URLhttp://www.xyz.de/index.php?key1=val1&key2=val2http://www.xyz.de/kategorie/beitragFormat einstellbar unter Einstellungen → PermalinksVoraussetzung: Apache Modul mod_rewrite und .htaccess
Meta-Datenz. B. Titel-Tag
Inhaltentsprechend Titel-Tag
Layoutbarrierefreies Theme
Pluginshttp://wordpress.org/plugins/all-in-one-seo-pack/
![Page 52: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/52.jpg)
52
WordPress als CMS
Modifikationenhttp://codex.wordpress.org/User:Lastnode/Wordpress_CMShttp://codex.wordpress.org/Custom_Post_TypesCode-Generator für Post Types, Taxonomy, Sidebars, etc.
Pluginshttp://wordpress.org/plugins/tags/cms
Themesfür CMS geeignetes Theme aussuchen, am besten Premium-Theme
KonfigurationStartseite „statisch“ machen
Admin-Oberfläche: Einstellungen → LesenStartseite und Beitragsseite ändern
und, und, und ... http://www.noupe.com/wordpress/powerful-cms-using-wordpress.html
AlternativenCMS mit mehr Funktionalität: Drupal, Joomla usw.
![Page 53: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/53.jpg)
53
Integration dritter Anwendungen
Facebook, Twitter
Google Analytics
Youtube, Vimeo, Dailymotion
Amazon, Paypal
Integration mit PluginPlugin für die gewünschte Drittanwendung suchen; diese stellen oft Shortcodes zur Verfügung, mit denen man die Drittanwendung oder Elemente davon einbinden kann.
Integration über CodeCode auf der Seite der Drittanwendung ermitteln (z. B. Unter „Embed“).Den Code in das Theme kopieren, z. B. hinter das <body> Tag in der Datei header.php. In anderen Fällen genügt es, den Code in die Seite oder Beitrag einzufügen.
![Page 54: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/54.jpg)
54
Blogging Clients und Apps
Apps für Desktop und mobile Gerätehttps://apps.wordpress.com/Apps wie üblich von Google Play bzw. App Store installieren
WordPressRemote-Zugriff über XML-RPC, ist standardmäßig aktiviertmanche Hosts blockieren XML-RPC → FAQxmlrpc.php in xmlrpc2.php umbenennen und Plugin installierenoder Eintrag in .htaccess<IfModule security2_module>SecRuleRemoveById 114</IfModule>
ThemePosten auch möglich ohne Appmit Browser über Webseite mitmobilfreundlichem Theme.
![Page 55: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/55.jpg)
55
Q & A
Fragen?
![Page 56: WordPress - Webseiten erstellen mit CMS](https://reader034.vdokument.com/reader034/viewer/2022052700/55a782e51a28ab333e8b48de/html5/thumbnails/56.jpg)
56
Geschafft
Danke für Ihre Aufmerksamkeit!