Einstieg in WordPress 5

Peter Müller zeigt Ihnen, wie Sie mit WordPress eine eigene Webseite erstellen und veröffentlichen können - auch ohne Vorkenntnisse. In einfachen Kapiteln lernen Sie WordPress als Redaktionssystem kennen und bauen Schritt für Schritt eine Onlinepräsenz auf. Sie erfahren, wie Sie eine Domain und Webspace einrichten und WordPress installieren, mit Texten Bildern und Videos arbeiten und das grafische Design mit Themes ändern oder die Funktionalität mit Plugins erweitern. Aktuell ab WordPress 5.1

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