wordpress - webseiten erstellen mit cms

56
1 Stand: Oktober 2017 WordPress Webseiten erstellen mit CMS VHS Mönchengladbach

Upload: thomas-siegers

Post on 16-Jul-2015

323 views

Category:

Internet


8 download

TRANSCRIPT

Page 1: WordPress - Webseiten erstellen mit CMS

1

Stand: Oktober 2017

WordPressWebseiten erstellen mit CMS

VHS Mönchengladbach

Page 2: WordPress - Webseiten erstellen mit CMS

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

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

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

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, 551­479 v. Chr.

Page 6: WordPress - Webseiten erstellen mit CMS

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Google

Youtube

Buchhandlung

Page 20: WordPress - Webseiten erstellen mit CMS

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

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

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

23

Web-Host

AdministrationVerwaltung des Web-Hosts im Web-BrowserAdminoberfläche, Control PanelcPanel (Demo), Plesk (Demo)

Adminoberfläche

Kontoeinstellungen

E-Mail

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

55

Q & A

Fragen?

Page 56: WordPress - Webseiten erstellen mit CMS

56

Geschafft

Danke für Ihre Aufmerksamkeit!