1 WordPress - der Motor für Ihre Website

29

1.1 Das Web ist ein weltweites Gewebe aus Hyperlinks

29

1.1.1 Das Web besteht aus Webseiten und Hyperlinks

30

1.1.2 Verwirrende Begriffe: »Homepage«, »Webseite« und »Website«

30

1.1.3 Webseiten werden auf einem »Webspace« gespeichert

31

1.1.4 Webseiten bestehen aus »Quelltext«, und WordPress schreibt ihn für Sie

32

1.1.5 »Responsiv«: Webseiten passen sich ihrer Umgebung an

33

1.2 WordPress vereinfacht das Veröffentlichen im Web

34

1.2.1 Ein Content-Management-System (CMS) erleichtert das Webpublishing

34

1.2.2 Ein Blogtool ist ein CMS mit einfacher Bedienung und viel Interaktion

35

1.2.3 WordPress ist sowohl Blogtool als auch vollwertiges CMS

36

1.3 Der Unterschied zwischen WordPress und WordPress.com

37

1.3.1 WordPress auf dem eigenen Webspace betreiben

38

1.3.2 »WordPress.com« ist ein kommerzielles Angebot von Automattic

38

1.3.3 In diesem Buch geht es um WordPress, nicht um WordPress.com

40

1.4 Das »Projekt Gutenberg«: WordPress erfindet sich neu

40

1.5 Auf einen Blick

41

2 Ihre Website vorbereiten: Rahmenbedingungen, roter Faden, Domain und Webspace

43

2.1 Die Rahmenbedingungen: Ziele, Zeit und »Zaster«

43

2.2 Der rote Faden zur Erstellung Ihrer Website: Inhalt, Gestaltung, Funktionen und Technik

44

2.3 Inhalt: Überlegungen zum Titel der Website

45

2.4 Gestaltung: »Themes« bestimmen das Design Ihrer Webseiten

46

2.5 Funktionen: »Plugins« erweitern die Fähigkeiten von WordPress

47

2.6 Technik: 1. So finden Sie einen Domain-Namen

48

2.6.1 Der Aufbau von Domain-Namen: »www.mein-name.de«

49

2.6.2 Einen Domain-Namen auswählen: »mein-name.tld«

50

2.7 Technik: 2. So finden Sie einen Webspace

51

2.7.1 »Let's Encrypt«: Die Verschlüsselung per SSL ist heute Standard

51

2.7.2 Ausprobieren: Kann man das Angebot kostenlos testen?

52

2.7.3 Preise: »Null Euro Sternchen« kostet meistens auch Geld

53

2.7.4 Angebote: Einige Beispiele für Webhosting mit WordPress

54

2.8 Auf einen Blick

55

3 WordPress installieren

57

3.1 Einfach: TasteWP.com ist der wohl schnellste Weg zum Ausprobieren von WordPress

57

3.1.1 Schritt 1: Surfen Sie zur Startseite von TasteWP.com

58

3.1.2 Schritt 2: WordPress installieren mit zwei Klicks

59

3.1.3 Schritt 3: WordPress ist installiert

60

3.2 Bequem: WordPress vom Webhoster - vorinstalliert oder als 1-Klick-Installation

61

3.2.1 Schlüsselfertig: Ein vorinstalliertes WordPress

61

3.2.2 Halbautomatisch: WordPress als 1-Klick-Installation

62

3.3 Manuell: WordPress auf einem Online-Webspace installieren

64

3.3.1 Schritt 1: WordPress herunterladen und entpacken

65

3.3.2 Schritt 2: Eine FTP-Verbindung zum Webspace herstellen

66

3.3.3 Schritt 3: WordPress-Dateien per FTP auf den Webspace kopieren

67

3.3.4 Schritt 4: Das Installationsprogramm von WordPress aufrufen

70

3.3.5 Schritt 5: Die Zugangsdaten für die Datenbank eingeben

72

3.3.6 Schritt 6: Titel der Website eingeben und Administrator anlegen

74

3.4 Offline: WordPress auf Ihrem Computer installieren

77

3.4.1 Mit einem lokalen WordPress werden Sie quasi zum Webhoster

77

3.4.2 »Local for WP«: WordPress auf Mausklick, Webspace inklusive

78

3.5 Auf einen Blick

79

4 Die ersten Schritte im Backend von WordPress

81

4.1 WordPress besteht aus »Frontend« und »Backend«

81

4.1.1 Das »Frontend« ist die Website, so wie Ihre Besucher sie sehen

82

4.1.2 Das »Backend« ist die Verwaltungsabteilung

83

4.2 Das Backend von WordPress im Überblick

84

4.2.1 Die Werkzeugleiste für Benutzer am oberen Bildschirmrand

86

4.2.2 Die Menüleiste ist die Schaltzentrale im Backend

87

4.2.3 Das »Dashboard« - alles Wichtige auf einen Blick

88

4.3 Das Theme »Twenty Twenty« aktivieren

89

4.4 Das Menü »Einstellungen« im Überblick

92

4.5 »Einstellungen > Allgemein«: Titel der Website & Co.

93

4.5.1 Der Name für Ihre Website: »Titel der Website« und »Untertitel«

94

4.5.2 Allgemeine Einstellungen für Zeit, Datum und Sprache der Seite

96

4.6 »Einstellungen > Lesen«: Beiträge, Newsfeed und Sichtbarkeit in Suchmaschinen

98

4.7 »Einstellungen > Permalinks«: Aussagekräftige URLs

100

4.7.1 Der Aufbau einer Webadresse (URL)

100

4.7.2 »Gebräuchliche Einstellungen« für Permalinks in WordPress

101

4.8 Das Menü »Benutzer«: Ihr Benutzerprofil im Überblick

104

4.8.1 »Persönliche Optionen«: Farbschema für das Backend und mehr

105

4.8.2 Der Name der User: Der Bereich »Name« im Benutzerprofil

106

4.8.3 »Kontaktinfo«, »Über Dich« und Passwort ändern

108

4.9 Auf einen Blick

110

5 Die ersten Seiten und Beiträge

113

5.1 Der Unterschied zwischen Beiträgen und Seiten

114

5.1.1 Beiträge werden rückwärts chronologisch untereinander ausgegeben

114

5.1.2 Seiten waren ursprünglich nur als Ergänzung zu Beiträgen gedacht

115

5.2 Das Menü »Seiten > Alle Seiten« im Überblick

116

5.3 Eine neue Seite erstellen: »Über mich«

117

5.3.1 Das Menü »Seiten > Erstellen«: Eine neue Seite erstellen

117

5.3.2 Beim ersten Besuch: »Willkommen beim Block-Editor«

118

5.3.3 Der Block-Editor im Überblick

119

5.3.4 Schritt 1: Den Titel der Seite eingeben

120

5.3.5 Schritt 2: Der erste Block - ein ganz normaler Absatz

122

5.3.6 Schritt 3: Einen zweiten Absatz-Block einfügen

123

5.3.7 Schritt 4: Die Seite »Über mich« veröffentlichen

124

5.4 Eine vorhandene Seite bearbeiten: »Impressum«

126

5.4.1 Schritt 1: Titel und Permalink der »Beispiel-Seite« bearbeiten

126

5.4.2 Schritt 2: Die auf der Seite vorhandenen Blöcke löschen

128

5.4.3 Schritt 3: Das Impressum hinzufügen

130

5.5 Das Menü »Beiträge > Alle Beiträge« im Überblick

131

5.6 Einen vorhandenen Beitrag bearbeiten: »Der Block-Editor«

133

5.7 Einen neuen Beitrag erstellen: »Blöcke auswählen per Schrägstrich«

135

5.8 Beiträge im Frontend: Beitragsseite und Einzelansicht

136

5.8.1 Auf der Beitragsseite stehen alle Beiträge untereinander

137

5.8.2 Jeder Beitrag hat eine Einzelansicht mit eigenem Permalink

138

5.9 WordPress als klassische Website: Statische Startseite und zusätzliche Beitragsseite

140

5.9.1 Übersicht: Eine Website mit statischer Startseite und Newsbereich

140

5.9.2 Vorbereitung: »Deine Homepage zeigt ...« in »Einstellungen > Lesen«

141

5.9.3 Schritt 1: »Willkommen« - eine neue Seite für die Startseite erstellen

142

5.9.4 Schritt 2: »News« - eine neue Seite für die Beitragsseite erstellen

143

5.9.5 Schritt 3: Startseite und Beitragsseite in den Einstellungen zuweisen

143

5.10 Die Reihenfolge der Seiten festlegen

145

5.10.1 Die Übersicht der statischen Seiten in »Seiten > Alle Seiten«

145

5.10.2 »QuickEdit« enthält nützliche Abkürzungen

146

5.10.3 Die Reihenfolge der Seiten im Menü »Seiten > Alle Seiten«

147

5.10.4 Die Reihenfolge der Seiten gilt auch in der Navigation

148

5.11 Know-how: Verschiedene Seitentypen in WordPress

149

5.12 Auf einen Blick

151

6 Texte schreiben und den Block-Editor kennenlernen

153

6.1 Schreiben im Web für Menschen

154

6.1.1 Wie Menschen Texte lesen

154

6.1.2 Webseiten werden nicht gelesen, sondern überflogen

155

6.2 Der Block-Editor von WordPress im Überblick

155

6.2.1 Die Symbole zum Bearbeiten des Inhalts links oben in der Editorleiste

156

6.2.2 Die »Block-Bibliothek« enthält alle zur Verfügung stehenden Blöcke

157

6.2.3 »Weitere Werkzeuge und Optionen«: Das 3-Punkte-Menü rechts oben

159

6.3 Texte schreiben im Block-Editor

162

6.3.1 »Lorem Ipsum unterwegs« - einen Beispieltext einfügen

162

6.3.2 Die Symbole auf der Werkzeugleiste bei Blöcken mit Text

164

6.4 Texte mit Überschriften strukturieren

166

6.4.1 Zwischenüberschriften lockern einen Text auf

166

6.4.2 »Details« zeigen eine Statistik und die Gliederung

168

6.5 Praktisch: »Listenansicht« und »Auswahlmodus«

169

6.5.1 Die »Listenansicht« hilft, den Überblick zu bewahren

169

6.5.2 Mit »ESC« und Pfeiltasten kommt man schnell von Block zu Block

170

6.6 Hyperlinks erstellen im Block-Editor

171

6.6.1 Einen externen Hyperlink erstellen

172

6.6.2 Einen internen Hyperlink erstellen

173

6.6.3 Einen vorhandenen Hyperlink bearbeiten

174

6.7 Die Optionen zum Speichern und Veröffentlichen

175

6.7.1 Die Optionen bei Entwürfen und bei veröffentlichten Dokumenten

175

6.7.2 »Status und Sichtbarkeit« von Dokumenten

177

6.7.3 Einen Beitrag fixieren: die Option »Beitrag oben halten«

178

6.8 »Revisionen«: Unfallhilfe für Beiträge und Seiten

179

6.9 »Weiterlesen«: Teaser erstellen mit dem Block »Mehr«

180

6.10 Taxonomien: Kategorien und Schlagwörter im Überblick

183

6.10.1 Der Unterschied zwischen Kategorien und Schlagwörtern

183

6.10.2 Die URLs von Archivseiten für Kategorien und Schlagwörter

184

6.11 Kategorien erstellen und verwalten

184

6.11.1 Das Menü »Beiträge > Kategorien« in der Übersicht

184

6.11.2 Kategorien erstellen im Menü »Beiträge > Kategorien«

185

6.11.3 Kategorien zuweisen: Im Block-Editor oder per »QuickEdit«

187

6.11.4 Den Beiträgen der Beispielsite Kategorien zuweisen

188

6.11.5 Archivseiten für Kategorien

189

6.12 Schlagwörter erstellen und verwalten

190

6.12.1 Beiträge bearbeiten: Schlagwörter erstellen und zuweisen

191

6.12.2 Schlagwörter zuweisen mit der Funktion »QuickEdit«

193

6.12.3 Schlagwörter verwalten: Das Menü »Beiträge > Schlagwörter«

194

6.13 Auf einen Blick

195

7 Die Mediathek: Bilder und Galerien

197

7.1 Schnelldurchgang: Ein Bild auf »Über mich« einfügen

198

7.1.1 Vorbereitung: »Einstellungen > Medien«: Die Bildgrößen überprüfen

199

7.1.2 Schritt 1: Auf der Seite »Über mich« einen Block »Bild« einfügen

200

7.1.3 Schritt 2: Ein Bild einfügen mit dem Block »Bild«

201

7.1.4 Schritt 3: Die Optionen in der Seitenleiste »Einstellungen« anpassen

203

7.1.5 Schritt 4: Die wichtigsten Optionen auf der Block-Werkzeugleiste

204

7.2 Bilder sollten vor dem Hochladen optimiert werden

206

7.2.1 Wie Sie Dateinamen und Dateigrößen von Bildern optimieren

206

7.2.2 Die Ausgangssituation: Das Übungsfoto für die Optimierung

207

7.2.3 Schritt 1: Umbenennen - den Dateinamen optimieren

208

7.2.4 Schritt 2: Skalieren - die Bildgröße reduzieren (weniger Pixel)

209

7.2.5 Schritt 3: Komprimieren - die Dateigröße reduzieren (weniger KB)

209

7.2.6 Das Übungsfoto nach der Optimierung

209

7.3 Die Mediathek von WordPress im Überblick

210

7.3.1 Dateien hochladen direkt in der Mediathek

210

7.3.2 Die Medienübersicht in der Listenansicht

211

7.3.3 Die Medienübersicht in der Gridansicht

212

7.3.4 Detailinfos für Bilder: Titel, Alt-Text, Beschriftung und Beschreibung

213

7.3.5 Die Detailinfos sind in Listen- und Gridansicht leicht unterschiedlich

213

7.3.6 WordPress erzeugt für jede Mediendatei eine Anhang-Seite

216

7.4 Ein Bild aus der »Mediathek« im Block-Editor einfügen

217

7.4.1 Einen neuen Beitrag mit einem Block »Bild« erstellen

217

7.4.2 »Medien hinzufügen«: Ein Bild aus der Mediathek einfügen

218

7.5 Ein Bild nach dem Einfügen im Block-Editor anpassen

220

7.5.1 Die »Bild-Einstellungen« und »Link-Einstellungen« anpassen

220

7.5.2 Die Optionen zur Anpassung von Bildern auf der Block-Werkzeugleiste

222

7.6 Beitragsbilder sind ganz besondere Bilder

225

7.6.1 Beitragsbilder erscheinen nicht im Inhaltsbereich des Editors

225

7.6.2 Ein Beitragsbild für einen Beitrag festlegen

225

7.6.3 Eine Besonderheit in Twenty Twenty: Das »Cover-Template«

227

7.7 Mehrere Bilder: Eine Galerie hinzufügen und bearbeiten

227

7.7.1 Schritt 1: Einen neuen Beitrag mit einem Block »Galerie« erstellen

228

7.7.2 Schritt 2: Bilder zur Galerie hinzufügen

228

7.7.3 Schritt 3: »Galerie bearbeiten« - die Reihenfolge der Bilder ändern

230

7.7.4 Schritt 4: Die Einstellungen für den Block »Galerie« anpassen

231

7.7.5 Schritt 5: Die Galerie im Frontend aufrufen und überprüfen

233

7.8 Bilder in der Mediathek von WordPress bearbeiten

234

7.8.1 Die Seite »Dateianhang-Details« zum Bearbeiten eines Bildes

234

7.8.2 Mit Vorsicht zu genießen: »Bild skalieren« - die Bildgröße verändern

235

7.8.3 Praktisch im Alltag: »Bildausschnitt« - das Bild zuschneiden

235

7.9 Auf einen Blick

237

8 Multimedia: Sounds und Videos

239

8.1 Audiodateien aus der Mediathek einbinden

239

8.1.1 Schritt 1: Einen Beitrag mit dem Block »Audio« erstellen

240

8.1.2 Schritt 2: Eine MP3-Datei in einen Audio-Block hochladen

241

8.2 Videodateien aus der Mediathek einbinden

243

8.3 Externe Medien datenschutzkonform einbetten

245

8.3.1 Einbettungen in WordPress - extrem bequem, und ein Problem

246

8.3.2 Einbettungen übermitteln Daten ohne Zustimmung der Benutzer

247

8.3.3 Die Lösung: Ein Plugin wie »Embed Privacy«

247

8.4 Auf einen Blick

248

9 Inhalte gestalten mit dem Block-Editor

251

9.1 Die Bedienfelder für »Farbe« und »Typografie«

252

9.1.1 Das Bedienfeld »Farben«: »Text« und »Hintergrund« einfärben

252

9.1.2 Das Bedienfeld »Typografie«: Schriftgröße und weitere Optionen

254

9.2 Text hervorheben: Die Blöcke »Zitat« und »Pullquote«

255

9.2.1 Der Block »Zitat«

255

9.2.2 Der Block »Pullquote« bietet zahlreiche Gestaltungsmöglichkeiten

256

9.3 Ein echter Blickfang: Der Block »Cover«

257

9.3.1 Schritt 1: Einen Cover-Block mit Bild und Text hinzufügen

257

9.3.2 Schritt 2: Die Einstellungen für den Cover-Block anpassen

259

9.4 »Sperren«: Blöcke vor Verschieben und Entfernen schützen

260

9.5 Nebeneinander: Der Block »Medien und Text«

261

9.6 Eine Aufforderung für Besucher: Der Block »Buttons«

262

9.6.1 Der Block »Buttons« enthält den Block »Button«

262

9.6.2 Der Block »Button«: Einen Button beschriften und gestalten

264

9.6.3 Der Block »Buttons« kann mehrere Buttons enthalten

265

9.6.4 Buttons können auch in anderen Blöcken verwendet werden

266

9.7 Layouts erstellen mit den Blöcken »Gruppe« und »Spalten«

266

9.7.1 Schritt 1: Ein paar Blöcke mit Inhalt erstellen und gruppieren

267

9.7.2 Schritt 2: Einen Gruppe-Block duplizieren und bearbeiten

268

9.7.3 Schritt 3: Die Gruppen nebeneinanderstellen mit dem Block »Spalten«

269

9.8 Vorgefertigte Bausteine: »Vorlagen« für Blöcke erkunden

271

9.9 »Wiederverwendbare Blöcke«: Blöcke recyceln

272

9.9.1 Schritt 1: Einen wiederverwendbaren Block erstellen

273

9.9.2 Schritt 2: Einen wiederverwendbaren Block einfügen

275

9.9.3 Schritt 3: Einen wiederverwendbaren Block nachträglich ändern

277

9.9.4 Wiederverwendbare Blöcke »in normale Blöcke umwandeln«

278

9.10 Auf einen Blick

279

10 Kommentare: Interaktion mit Besuchern

281

10.1 Die Kommentarfunktion kennenlernen

281

10.1.1 Einen neuen Kommentar erstellen

282

10.1.2 Neuer Kommentar - Benachrichtigung per E-Mail

284

10.1.3 Neue Kommentare - Benachrichtigung im Backend

285

10.2 Kommentare verwalten: Genehmigen, löschen etc.

286

10.2.1 Das Menü »Kommentare« im Überblick: Die Verwaltungszentrale

287

10.2.2 Kommentare kommentieren: Auf einen Kommentar antworten

289

10.3 Das Menü »Einstellungen > Diskussion«

290

10.3.1 »Einstellungen > Diskussion«, Teil 1: Grundlegende Einstellungen

290

10.3.2 »Einstellungen > Diskussion«, Teil 2: Moderation von Kommentaren und Spam

292

10.3.3 »Einstellungen > Diskussion«, Teil 3: Avatare

293

10.4 Kommentare für einzelne Seiten oder Beiträge deaktivieren

296

10.4.1 Für einzelne Beiträge oder Seiten mit der Funktion »QuickEdit«

296

10.4.2 Für einzelne Beiträge oder Seiten im Bereich »Diskussion« im Editor

297

10.5 Die Kommentarfunktion von WordPress deaktivieren

297

10.6 Pingbacks - Vernetzung mit anderen Blogs

298

10.7 Auf einen Blick

299

11 Twenty Twenty: Themes anpassen mit dem »Customizer«

303

11.1 »Twenty Twenty« - ein Theme kennenlernen

303

11.1.1 Die Website zum Theme: Über ein Theme informieren

304

11.1.2 Responsives Layout: »Twenty Twenty« auf mobilen Geräten

304

11.1.3 »Design > Themes«: Die »Theme-Details« von »Twenty Twenty«

305

11.2 Der »Customizer«: Themes anpassen mit Live-Vorschau

307

11.3 Die »Website-Informationen« im Customizer

309

11.4 »Farben« anpassen im Customizer

311

11.5 »Theme-Optionen«, »Cover-Template« und »Hintergrundbild«

312

11.5.1 Theme-Optionen: Suchfeld im Header, Biografie und Archivseiten

312

11.5.2 Die Optionen für das »Cover-Template«

313

11.5.3 Ein »Hintergrundbild« für den Inhaltsbereich

314

11.6 »Menüs« - eine Navigation für die Website erstellen

315

11.6.1 Übersicht: Menüs erstellen in WordPress

315

11.6.2 Schritt 1: Das Hauptmenü erstellen und veröffentlichen

316

11.6.3 Schritt 2: Das »Hauptmenü« erweitern - ein Untermenü für die »News«

318

11.6.4 Schritt 3: Ein Social-Media-Menü mit hübschen Icons erstellen

320

11.6.5 Alle fünf Menüpositionen von Twenty Twenty auf einen Blick

321

11.7 »Widgets« sind vielseitige kleine Schnipsel

322

11.7.1 Traditionelle Widgets versus blockbasierte Widgets

323

11.7.2 Die Widgets im Footer von Twenty Twenty

324

11.7.3 Weitere Widgets aus der Block-Bibliothek in »Design > Widgets«

325

11.8 »Widgets« verwalten im Menü »Design > Widgets«

327

11.8.1 Das Menü »Design > Widgets« hat drei Bereiche

327

11.8.2 Widgets im Menü »Design > Widgets« entfernen

327

11.8.3 Widgets im Menü »Design > Widgets« anpassen

328

11.8.4 Übung: Die Widgets im Footer von Twenty Twenty verwalten

330

11.9 Auf einen Blick

331

12 Ein Blick in die Zukunft von WordPress: Gutenberg, Block-Themes und Full Site Editing

333

12.1 Überblick: Gutenberg, Block-Themes und Full Site Editing

333

12.1.1 Das »Projekt Gutenberg« besteht aus insgesamt vier Phasen

334

12.1.2 Klassische Themes: Anpassung über den Customizer

334

12.1.3 Block-Themes: Anpassung aller Aspekte der Website ohne Code

335

12.2 »Twenty Twenty-Two« ist ein Block-Theme

336

12.2.1 Schritt 1: Das Frontend von Twenty Twenty-Two erkunden

337

12.2.2 Schritt 2: Inhalte gestalten im Block-Editor mit Vorlagen

339

12.2.3 Schritt 3: Das Menü »Design« ohne Customizer, Menüs und Widgets

340

12.3 »Stile«: Blöcke gestalten, ohne Code zu schreiben

342

12.3.1 Der Website ein neues Aussehen geben: »Durchstöbern Sie die Stile«

344

12.3.2 Das Design festlegen: »Typografie«, »Farben« und »Layout«

345

12.3.3 Blöcke individualisieren: Theme-Vorgaben anpassen

346

12.4 Templates anpassen mit dem »Site-Editor«

347

12.4.1 Der Site-Editor auf einen Blick

347

12.4.2 Überblick: Seitentypen, Templates und Template-Teile

349

12.5 Übung: Ein »Website-Logo« hinzufügen

351

12.5.1 Schritt 1: Markieren Sie den Block »Website-Logo«

352

12.5.2 Schritt 2: Ein Website-Logo hinzufügen

353

12.5.3 Nützlich: »Änderungen an einem Template zurücksetzen«

354

12.6 Fazit: Block-Themes sind die Zukunft von WordPress

355

12.7 Auf einen Blick

356

13 Auf der Suche nach dem richtigen Theme

359

13.1 Wissenswertes zu WordPress-Themes

360

13.1.1 Worauf Sie bei Themes achten sollten

360

13.1.2 WordPress-Themes haben unterschiedliche Vertriebsmodelle

361

13.1.3 Die Antwort auf die Frage »Welches Theme ist das?«

362

13.2 WordPress, Themes und die Rolle der Pagebuilder

363

13.2.1 Der »Classic Editor« von WordPress 4 konnte nicht layouten

363

13.2.2 »Pagebuilder« ersetzen den Editor für das betreffende Dokument

363

13.2.3 Der »Block-Editor« reicht für viele Websites völlig aus

364

13.3 Das Theme-Verzeichnis auf WordPress.org

365

13.4 »Live-Vorschau«: Themes testen im Customizer

368

13.5 Freemium-Themes: Erst testen, dann kaufen

369

13.5.1 »GeneratePress«: Schlank, schnell und stabil

369

13.5.2 »Astra«: Eine gute Basis für die Arbeit mit Blöcken

370

13.5.3 »OceanWP«: Jede Menge Features auch in der kostenlosen Version

371

13.6 Kommerzielle Mehrzweck-Themes: Erst kaufen, dann testen

372

13.6.1 GPL-Themes mit kommerziellem Support auf WordPress.org

372

13.6.2 »Divi« und »Genesis«: GPL, aber nicht auf WordPress.org

373

13.6.3 Jenseits der GPL: Themes von einem Marktplatz wie »ThemeForest«

374

13.7 Auf einen Blick

376

14 WordPress erweitern: Plugins installieren und aktivieren

379

14.1 Wissenswertes zu Plugins

380

14.1.1 Das Plugin-Verzeichnis auf WordPress.org

380

14.1.2 Worauf Sie bei einem Plugin achten sollten

380

14.2 Das Menü »Plugins« im Backend

382

14.2.1 Das Menü »Plugins«: Zwei Plugins sind bereits installiert

382

14.2.2 Hello Dolly - ein Plugin aktivieren, deaktivieren und löschen

383

14.3 »WP Maintenance Mode«: Eine Hinweisseite für Besucher

384

14.3.1 Schritt 1: Das Plugin »WP Maintenance Mode« installieren

385

14.3.2 Schritt 2: Das installierte Plugin aktivieren

386

14.3.3 Schritt 3: Hinweisseite gestalten und aktivieren

386

14.4 »Lightbox with PhotoSwipe«: Bilder über der abgedunkelten Seite schweben lassen

388

14.5 »Twentig« ist der perfekte Partner für »Twenty Twenty« & Co

390

14.5.1 »Twentig« installieren und aktivieren

390

14.5.2 Die »Settings« von »Twentig«

392

14.6 »Twentig« erweitert den Customizer

393

14.6.1 »Twentig« fügt dem Bereich »Farben« neue Optionen hinzu

393

14.6.2 »Twentig Options > Site-Layout«: Die Breite der Inhaltsspalte

395

14.6.3 »Twentig Options > Fonts«: Die Gestaltung der Schrift

395

14.6.4 »Twentig Options > Header«: Den Kopfbereich gestalten

397

14.6.5 »Twentig Options > Footer«: Den Fußbereich gestalten

398

14.6.6 »Twentig Options > Page«: Beitragsbilder, Suchergebnis und 404

400

14.6.7 »Twentig Options > Blog«: Beitragsseite und Einzelansicht gestalten

401

14.6.8 »Twentig Options > Additional Settings«: Trennzeichen, Buttons und Social Icons

403

14.7 »Twentig« erweitert den Block-Editor

405

14.7.1 Twentig bringt über hundert neue Vorlagen mit

405

14.7.2 Twentig bringt neue Optionen in den Block-Einstellungen

406

14.7.3 Die Optionen von Twentig in den Block-Einstellungen auf einen Blick

408

14.8 Blocksammlungen: Neue Blöcke braucht die Site

410

14.8.1 Genial: »GenerateBlocks« von Tom Usborne (GeneratePress)

410

14.8.2 Vielseitig: »Kadence Blocks« von Ben Ritner (KadenceWP)

411

14.8.3 Umfangreich: »Spectra« von Brainstorm Force (Astra)

412

14.9 Auf einen Blick

413

15 Plugins rund um die Interaktion mit Besuchern

415

15.1 Eine Kontaktseite mit Kontaktformular: »WPForms«

415

15.1.1 Kontakt: Eine neue Seite erstellen und dem Hauptmenü hinzufügen

416

15.1.2 Schritt 1: »WPForms lite« aktivieren und konfigurieren

417

15.1.3 Schritt 2: Ein neues Kontaktformular erstellen

419

15.1.4 Schritt 3: Beschriftung ändern und DSGVO-Feld hinzufügen

420

15.1.5 Schritt 4: Allgemeine Einstellungen und Spamschutz

422

15.1.6 Schritt 5: Einstellungen für Benachrichtigungen per E-Mail

423

15.1.7 Schritt 6: »Bestätigung« für Ihre Besucher nach dem Abschicken

424

15.1.8 Schritt 7: Das Kontaktformular auf der Seite »Kontakt« einbinden

425

15.1.9 Schritt 8: Das Kontaktformular im Frontend aufrufen und testen

427

15.2 Weitersagen: Beiträge teilen mit »Shariff Wrapper«

429

15.2.1 Basiseinstellungen und Design für »Shariff Wrapper«

430

15.2.2 Das Weitersagen mit den Teilen-Buttons von Shariff ausprobieren

432

15.3 Müllvermeidung: »Antispam Bee« gegen Kommentarspam

433

15.4 Einen Cookie-Hinweis erstellen mit »Complianz«

436

15.4.1 »Complianz« - das Plugin für den Cookie-Hinweis

436

15.4.2 Der Assistent von Complianz hilft beim Erstellen des Cookie-Banners

437

15.4.3 Schritt 1: Allgemeine Informationen

438

15.4.4 Schritt 2: Einwilligung

438

15.4.5 Schritt 3: Dokumente

439

15.4.6 Schritt 4: Cookie-Banner gestalten

439

15.5 Besucherstatistiken mit »Burst Statistics«

440

15.6 Auf einen Blick

442

16 SEO - die Optimierung für Suchmaschinen

443

16.1 Schreiben im Web für Maschinen

444

16.1.1 Suchmaschinen denken nicht, sie vergleichen Zeichen

444

16.1.2 Die Robots der Suchmaschinen können nicht lesen

446

16.1.3 Suchmaschinen analysieren den »head«-Bereich im Quelltext

447

16.1.4 Suchergebnis, Titel der Seite, URL und Beschreibung

448

16.2 Ranking: Die Reihenfolge der Suchergebnisse

449

16.2.1 Der Kern der Sache: Google mag Hyperlinks ...

449

16.2.2 »Backlinks«: Hyperlinks, die auf Ihre Webseiten zeigen

450

16.2.3 »Mobile friendly«: Ist die Seite responsiv?

451

16.2.4 »Performance«: Ist die Webseite schnell?

451

16.3 Das Plugin »All in One SEO« konfigurieren

452

16.3.1 Das Plugin »All in One SEO« installieren und aktivieren

454

16.3.2 Schritt 1: Welche Art von Website betreiben Sie?

455

16.3.3 Schritt 2: Zusätzliche Informationen zu Ihrer Website

455

16.3.4 Schritt 3: Welche Features möchten Sie aktivieren?

456

16.3.5 Schritt 4: Das Erscheinungsbild Ihrer Webseiten bei Google

457

16.3.6 Schritt 5: Der »AIOSEO Setup Wizard« und Ihre E-Mail-Adresse

458

16.3.7 Schritt 6: Den »AIOSEO Setup Wizard« beenden

459

16.4 Rundgang: AIOSEO im Backend und im Block-Editor

460

16.4.1 Das Menü »All in One SEO« und »SEO« in der Werkzeugleiste

460

16.4.2 AIOSEO in der Übersicht für »Alle Seiten« und »Alle Beiträge«

461

16.4.3 AIOSEO im Block-Editor für Seiten und Beiträge

462

16.4.4 Feintuning: Am Anfang nur die wichtigsten Tools anzeigen lassen

462

16.5 »Search Appearance«: Die Darstellung in Suchmaschinen optimieren

465

16.5.1 Die Einstellungen im Menü »AIOSEO > Search Appearance«

465

16.5.2 Seitentitel und -beschreibung mit AIOSEO im Block-Editor optimieren

466

16.6 »Social Networks«: Seiten und Beiträge fürs Teilen vorbereiten

467

16.6.1 Open Graph: Metadaten für Facebook, Twitter & Co.

468

16.6.2 Ein Standardbild definieren im Menü »Social Networks«

469

16.6.3 »AIOSEO Settings > Social« im Block-Editor für Beiträge und Seiten

470

16.7 »Sitemaps«: XML-Sitemap erstellen und bei Google einreichen

472

16.7.1 WordPress erzeugt automatisch eine einfache XML-Sitemap

472

16.7.2 AIOSEO ersetzt die Sitemap von WordPress mit einer eigenen

472

16.7.3 Eine Website mit der »Google Search Console« verbinden

473

16.7.4 Die XML-Sitemap bei der Google Search Console einreichen

475

16.7.5 So finden Sie Ihre Webseiten bei Google: »site:ihre-domain.de«

476

16.8 Auf einen Blick

477

17 Systemverwaltung: Backups, Updates und Optimierung

481

17.1 Sicher ist sicher: Backups erstellen mit »UpdraftPlus«

481

17.1.1 Backup erstellen: Vom Webhoster, von Hand oder per Plugin

482

17.1.2 Schritt 1: UpdraftPlus installieren und aktivieren

483

17.1.3 Schritt 2: »Jetzt sichern« - ein manuelles Backup erstellen

484

17.1.4 Schritt 3: Das Backup herunterladen

485

17.1.5 Überblick: Was UpdraftPlus alles sichert (und was nicht)

487

17.2 Notfall: Backup wiederherstellen mit »UpdraftPlus«

488

17.2.1 Option 1: Wiederherstellen mit funktionierendem WordPress-Backend

488

17.2.2 Option 2: Wiederherstellen, wenn das Backend nicht mehr funktioniert

490

17.3 Updates: WordPress, Themes und Plugins aktualisieren

491

17.3.1 Die Seite »Dashboard > Aktualisierungen« im Überblick

491

17.3.2 Automatische Updates für kleine und große Versionen von WordPress

492

17.3.3 Automatische Updates gibt es auch für Themes und Plugins

492

17.4 Der Gesundheitscheck: »Werkzeuge > Website-Zustand«

493

17.5 »WP-Optimize«: Datenbank aufräumen und Seiten beschleunigen

495

17.5.1 »Datenbank«: Die Daten in der Datenbank aufräumen

496

17.5.2 »Cache«: Seiten beschleunigen

497

17.5.3 Die Register »Minify« und »Bilder«

499

17.5.4 Fazit: Die Optimierung lohnt sich

500

17.6 Zusätzliche Sicherheit für WordPress: »WP Security«

501

17.7 Weitere Tools zur Systemverwaltung

503

17.7.1 Die Benutzerverwaltung von WordPress

503

17.7.2 Import/Export: Inhalte in ein anderes WordPress übertragen

505

17.8 Auf einen Blick

507

18 Tipps und Tricks

509

18.1 Tipps zur Erstellung der Datenschutzerklärung

510

18.1.1 Der Entwurf für die Seite »Datenschutzerklärung«

510

18.1.2 Hilfe bei der Datenschutzerklärung: »datenschutz-generator.de«

511

18.1.3 Die Seite »Datenschutzerklärung«: Text einfügen und Menü erweitern

512

18.2 Nützliche Plugins kurz vorgestellt

513

18.2.1 Inhaltsverzeichnis für längere Beiträge: »WP Lucky Table of Content«

513

18.2.2 Ausklappbare Inhalte mit »Accordion Blocks«

513

18.2.3 Das Datum der letzten Änderung zeigen mit »WP Last Modified Info«

513

18.2.4 Autorenbox mit Foto und Social-Media-Links: »Simple Author Box«

514

18.2.5 Zurück nach oben auf der Seite mit »Simple Scroll to Top Button«

514

18.2.6 Beiträge und Seiten duplizieren mit »Duplicate Post«

514

18.3 Theme gestalten: »Zusätzliches CSS« im Customizer

515

18.4 Checkliste für die Freischaltung einer WordPress-Site

516

18.4.1 Checkliste für das Frontend

516

18.4.2 Checkliste für Interaktionen

517

18.4.3 Checkliste für das Backend

517

18.4.4 Checkliste für SEO

518

18.5 Checkliste für die Wartung Ihrer WordPress-Website

518

18.6 Sie sind nicht allein: Die WordPress-Community

519

18.7 Auf einen Blick

520