1 WordPress – der Motor für Ihre Website

31

1.1 Das Web ist ein weltweites Gewebe aus Hyperlinks

31

1.1.1 Das Web besteht aus Webseiten und Hyperlinks

32

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

33

1.1.3 Webseiten werden auf einem »Webspace« gespeichert

34

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

34

1.1.5 »Responsives Webdesign«: Webseiten passen sich ihrer Umgebung an

36

1.2 WordPress vereinfacht das Veröffentlichen im Web

36

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

37

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

37

1.2.3 WordPress ist Blogtool und vollwertiges CMS

38

1.3 Der Unterschied zwischen WordPress und WordPress.com

39

1.3.1 »wordpress.org«: WordPress auf dem eigenen Webspace betreiben

40

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

41

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

43

1.4 Das »Projekt Gutenberg«: WordPress erfindet sich neu

43

1.5 Auf einen Blick

44

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

47

2.1 Die Rahmenbedingungen skizzieren: Ziele, Zeit und »Zaster«

47

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

48

2.3 Inhalt: Der Grund, Ihre Website zu besuchen

49

2.4 Gestaltung: »Themes« bestimmen das Design Ihrer Webseiten

50

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

51

2.6 Technik, Teil 1: So finden Sie einen Domain-Namen

52

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

52

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

53

2.7 Technik, Teil 2: So finden Sie einen Webspace

55

2.7.1 HTTPS: Verschlüsselung mit einem SSL-Zertifikat ist heute Standard

55

2.7.2 Einfach fragen: Kann man den Webspace kostenlos testen?

56

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

57

2.7.4 Angebote: Einige Beispiele für Webhosting mit WordPress

58

2.8 Auf einen Blick

59

3 WordPress installieren

61

3.1 Zum Testen: WordPress ausprobieren mit TasteWP.com

61

3.1.1 Schritt 1: TasteWP.com – WordPress installieren mit zwei Klicks

62

3.1.2 Schritt 2: Ein Blick auf das frisch installierte WordPress

63

3.2 Die bequeme Installation: WordPress vom Webhoster – vorinstalliert oder mit wenigen Klicks

65

3.2.1 Schlüsselfertig: Ein vorinstalliertes WordPress

65

3.2.2 Halbautomatisch: WordPress mit wenigen Klicks installieren

65

3.3 Die manuelle Installation: WordPress selbst auf einem Online-Webspace installieren

67

3.3.1 Schritt 1: WordPress herunterladen und entpacken

68

3.3.2 Schritt 2: Eine FTP-Verbindung zum Webspace herstellen

69

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

70

3.3.4 Schritt 4: Das Installationsprogramm von WordPress aufrufen

72

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

74

3.3.6 Schritt 6: Titel der Website eingeben und Administrator anlegen

77

3.4 Die Offline-Installation: WordPress auf Ihrem eigenen Computer installieren

80

3.4.1 Mit einem lokalen WordPress werden Sie quasi selbst zum Webhoster

81

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

81

3.5 Auf einen Blick

83

4 Die ersten Schritte im Backend von WordPress

85

4.1 WordPress besteht aus »Frontend« und »Backend«

85

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

86

4.1.2 Das »Backend« ist die Verwaltungsabteilung

87

4.2 Das »Backend« von WordPress im Überblick

88

4.2.1 Die Werkzeugleiste für Benutzer am oberen Bildschirmrand

90

4.2.2 Die Menüleiste ist die Schaltzentrale im Backend

90

4.2.3 Das »Dashboard« – alles Wichtige auf einen Blick

91

4.3 Das Menü »Einstellungen« im Überblick

93

4.4 »Einstellungen • Allgemein«: Titel der Website & Co.

94

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

95

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

96

4.5 »Einstellungen • Lesen«: Beiträge, Newsfeed und Sichtbarkeit für Suchmaschinen

98

4.6 »Einstellungen • Permalinks«: Aussagekräftige URLs

100

4.6.1 Der Aufbau einer Webadresse (URL)

100

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

101

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

104

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

105

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

106

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

108

4.8 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 ausgegeben

114

5.1.2 Seiten sind für statische Inhalte

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 Überblick: Der Block-Editor besteht aus drei Bereichen

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

124

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

125

5.3.8 Die obere Werkzeugleiste hat sich nach der Veröffentlichung geändert

126

5.3.9 Die »Zusammenfassung« in der Seitenleiste »Einstellungen«

127

5.4 Eine vorhandene Seite bearbeiten: »Impressum«

128

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

128

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

130

5.4.3 Schritt 3: Das Impressum hinzufügen

132

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

133

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

135

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

136

5.8 Beiträge im Frontend: Beitragsseite und Einzelansicht

138

5.8.1 Auf der Beitragsseite werden alle Beiträge ausgegeben

139

5.8.2 Jeder Beitrag hat eine Einzelansicht mit eigenem Permalink

140

5.9 WordPress mit statischer Startseite und zusätzlicher Beitragsseite

142

5.9.1 Übersicht: WordPress mit statischer Startseite und Beitragsseite

142

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

142

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

143

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

144

5.9.5 Schritt 3: Startseite und Beitragsseite in den Einstellungen zuweisen

145

5.10 Die Reihenfolge der Seiten festlegen

147

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

147

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

147

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

148

5.10.4 Die Reihenfolge der Seiten gilt auch in der Navigation

150

5.11 Know-how: Verschiedene Seitentypen in WordPress

150

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 für Inhalte auf Beiträgen und Seiten

155

6.3 Die Werkzeuge in der oberen Werkzeugleiste

156

6.3.1 Die Symbole in der linken Hälfte der oberen Werkzeugleiste

157

6.3.2 Der »Block-Inserter« in der oberen Werkzeugleiste auf einen Blick

158

6.3.3 Die Suche im Block-Inserter sucht auch auf »wordpress.org«

159

6.3.4 »Block-Inserter • Blöcke«: Die wichtigsten Blöcke auf einen Blick

159

6.3.5 Das 3-Punkte-Menü in der oberen Werkzeugleiste ganz rechts außen

160

6.4 Los geht’s: Texte schreiben im Block-Editor

162

6.4.1 »Lorem Ipsum unterwegs« – einen Beispieltext einfügen

162

6.4.2 Die Symbole in der Block-Werkzeugleiste von Text-Blöcken

164

6.5 Übersichtlich: Texte mit Überschriften strukturieren

166

6.6 Verlinken: Hyperlinks erstellen im Block-Editor

169

6.6.1 Einen externen Hyperlink erstellen

169

6.6.2 Einen internen Hyperlink erstellen

171

6.6.3 Die Optionen zur Bearbeitung von bereits eingefügten Hyperlinks

172

6.7 Hilfreich: »Listenansicht«, »Gliederung« und Modus »Auswählen«

173

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

173

6.7.2 Das Register »Gliederung« zeigt Statistiken und Überschriftstruktur

174

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

175

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

176

6.9 Kategorien und Schlagwörter in Beiträgen

178

6.9.1 Der Unterschied zwischen Kategorien und Schlagwörtern

178

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

179

6.10 Kategorien erstellen und verwalten

180

6.10.1 Das Menü »Beiträge • Kategorien« in der Übersicht

180

6.10.2 Kategorien erstellen im Menü »Beiträge • Kategorien«

181

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

183

6.10.4 Archivseiten für Kategorien haben einen eigenen Permalink

185

6.11 Schlagwörter erstellen und verwalten

186

6.11.1 Schlagwörter für Beiträge erstellen und zuweisen

186

6.11.2 Die Alternative: Schlagwörter zuweisen mit der Funktion »QuickEdit«

189

6.11.3 Schlagwörter verwalten: Das Menü »Beiträge • Schlagwörter«

189

6.12 Auf einen Blick

191

7 Die Mediathek: Bilder und Galerien einfügen

193

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

193

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

194

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

196

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

196

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

198

7.2 Bilder sollten vor dem Hochladen optimiert werden

200

7.2.1 Bilder optimieren: Dateiname, Bildausschnitt, Bild- und Dateigröße

201

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

202

7.2.3 Umbenennen – dem Bild einen informativen Dateinamen geben

202

7.2.4 Skalieren – die Bildgröße reduzieren (weniger Pixel)

203

7.2.5 Komprimieren – die Dateigröße reduzieren (weniger KB)

204

7.2.6 Das Übungsfoto nach der Optimierung

204

7.3 Die Mediathek von WordPress im Überblick

205

7.3.1 Dateien hochladen direkt in der Mediathek

205

7.3.2 Kleine Vorschau, viel Info: Die Medienübersicht in der Listenansicht

206

7.3.3 Nur die Vorschaubilder: Die Medienübersicht in der Gridansicht

207

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

208

7.3.5 Die Detailinfos sind in Listen- und Gridansicht leicht unterschiedlich

208

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

211

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

212

7.4.1 Schritt 1: Einen neuen Beitrag mit einem Block »Bild« erstellen

212

7.4.2 Schritt 2: »Medien hinzufügen« – ein Bild aus der Mediathek einfügen

213

7.4.3 Die Alternative: Bilder einfügen mit dem Block-Inserter

215

7.5 Die Block-Werkzeugleiste für den Bild-Block im Detail

216

7.5.1 Die Block-Werkzeugleiste für Bilder auf einen Blick

217

7.5.2 Die Optionen zur »Ausrichtung« von Bildern

218

7.5.3 Die »Link-Einstellungen« für ein Bild anpassen

220

7.5.4 »Zuschneiden«: Ein Bild bearbeiten mit der Block-Werkzeugleiste

222

7.6 Beitragsbilder sind ganz besondere Bilder

223

7.6.1 Beitragsbilder erscheinen nicht im Inhaltsbereich des Editors

223

7.6.2 Ein Beitragsbild für einen Beitrag festlegen

224

7.7 Mehrere Bilder: Eine Galerie hinzufügen und bearbeiten

225

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

225

7.7.2 Schritt 2: Bilder zur Galerie hinzufügen

226

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

228

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

229

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

231

7.8 Bilder online in der Mediathek bearbeiten

232

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

232

7.8.2 »Skalieren«: Zuerst die Bildgröße verändern

233

7.8.3 »Zuschneiden«: Einen Teil des Bildes entfernen

234

7.9 Auf einen Blick

236

8 Multimedia: Audio und Videos einfügen

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.1.3 Audiodateien aus der Mediathek einbinden mit dem Block-Inserter

243

8.2 Videodateien aus der Mediathek einbinden

244

8.2.1 Eine Videodatei mit dem Block »Video« hochladen und einfügen

244

8.2.2 Videodateien aus der Mediathek einbinden mit dem Block-Inserter

246

8.3 Externe Medien datenschutzkonform einbetten

247

8.3.1 Einbettungen in WordPress – extrem bequem und ein Problem

247

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

248

8.4 Auf einen Blick

249

9 Inhalte gestalten mit dem Block-Editor

251

9.1 Die Design-Werkzeuge in der Seitenleiste »Einstellungen«

252

9.1.1 Der Bereich »Farbe« enthält die Werkzeuge »Text« und »Hintergrund«

252

9.1.2 Das 3-Punkte-Menü, Teil 1: Geänderte Einstellungen zurücksetzen

253

9.1.3 Das 3-Punkte-Menü, Teil 2: Zusätzliche Werkzeuge einblenden

254

9.2 Mehrere Blöcke gestalten mit dem Block »Gruppe«

255

9.2.1 Schritt 1: Die zu gestaltenden Blöcke gruppieren

255

9.2.2 Schritt 2: Der Gruppe Hintergrundfarbe und Innenabstand zuweisen

256

9.2.3 Schritt 3: Einen Rand um die Gruppe festlegen

257

9.3 Blickfang: Text auf einem Bild mit dem Block »Cover«

258

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

259

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

260

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

261

9.4 Nebeneinander: Der Block »Medien und Text«

263

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

264

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

264

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

266

9.5.3 Der Block »Buttons« kann mehrere Buttons enthalten

267

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

267

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

268

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

269

9.6.2 Schritt 2: Den Gruppe-Block mit Inhalten duplizieren und bearbeiten

270

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

271

9.6.4 Schritt 4: Den Spalten-Block und die beiden Gruppen gestalten

272

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

273

9.7.1 Die Blockvorlagen von WordPress

273

9.7.2 Blockvorlagen von Plugins wie »Twentig«

274

9.7.3 Viele Block-Themes bringen eigene Vorlagen mit

275

9.8 Das »Vorlagen«-Verzeichnis auf WordPress.org

275

9.8.1 Schritt 1: Eine Vorlage im Vorlagen-Verzeichnis testen und kopieren

276

9.8.2 Schritt 2: Die kopierte Vorlage im Block-Editor einfügen und anpassen

277

9.9 Eigene »Vorlagen« erstellen

278

9.9.1 Schritt 1: Ein eigenes Layout als Vorlage abspeichern

278

9.9.2 Schritt 2: Eine selbst erstellte Vorlage einfügen und anpassen

279

9.10 »Synchronisierte Vorlagen« sind wiederverwendbare Blöcke

280

9.10.1 Schritt 1: Eine synchronisierte Vorlage erstellen

280

9.10.2 Schritt 2: Eine synchronisierte Vorlage in ein Dokument einfügen

282

9.10.3 Schritt 3: Eine synchronisierte Vorlage nachträglich ändern

283

9.10.4 »Vorlage loslösen«: Synchronisierte Vorlage in normale Blöcke umwandeln

284

9.11 Auf einen Blick

285

10 Kommentare: Interaktion mit Besuchern

287

10.1 Die Kommentarfunktion kennenlernen

287

10.1.1 Einen neuen Kommentar erstellen

288

10.1.2 Neuer Kommentar – Benachrichtigung per E-Mail

290

10.1.3 Neue Kommentare – Benachrichtigung im Backend

291

10.2 Kommentare verwalten: Genehmigen, löschen etc.

292

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

292

10.2.2 Kommentare kommentieren: Auf einen Kommentar antworten

294

10.3 Das Menü »Einstellungen • Diskussion«

296

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

296

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

298

10.3.3 »Einstellungen • Diskussion«, Teil 3: Avatare

299

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

302

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

302

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

303

10.5 Die Kommentarfunktion von WordPress deaktivieren

303

10.6 Pingbacks – Vernetzung mit anderen Blogs

304

10.7 Auf einen Blick

305

11 Block-Themes anpassen, Teil 1: Website-Editor und Navigation

309

11.1 Warum Block-Themes erfunden wurden

309

11.2 Überblick: Die Übungswebsite nach der Anpassung

311

11.3 Den Website-Editor für Block-Themes kennenlernen

313

11.3.1 Der Website-Editor ist nach dem Start im »Browse-Modus«

314

11.3.2 Der Website-Editor im »Bearbeiten-Modus« zum Bearbeiten einer Seite

315

11.3.3 Vorsicht: Ein »Template« im Website-Editor bearbeiten

317

11.3.4 Praktisch: Änderungen an Templates kann man rückgängig machen

319

11.4 Die Hauptnavigation im Website-Editor anpassen

320

11.4.1 Vorbereitung: Alle gewünschten Seiten erstellen und veröffentlichen

320

11.4.2 Eine Navigation besteht aus einem Block »Navigation« und einem Menü

321

11.4.3 Schritt 1: Das bereits vorhandene Navigationsmenü umbenennen

321

11.4.4 Schritt 2: Die vorhandenen Links aus dem Navigationsmenü entfernen

323

11.4.5 Schritt 3: Die wichtigsten Seitenlinks zum Menü hinzufügen

324

11.4.6 Praktisch: Alle Änderungen am Header wieder zurücksetzen

326

11.5 Die Navigation mit den Pflichtlinks im Footer einfügen

327

11.5.1 Schritt 1: Den Footer zur Bearbeitung im Website-Editor öffnen

327

11.5.2 Schritt 2: Einen Navigationsblock im Footer einfügen

328

11.5.3 Schritt 3: Ein Navigationsmenü mit den Pflichtlinks erstellen

329

11.5.4 Schritt 4: Das neue Navigationsmenü umbenennen in »Pflichtlinks«

330

11.6 Auf einen Blick

331

12 Block-Themes anpassen, Teil 2: Stile, Vorlagen und Templates

333

12.1 »Stile« kennenlernen: Website gestalten ohne Code

333

12.1.1 Der Bereich »Stile« im Browse-Modus

334

12.1.2 Die Seitenleiste »Stile« im Bearbeiten-Modus

334

12.1.3 »Stile • Typografie«: Schrift für Elemente global gestalten

335

12.1.4 »Stile • Farben«: Paletten und Farben für Elemente global gestalten

336

12.1.5 »Stile • Layout«: Breite für Inhalte und Innenabstände global gestalten

337

12.1.6 »Stil • Blöcke« und »Stilbuch«: Einzelne Blöcke global gestalten

338

12.1.7 »Stile • Farben • Palette«: Block-Themes haben drei Farbpaletten

340

12.1.8 »Theme-Palette«: Das Farbschema für die gesamte Website ändern

341

12.2 »Stile« in Aktion: Header und Footer farblich gestalten

343

12.2.1 Schritt 1: Den Header farblich gestalten

343

12.2.2 Schritt 2: Den Abstand oberhalb des Headers entfernen

344

12.2.3 Schritt 3: Den Footer farblich gestalten

345

12.2.4 Praktisch: Änderungen an den Stilen rückgängig machen

346

12.3 »Vorlagen«: Header mit Logo, Titel und Untertitel

347

12.3.1 Schritt 1: Eine passende Header-Vorlage suchen

347

12.3.2 Schritt 2: Das Template-Teil »Header« zur Bearbeitung öffnen

348

12.3.3 Schritt 3: Die neue Vorlage im Header einfügen

350

12.3.4 Schritt 4: Farben für die neue Header-Vorlage zuweisen

351

12.3.5 Schritt 5: Website-Logo und Website-Icon einfügen

352

12.4 »Templates« anpassen mit dem Website-Editor

353

12.4.1 Der Bereich »Templates« zeigt eine Liste aller verfügbaren Templates

354

12.4.2 Die Ausgangssituation: Beitragsausgabe mit Beitragsbildern

356

12.4.3 Schritt 1: Das Template »Blog-Startseite« in der Detail-Ansicht

357

12.4.4 Schritt 2: »Blog-Startseite« – Überschrift ändern und Abschnitt löschen

358

12.4.5 Schritt 3: »Beitrags-Template« – Spaltenanzahl und Abstände ändern

359

12.4.6 Schritt 4: »Alle Archive« – Archivseiten sind noch dreispaltig

360

12.4.7 Schritt 5: Weitere Ideen zur Anpassung der Beitragsausgabe

361

12.4.8 »Einzelne Beiträge«: Das Beitragsbild aus der Einzelansicht entfernen

362

12.5 Der Website-Editor ist ein echtes Powertool

363

12.6 Auf einen Blick

364

13 Klassische Themes anpassen mit dem »Customizer«

365

13.1 Das Standardtheme »Twenty Twenty« installieren

366

13.2 »Live-Vorschau«: Twenty Twenty im Customizer

367

13.3 Die »Website-Informationen« anpassen

369

13.3.1 Website-Logo und Website-Icon definieren

369

13.3.2 Die Grenzen der Anpassung von klassischen Themes

370

13.4 »Farben« und »Theme-Optionen« anpassen

371

13.4.1 »Farben«: Hintergrundfarben und Akzentfarbe anpassen

371

13.4.2 Die »Theme-Optionen« anpassen

372

13.5 »Menüs« – eine Navigation für die Website erstellen

373

13.5.1 Übersicht: Menüs erstellen in klassischen Themes

374

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

374

13.5.3 Schritt 2: Ein Footer-Menü mit den rechtlichen Pflichtlinks

376

13.5.4 Schritt 3: Ein Social-Media-Menü mit Icons erstellen

377

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

378

13.6 »Widgets« sind vielseitige kleine Schnipsel

379

13.6.1 Die Widgets im Footer von Twenty Twenty

380

13.6.2 Widgets in einen anderen Widget-Bereich verschieben

381

13.6.3 Weitere Widget-Blöcke aus dem Block-Inserter einfügen

382

13.7 Den Customizer mit der »Live-Vorschau« beenden

383

13.8 Auf einen Blick

384

14 Auf der Suche nach dem richtigen Theme

385

14.1 WordPress, »Pagebuilder« und Themes

385

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

386

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

386

14.1.3 Der »Block-Editor« ist inzwischen für viele Websites mehr als genug

388

14.1.4 Fazit: Ein Theme ist ein schlankes Fundament für die Website

388

14.2 Wissenswertes zu WordPress-Themes

389

14.2.1 Worauf Sie bei Themes achten sollten

389

14.2.2 WordPress-Themes haben unterschiedliche Vertriebsmodelle

390

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

391

14.3 Das Theme-Verzeichnis auf WordPress.org

392

14.3.1 Die Detailseite eines Themes im Theme-Verzeichnis, Teil 1

393

14.3.2 Die Detailseite eines Themes im Theme-Verzeichnis, Teil 2

394

14.4 Block-Themes: Alternativen zu Twenty Twenty-Three

396

14.5 Klassische Freemium-Themes: Erst testen, dann kaufen

397

14.5.1 »GeneratePress«: Schlank, schnell und stabil

398

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

398

14.5.3 »Kadence«: Jede Menge Features auch in der kostenlosen Version

399

14.6 Jenseits vom Theme-Verzeichnis: Erst kaufen, dann installieren

400

14.6.1 »GPL-Themes mit kommerziellem Support« auf WordPress.org

400

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

401

14.6.3 Themes von einem Marktplatz wie »ThemeForest«

402

14.7 Auf einen Blick

404

15 WordPress erweitern mit Plugins

407

15.1 Ein Plugin installieren: »Lightbox for Gallery & Image Block«

407

15.1.1 Das Plugin-Verzeichnis auf WordPress.org

408

15.1.2 Worauf Sie bei einem Plugin achten sollten

409

15.1.3 Das Backend-Menü »Plugins • Installierte Plugins«

410

15.1.4 Ein Plug-in installieren

411

15.1.5 Das Plugin »Lightbox for Gallery & Image Block« installieren

411

15.1.6 Das installierte Plugin aktivieren

413

15.2 »Twentig« – der Werkzeugkasten für Block-Themes

414

15.2.1 »Twentig« installieren und aktivieren

414

15.2.2 Die »Twentig Settings« haben nur wenige Optionen

415

15.2.3 Twentig erweitert WordPress um zahlreiche neue Vorlagen

416

15.2.4 Twentig bringt neue Optionen in den Block-Einstellungen

418

15.2.5 Mit »Twentig« die Links in der Navigation gestalten

419

15.3 E-Mail-Button, Anrufen-Button und Kontaktformular

421

15.3.1 Schritt 1: Buttons für E-Mail und Anrufen eingeben

422

15.3.2 Schritt 2: Das Plugin »Form Block« installieren und aktivieren

423

15.3.3 Schritt 3: Ein Kontaktformular einfügen, anpassen und gestalten

424

15.3.4 Schritt 4: Das Kontaktformular testen

425

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

426

15.5 Müllvermeidung: »Antispam Bee« gegen Kommentarspam

429

15.6 Besucherstatistiken mit »Burst Statistics«

432

15.7 Einen Cookie-Hinweis erstellen mit »Complianz«

433

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

434

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

435

15.7.3 Schritt 1: Allgemein (Infos zur Website und zum Betreiber)

436

15.7.4 Schritt 2: Einwilligung (Cookies und Plugins sammeln)

436

15.7.5 Schritt 3: Dokumente (Cookie-Richtlinie erstellen und einbinden)

437

15.7.6 Schritt 4: Fertigstellen (Cookie-Banner und Cookie-Blocker)

437

15.7.7 Schritt 5: Cookie-Banner gestalten

438

15.8 Auf einen Blick

438

16 SEO – die Optimierung für Suchmaschinen

441

16.1 Schreiben im Web für Maschinen

442

16.1.1 Suchmaschinen denken nicht, sie vergleichen Zeichen

442

16.1.2 Die Robots der Suchmaschinen können nicht lesen

444

16.1.3 Suchmaschinen analysieren den »head«-Bereich im Quelltext

445

16.1.4 Suchergebnisseiten: URL, Titel der Webseite und Beschreibung

446

16.2 »Ranking«: Die Reihenfolge der Suchergebnisse

446

16.2.1 Der Kern der Sache: Google mag Hyperlinks …

447

16.2.2 »Backlinks« und »Social Signals«: Links, die auf Ihre Webseiten zeigen

447

16.2.3 »Mobile friendly«: Ist die Seite responsiv?

448

16.2.4 »Performance«: Werden die Webseiten schnell geladen?

449

16.3 Das Plugin »The SEO Framework« konfigurieren

450

16.3.1 Das Plugin »The SEO Framework« installieren und aktivieren

451

16.3.2 Das Backend-Menü »SEO« enthält die »SEO-Einstellungen«

452

16.3.3 »Startseiten-Einstellungen«: Titel und Beschreibung für die Startseite

453

16.3.4 »Soziale Netzwerke-Meta-Einstellungen«: Ein Standardbild zum Teilen

454

16.4 Die Darstellung Ihrer Inhalte in Suchmaschinen optimieren

455

16.4.1 Die »SEO-Leiste« in der Übersichtstabelle für »Seiten« und »Beiträge«

455

16.4.2 Die Optionen von der SEO-Leiste kann man im »QuickEdit« ändern

457

16.4.3 Die »SEO-Einstellungen« im Block-Editor unter dem Inhaltsbereich

458

16.5 Seiten und Beiträge fürs Teilen in Social Media vorbereiten

460

16.5.1 Open Graph: Metadaten für Facebook & Co.

460

16.5.2 Die Einstellungen zum Teilen von Seiten und Beiträgen im Block-Editor

461

16.6 »XML-Sitemap«: Die Liste mit Inhalten für Suchmaschinen

463

16.6.1 WordPress erzeugt automatisch eine einfache XML-Sitemap

463

16.6.2 »The SEO Framework« bringt eine eigene XML-Sitemap mit

464

16.6.3 Ihre Webseiten im Index von Google: »site:ihre-domain.de«

465

16.7 Auf einen Blick

466

17 Systemverwaltung: Backups, Updates und Optimierung

467

17.1 Sicher ist sicher: Backups erstellen mit »UpdraftPlus«

467

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

468

17.1.2 Schritt 1: UpdraftPlus installieren und aktivieren

469

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

470

17.1.4 Schritt 3: Das Backup herunterladen

471

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

473

17.2 Notfall: Backup wiederherstellen mit »UpdraftPlus«

474

17.2.1 Option 1: Wiederherstellen mit funktionierendem WordPress-Backend

474

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

476

17.3 Updates: WordPress, Themes und Plugins aktualisieren

476

17.3.1 Die Seite »Dashboard • Aktualisierungen« im Überblick

477

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

477

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

478

17.4 Der Gesundheitscheck: »Werkzeuge • Website-Zustand«

479

17.5 »WP-Optimize«: Datenbank, Bilder und Cache

480

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

481

17.5.2 Das Register »Bilder« zur Komprimierung von Bildern

482

17.5.3 Das Register »Cache«: Die Auslieferung der Seiten beschleunigen

484

17.5.4 Das Register »Minify« ist eher was für Fortgeschrittene

485

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

486

17.7 Weitere Tools zur Systemverwaltung

488

17.7.1 Die Benutzerverwaltung von WordPress

488

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

490

17.8 Auf einen Blick

492

18 Tipps und Tricks

495

18.1 »Neueste Beiträge«: Beiträge dynamisch ausgeben

496

18.2 Blocksammlungen: Neue Blöcke braucht die Site

497

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

498

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

499

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

500

18.3 Nützliche Plugins kurz vorgestellt

501

18.3.1 Automatische Umleitungen mit »Redirection«

501

18.3.2 Beiträge und Seiten duplizieren mit »Yoast Duplicate Post«

502

18.3.3 Zurück nach oben auf der Seite mit »Scroll To Top«

502

18.3.4 Inhaltsverzeichnis für längere Beiträge mit »Simple TOC«

503

18.3.5 Blöcke ein- und ausblenden mit »Block Visibility«

503

18.4 Tipps zur Erstellung der Datenschutzerklärung

504

18.4.1 Die Seite für die »Datenschutzerklärung«

504

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

505

18.5 Checkliste für die Freischaltung Ihrer WordPress-Site

507

18.5.1 Checkliste für das Frontend

507

18.5.2 Checkliste für Interaktionen

507

18.5.3 Checkliste für das Backend

508

18.5.4 Checkliste für SEO

509

18.6 Checkliste für die Wartung Ihrer WordPress-Website

509

18.7 Sie sind nicht allein: Die WordPress-Community

510

18.8 Auf einen Blick

511