HTML und CSS

Um Deine Website in WordPress zu realisieren, musst Du nicht coden können.

Ein Grundverständnis von HTML und CSS hilft Dir aber, Deine Website mit dem Webentwickler Tool oder Firebug zu untersuchen und die Stilvorlage Deines Child-Themes (style.css) zu bearbeiten.

https://wiki.selfhtml.org/

https://wiki.selfhtml.org/wiki/CSS

zum Ausprobieren und weiterlesen https://www.w3schools.com/

Backend Tools

Plugins, die die Arbeit im Backend der Website erleichtern.

Maintenance Modus für Zeiten des Auf- und Umbaus
https://de.wordpress.org/plugins/wp-maintenance-mode/

Umsortieren von Seiten, Posts und Kategorien per Drag and Drop
https://de.wordpress.org/plugins/post-types-order/

Post Duplicator
https://wordpress.org/plugins-wp/post-duplicator/

Mediathek organisieren
https://de.wordpress.org/plugins/enhanced-media-library/

Frontend Tools

Plugins, die für mehr Funktionalität auf der Website sorgen

Zum Anfang der Seite springen
https://wordpress.org/plugins/to-top/
Fügt einen Button am Ende der Seite hinzu, sodass man wieder an den Anfang der Seite springen kann (ohne nach oben scrollen zu müssen)

Social Media Teilen-Buttons
https://de.wordpress.org/plugins/shariff/
„Shariff stellt Teilen-Buttons bereit, die die Privatsphäre der Besucher schützen und im Einklang mit der Datenschutzgrundverordnung (DSGVO) stehen.“ sagt der Entwickler.

Accordion Blocks
https://de.wordpress.org/plugins/accordion-blocks/

Layout Tools

Plugins, die das Layout Deines Themes und des Standardeditors erweitern.

Gosign WordPress Plugin Blocks
Plugins zur Erweiterung des Blockeditors (Gutenberg)
https://www.gosign.de/plugins/

Shortcodes Ultimate
Einfache Toolsammlung für Spalten und Galerien sowie Vorlagen für Aufklapptexte, Listen, Icons etc.
https://de.wordpress.org/plugins/shortcodes-ultimate/

Page Builder

Elementor Page Builder
Page Builder mit eigenem Editor
https://wordpress.org/plugins/elementor/

Page Builder by SiteOrigin
Eigener Editor, Drag an Drop Tool zur Erstellung verschiedener Module
https://de.wordpress.org/plugins/siteorigin-panels/ ( –> siehe Video auf der Seite)
erweitert mit: Livemesh SiteOrigin Widgets (+ SiteOrigin Widgets Bundle) / SO Page Builder Animate

Grid Layout / Masonry

Verlinkte Beitrags-Vorschaubilder

Gosign – Masonry Post Block (Favorit)
Bearbeitung im Beitragseditor, einfache Bedienung und viele Einstellungsmöglichkeit
https://wordpress.org/plugins/gosign-masonry-post-block

Layout Tools weiterlesen

Darstellung von Bildern

Plugins zur Darstellung von Bildern in Galerien, Lightboxes und Slidern

Galerie mit schönem Grid und Lightbox-Slider
https://wordpress.org/plugins/simply-gallery-block/
Video Tutorial (die Bilderauswahl ist mittlerweile anders, über „Items“). Umfangreiches Plugin mit vielen Einstellmöglichkeit und das beste, was ich unter den kostenlosen Galerien gefunden habe. Alle Lightboxes (Galerien und Einzelbilder) erhalten seitenweit die gleiche Erscheinung.
Anleitung mit Screenshots

Lightbox
https://wordpress.org/plugins/wp-featherlight/

Slider
https://de.wordpress.org/plugins/ml-slider/ (einfache Bedienung)

Smart Slider
https://wordpress.org/plugins/smart-slider-3/ 
Plugin mit komplexem Backend, in dem einzelne Slides mit mehreren Ebenen (Bild und Text) bearbeitet werden können.

MetaSlider mit Lightbox (WP Featherlight)
https://de.wordpress.org/plugins/ml-slider-lightbox/

Video & Sound

Videos und Sound können einfach in einem Block eingebettet oder per iframe eingebunden werden. Plugins erweitern die Darstellungsmöglichkeiten.

Lazy Load für Videos
https://de.wordpress.org/plugins/lazy-load-for-videos
Überlagert Videos mit einem Vorschaubild, sodass die Ladezeit verschoben wird. Außerdem verhindert das Plugin, dass Youtube und Co. Cookies vor dem abspielen setzen.

Gosign – Youtube Video Player Block
https://wordpress.org/plugins/gosign-youtube-video-player-block/

Gosign – Vimeo Video Player Block
https://de.wordpress.org/plugins/gosign-vimeo-video-player-block/

Datenschutz, Sicherheit und SEO

Allgemeiner Schutz der Seite
https://de.wordpress.org/plugins/ninjafirewall/ 
Angeblich reichen die default-Einstellungen, ansonsten ziemlich komplex. DSGVO-konformität herstellen: NinjaFirewall > Firewall Options > IP Anonymization > enable

Verschlüsseln der Serverpfade
https://de.wordpress.org/plugins/wp-hide-security-enhancer/

Entfernen von Malware
https://wordpress.org/plugins/gotmls/

Schutz vor Spam (nur bei eingeschalteter Kommentarfunktion)
https://wordpress.org/plugins/antispam-bee/

Verschlüsseln der Mail-Adresse (für Bots)
https://wordpress.org/plugins/email-address-encoder/

Cookie Banner (notwenig nach EU-Richtlinie)
https://de.wordpress.org/plugins/gdpr-cookie-compliance/
GDPR Cookie Compliance ist aktuell das beste kostenlose Plugin mit Opt-In-Verfahren. Sollen z.B. Tracking Cookie gesetzt werden, empfehle ich unbedingt das kostenpflichtige Plugin Borlabs Cookie.

Yoast – SEO, Titel und Sitemap
https://de.wordpress.org/plugins/wordpress-seo/

W3 Total Cache (Web Perfomance Optimation)
Tutorial: https://hootproof.de/w3-total-cache-einrichten/
https://de.wordpress.org/plugins/w3-total-cache/

Statistik (IP-Anonymisierung notwendig)
https://wordpress.org/plugins/wp-statistics/ 

Datenbank Backup (empfohlen vor jeder Aktualisierung)
https://de.wordpress.org/plugins/wp-db-backup/

Disable Emojis (GDPR friendly)
https://de.wordpress.org/plugins/disable-emojis/

Artikel zu Plugins und DSGVO 
https://www.blogmojo.de/wordpress-plugins-dsgvo/

WordPress Installation im Unterverzeichnis – Abruf über Domain Haupverzeichnis

Mit der Registrierung Deiner Domain ist diese im World Wide Web erreichbar. Darum installieren wir WordPress in einem Unterverzeichnis, um in Ruhe das Layout und die Inhalte zu entwickeln. Ist das passiert, wird die Domain auf dieses Unterverzeichnis weitergeleitet.

WordPress Installation im Unterverzeichnis – Abruf über Domain Haupverzeichnis weiterlesen