WordPress, das gratis WebSite-Tool

Willkommen zu WordPress, dem gratis Werkzeug, zur Erstellung einer WebSite. Das Dokument, das Sie gerade anschauen, ist der erste Beitrag einer Artikelserie(Blog), welche zeigt, wie WordPress installiiert und eine Website von Grundauf, Schritt für Schritt, erstellt wird. Um sofort loslegen zu können installieren wir WordPress in eine lokale Umgebung inklusive Datenbank und Webserver. Über folgenden Link gelangen sie in die Beschreibung zur lokalen Installation: WordPress-in-lokaler-Umgebung

Die lokale Umgebung hat die Vorteile, dass alles gratis und nichts Online ist und so auch keine rechtlichen Konsequenzen zu fürchten sind. Man kann alles in Ruhe testen. – Ist WordPress in einer lokalen Umgebung installiert, beginnen wir eine Website aufzubauen. Um eine Website zu erstellen benötigen wir ein Thema, um welches wir die WebSite aufbauen. Unser Thema ist eine Hundeschule in welcher Hunde ganz ohne „goodeli“ und ohne Leine erzogen werden sollen. Unsere Website soll snsDogTraining heissen. Unser Konzept nach der wir die WebSite aufbauen ist folgedes:

Unser Website Grobkonzept:

Name:	snsDogTraining
Domain:	snsDogTraining.ch
Art:	Verkaufswebsite
Ziel:	Umsatz, Klicks
Vorbild:	https://marc-welti.ch/ (Marc Welti – Hundetraining)
Inhalt (Seiten/Beiträge):	Start, Leistungen, Blog, Kontakt, Events, Über uns
Stil:	Modern, Klassisch, Plakativ, Flach, Zurückhaltend
Schrift:	Georgia, Palatino Linotype, Times New Roman, Arial, Comic Sans MS, Impact, Lucida Sans Unicode, Tahoma, Trebuchet MS, Verdana, Courier New, Lucida Console
Farbe:	Schwarz, Orange, Weiss, Grün, Rot, Blau
Logo:	weisser Hund mit weissem Schriftzug auf schwarzem Hintergrund
Favicon:	Hintergrund: Schwarz, Orangekreis mit schwarzem Text 100%

In den folgenden Beiträgen, Menüpunkte 01-09 und dem WordPress Lexikon, wird gezeigt, wie das moderne WordPress Blöcke verwendet, um Websites zu erstellen. In Seiten und Beiträgen wird mittels eines Editor auf Blockelemente zugegriffen und so Inhalt schrittweise in eine WebSite eingebaut. Das nennt man Full-Site-Editing(FSE), Voraussetzung dazu ist, dass ein Block-Theme aktiviert ist. Hintergrund dieser Entwicklung ist, dass viele Techniken wie Menüs, Widgets, Shortcodes, Elementes, usw. so durch Blöcke ersetzt werden. Damit kann man die gesamte Website anpassen, inklusive Header, Footer und automatisch erzeugten Seiten wie zum Beispiel einer Beitragsseite und den Archivseiten – ohne Code-Berührung – ohne Page-Builder nur mit einem der folgenden, integrierten WordPress-Editoren:

• Block-Editor ist nur für den Inhaltsbereich der Seiten und Beiträge zuständig. Wird direkt gestartet wenn eine Seite oder ein Beitrag aufgerufen wird.
• Site-Editor im Menü Design zur Anpassung des Themes (Stile, Navigation, Seiten, Templates, Vorlagen). In den Vorlagen sind die wichtigen Template-Teile Header und Footer enthalten.

Der Site-Editor, erreichbar aus dem Backend via Design > Editor startet im Browse-Modus, in dem man sich in den folgenden, wichtigsten fünf Design-Bereichen umschauen kann: