test5

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

test4

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

test3

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

test2

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

test1

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

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)

Very simple splash page plugin
fügt Themes eine einfache fullscreen Startseite mit Backgroundimage oder -video hinzu.

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/

Aufklappmenü
https://wordpress.org/plugins/jquery-vertical-accordion-menu/
(nicht getestet mit neuster WordPress Version)

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/

/* Gosign Masonry Post Block ohne Overlay und Beitragstitel (erst bei hover) */
.grid-parent-gosign .gallery-image:before {background: none;}
.grid-parent-gosign .grid-item a {text-decoration:none;}
.grid-parent-gosign .grid-item a, .grid-parent-gosign .gallery-image .box-content .title {color: transparent;}
.grid-parent-gosign .grid-item a:hover {color:#fff;}

Masonry Layout (Pinterest Like Grid)
Eigener Editor, Einbettung über Shortcode
https://wordpress.org/plugins/wp-masonry-layout/

Content Views – Post Grid & List for WordPress
Eigener Editor, Einbettung über Shortcode
https://wordpress.org/plugins/content-views-query-and-display-post-page/

Spaltenlayout für Inhalte

Der Standardeditor Gutenberg bringt Einstellungsmöglichkeiten für ein Spaltenlayout mit. Diese sind jedoch sehr beschränkt und nur mit zusätzlichen Anpassungen funktional. Daher empfehle ich dieses Plugin:

Gosign – Grid Container Block
https://wordpress.org/plugins/gosign-grid-container-block/

Beschriftung

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.

Darstellung von Bildern

Plugins für Galerie, Lightboxes und Slider

Galerie mit schönem Grid und Lightbox-Slider
https://wordpress.org/plugins/simply-gallery-block/

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

Slider
https://de.wordpress.org/plugins/ml-slider/ (einfache Bedienung)
https://wordpress.org/plugins/smart-slider-3/ (etwas komplexeres Backend)

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

Backgroudslider
Responsive Full Width Background Slider

Sicherheit und SEO

Allgemeiner Schutz der Seite
https://de.wordpress.org/plugins/sucuri-scanner/ (die Einstellungen …)
https://de.wordpress.org/plugins/ninjafirewall/ (angeblich reichen die default-Einstellungen, ansonsten ziemlich komplex) DSGVO-konform: 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 Hinweis-Banner (notwenig nach EU-Richtlinie)
https://de.wordpress.org/plugins/cookie-notice/

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

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