Einstieg in WordPress 5

Müller, PeterPeter Müller arbeitet seit vielen Jahren als IT-Dozent und versteht es, komplizierte Sachverhalte auf einfache und unterhaltsame Weise darzustellen. Er ist als Autor des CSS-Bestsellers "Little Boxes" bekannt, dessen neueste Auflage unter dem Titel "Einstieg in CSS" erschienen ist.

Eigene Layouts, neue Funktionalitäten, mobiler Auftritt

Materialien zum Buch ... 20
Geleitwort ... 21
Vorwort ... 22

Teil I WordPress kennenlernen ... 25

1. WordPress -- der Motor für Ihre Website ... 26

1.1 ... Das Web ist ein weltweites Gewebe aus Hyperlinks ... 26
1.2 ... WordPress vereinfacht das Veröffentlichen im Web ... 32
1.3 ... Es gibt zwei WordPress-Varianten: WordPress.org und WordPress.com ... 35
1.4 ... In diesem Buch geht es um WordPress.org ... 39
1.5 ... Auf einen Blick ... 41

2. Ihre Website: Planung, Domain und Webspace ... 42

2.1 ... Die Rahmenbedingungen: Ziele, Zeit und Zaster ... 42
2.2 ... Der rote Faden: Inhalt, Gestaltung, Funktionen und Technik ... 43
2.3 ... Inhalt: Überlegungen zu Titel und Untertitel der Website ... 44
2.4 ... Gestaltung: »Themes« bestimmen das Design Ihrer Webseiten ... 45
2.5 ... Funktionen: Plugins erweitern die Fähigkeiten von WordPress ... 46
2.6 ... Technik (1): So finden Sie einen passenden Domain-Namen ... 47
2.7 ... Technik (2): So finden Sie einen passenden Webspace ... 50
2.8 ... Auf einen Blick ... 53

3. WordPress installieren ... 54

3.1 ... Bequem: WordPress vorinstalliert oder als 1-Klick-Installation ... 55
3.2 ... Manuell: WordPress auf einem Online-Webspace installieren ... 58
3.3 ... Offline: WordPress auf Ihrem Computer installieren ... 71
3.4 ... phpMyAdmin: Datenbanken erstellen und verwalten ... 78
3.5 ... Auf einen Blick ... 81

4. Die ersten Schritte im Backend von WordPress ... 82

4.1 ... WordPress besteht aus Frontend und Backend ... 82
4.2 ... Das Backend von WordPress im Überblick ... 85
4.3 ... Das Menü »Einstellungen« im Überblick ... 90
4.4 ... »Einstellungen > Allgemein«: Titel der Website & Co. ... 91
4.5 ... »Einstellungen > Lesen«: Beiträge, Newsfeed, Suchmaschinen ... 95
4.6 ... »Einstellungen > Permalinks«: Aussagekräftige URLs ... 97
4.7 ... Das Menü »Benutzer«: Ihr Benutzerprofil im Überblick ... 102
4.8 ... Auf einen Blick ... 107

Teil II Inhalte: Texte, Bilder und Multimedia ... 109

5. Die ersten Seiten und Beiträge ... 110

5.1 ... Beiträge und Seiten: So verwaltet WordPress Inhalte ... 111
5.2 ... Eine neue Seite erstellen: »Über mich« ... 113
5.3 ... Eine Seite bearbeiten: »Beispiel-Seite« wird »Impressum« ... 123
5.4 ... Beiträge bearbeiten: »Hallo Welt!« wird »Der Block-Editor« ... 129
5.5 ... Beiträge neu erstellen: »Die Blockauswahl« ... 133
5.6 ... Beiträge im Frontend: Übersicht und Einzelansicht ... 135
5.7 ... Eine klassische Website: Startseite und Newsbereich ... 138
5.8 ... »QuickEdit«: Die Reihenfolge der Seiten festlegen ... 144
5.9 ... Hauptmenü: Eine Navigation für die Website erstellen ... 147
5.10 ... Know-how: Verschiedene Seitentypen in WordPress ... 152
5.11 ... Auf einen Blick ... 154

6. Texte schreiben in WordPress ... 155

6.1 ... Schreiben im Web für Menschen ... 156
6.2 ... Der Block-Editor von WordPress im Überblick ... 157
6.3 ... Texte schreiben im visuellen Editor ... 162
6.4 ... »Revisionen«: Unfallhilfe für Beiträge und Seiten ... 169
6.5 ... Hyperlinks erstellen im visuellen Editor ... 171
6.6 ... Die Optionen zum Speichern und Veröffentlichen ... 175
6.7 ... Kategorien und Schlagwörter im Überblick ... 179
6.8 ... Kategorien erstellen und verwalten ... 180
6.9 ... Schlagwörter erstellen und verwalten ... 185
6.10 ... Auf einen Blick ... 190

7. Die Mediathek: Bilder und Galerien ... 192

7.1 ... Schnelldurchgang: Ein Bild auf »Über mich« einfügen ... 193
7.2 ... Vor dem Hochladen: Bilder optimieren ... 201
7.3 ... Die Mediathek von WordPress ... 206
7.4 ... Bilder einfügen über die »Mediathek« ... 213
7.5 ... Beitragsbilder sind besondere Bilder ... 221
7.6 ... Bildergalerien erstellen und bearbeiten ... 223
7.7 ... Bilder direkt in WordPress bearbeiten ... 229
7.8 ... Auf einen Blick ... 234

8. Multimedia: Sounds und Videos ... 235

8.1 ... Audiodateien aus der Mediathek einbinden ... 235
8.2 ... Videodateien aus der Mediathek einbinden ... 240
8.3 ... So können Sie Medien datenschutzkonform einbinden ... 242
8.4 ... Auf einen Blick ... 248

9. Inhalte gestalten mit dem Block-Editor ... 249

9.1 ... Ein echter Blickfang: der Block »Cover« ... 250
9.2 ... Mehrspaltige Layouts: der Block »Spalten« ... 256
9.3 ... Text hervorheben: die Blöcke »Zitat« und »Pullquote« ... 263
9.4 ... Nebeneinander: der Block »Medien und Text« ... 266
9.5 ... Eine Aufforderung für Besucher: der Block »Button« ... 268
9.6 ... »Wiederverwendbare Blöcke«: Blöcke recyceln ... 271
9.7 ... Auf einen Blick ... 278

10. Quelltext: HTML im Editor von WordPress ... 279

10.1 ... Der Aufbau von HTML-Elementen ... 279
10.2 ... HTML-Elemente im Editor von WordPress ... 284
10.3 ... HTML für Überschriften, Absätze und Hervorhebungen ... 286
10.4 ... Listen: Aufzählungen und Nummerierungen ... 289
10.5 ... Links, Bilder und andere nützliche HTML-Elemente ... 294
10.6 ... Auf einen Blick ... 299

11. Kommentare: Interaktion mit Besuchern ... 300

11.1 ... Die Kommentarfunktion kennenlernen ... 300
11.2 ... Kommentare verwalten: Genehmigen, löschen etc. ... 306
11.3 ... Das Menü »Einstellungen > Diskussion« ... 310
11.4 ... Kommentare für einzelne Seiten oder Beiträge deaktivieren ... 316
11.5 ... Die Kommentarfunktion von WordPress deaktivieren ... 318
11.6 ... Pingbacks -- Vernetzung mit anderen Blogs ... 319
11.7 ... Auf einen Blick ... 320

Teil III Themes: Das Design Ihrer Website ... 321

12. Themes anpassen mit dem »Customizer«: Theme-Optionen, Menüs und Widgets ... 322

12.1 ... »Twenty Nineteen« -- ein Theme kennenlernen ... 323
12.2 ... Der »Customizer«: Themes anpassen mit Live-Vorschau ... 327
12.3 ... »Website-Informationen«: Titel der Website, Untertitel, Logo und Website-Icon ... 328
12.4 ... »Farben« anpassen im Customizer ... 331
12.5 ... »Menüs« -- eine Navigation für die Website erstellen ... 333
12.6 ... »Widgets« verwalten im »Customizer« ... 340
12.7 ... Widgets als Block im Editor einfügen ... 346
12.8 ... Auf einen Blick ... 350

13. »Hemingway«: Ein neues Theme hinzufügen ... 351

13.1 ... Informieren: Themes suchen und kennenlernen ... 352
13.2 ... Installieren: Das Theme auf den Webspace kopieren ... 356
13.3 ... Ausprobieren: Im Customizer mit der »Live-Vorschau« ... 361
13.4 ... Aktivieren: »Hemingway« gestaltet das Frontend ... 370
13.5 ... Feintunen: Das neue Theme perfektionieren ... 372
13.6 ... Auf einen Blick ... 375

14. Auf der Suche nach dem richtigen Theme ... 377

14.1 ... Wissenswertes zu WordPress-Themes ... 377
14.2 ... Kostenlose Themes: das Standard-Theme »Twenty Seventeen« ... 381
14.3 ... Freemium-Themes: »Astra«, »GeneratePress« und »OceanWP« -- erst testen, dann kaufen ... 384
14.4 ... Weitere kommerzielle Anbieter und Marktplätze ... 388
14.5 ... Auf einen Blick ... 392

Teil IV Plugins: WordPress erweitern ... 393

15. WordPress erweitern: Plugins installieren ... 394

15.1 ... Wissenswertes zu Plugins ... 394
15.2 ... Das Menü »Plugins« im Backend ... 397
15.3 ... »Coming Soon Page«: Ein Hinweis für Ihre Besucher ... 399
15.4 ... »Simple Lightbox«: Bildschirmfüllende Diashows ... 405
15.5 ... Ein Werkzeugkasten für Layouts: »Kadence Blocks« ... 407
15.6 ... Immer einen Schritt voraus: »Gutenberg« als Plugin ... 420
15.7 ... Auf einen Blick ... 421

16. Kontaktformular, Beiträge teilen, Spamschutz und Besucherstatistik ... 422

16.1 ... Eine Kontaktseite mit Kontaktformular: »WP Forms« ... 422
16.2 ... Weitersagen: Beiträge teilen mit »Shariff Wrapper« ... 436
16.3 ... Müllvermeidung: »Antispam Bee« gegen Kommentarspam ... 441
16.4 ... Statistiken mit »Statify« ... 444
16.5 ... Auf einen Blick ... 446

17. SEO -- die Optimierung für Suchmaschinen ... 447

17.1 ... Schreiben im Web für Maschinen ... 448
17.2 ... Ranking: Die Reihenfolge der Suchergebnisse ... 453
17.3 ... Das Plugin »All in One SEO Pack« im Überblick ... 456
17.4 ... SEO: Seitentitel und -beschreibung optimieren ... 459
17.5 ... »Social Meta«: Beiträge für Social Media optimieren ... 461
17.6 ... SEO: »XML-Sitemap« als Inhaltsverzeichnis der Website ... 466
17.7 ... Auf einen Blick ... 472

Teil V Systemverwaltung und Tipps & Tricks ... 473

18. Backups, Updates und Optimierung ... 474

18.1 ... Sicher ist sicher: Backups erstellen mit »UpdraftPlus« ... 474
18.2 ... Im Notfall: Backup wiederherstellen mit »UpdraftPlus« ... 480
18.3 ... Updates: WordPress aktualisieren ... 483
18.4 ... Die Benutzerverwaltung von WordPress ... 487
18.5 ... Import/Export: Inhalte in ein anderes WordPress übertragen ... 491
18.6 ... Seiten beschleunigen: »Autoptimize« und »Cache Enabler« ... 494
18.7 ... Datenbank aufräumen: »WP-Optimize« ... 498
18.8 ... Zusätzliche Sicherheit für WordPress: »WP Security« ... 499
18.9 ... Auf einen Blick ... 501

19. Tipps und Tricks ... 503

19.1 ... »Classic Block«: Inhalte in Blöcke umwandeln ... 503
19.2 ... Datenschutzerklärung und DSGVO-Kompatibilität ... 506
19.3 ... Weitere nützliche Plugins zur Systemverwaltung ... 512
19.4 ... Know-how: Quelltext von Themes bearbeiten ... 515
19.5 ... Checkliste für die Freischaltung einer WordPress-Site ... 517
19.6 ... Sie sind nicht allein: Die WordPress-Community ... 520
19.7 ... Auf einen Blick ... 521

Index ... 522