zukunst. maria best

“Ihre Homepage mit WordPress 5 und dem neuen Gutenberg-Editor”

»Von der ersten Idee zur praktischen Umsetzung in 7 simplen Schritten« – ist mein erstes WordPress-Buch. Aus der Erfahrung meiner Seminare wollte ich einen Kurzeinblick geben, der es so ziemlich jedem ermöglicht, sich mit WordPress eine Website aufzubauen. Installation, Gutenberg-Editor für Seiten und Beiträge, Blog-Grundlagen, Menüs, Themes, Plugins, alles anhand von Screenshots dargestellt. Keine techniklastige 1000-Seiten-Bibel, sondern ein einfacher und vor allem verständlicher Leitfaden.

Vorsicht: in beiden Büchern gibt es Gendersternchen (*)… 😉

Als >> Kindle-E-Book, als >> Taschenbuch (169 Seiten) und als >> Großdruck-Ausgabe (201 Seiten) bei www.amazon.de.

Das Video zum Buch

“Die 5-Seiten-Homepage mit WordPress 5 – Ich will kein Blog – Ich will eine Website!”

Das sagen mir viele Teilnehmer*innen in den Seminaren – »Ich will doch nur eine einfache Website«… eine »erweiterte Visitenkarte«… Deshalb gibt es dieses Buch, denn WordPress geht auch ohne Blog. Für alle, die schon genau wissen, dass ihre Website nur aus ein paar Seiten (es müssen nicht mal 5 sein) bestehen soll. Und die deshalb keine langen Erklärungen zu Blogs lesen wollen.
Gut 100 Screenshots und Illustrationen zeigen Ihnen das Wesentliche zu Einrichtung, Erstellung der einzelnen Seiten, Gestaltung des Menüs etc. Das alles mit einem WordPress-Standard-Layout und einigen ausgewählten deutschsprachigen Plugins.

Als >> Kindle-E-Book, als >> Taschenbuch (191 Seiten), und als >> Großdruck-Ausgabe (223 Seiten) bei www.amazon.de.
Hier geht es übrigens zu >> meiner Autorenseite.

Das Video zum Buch

Etwas HTML für WordPress Beginner

Wer heute mit WordPress startet, um seine Website aufzubauen, hat meistens keine Vorerfahrung mit der Erstellung von Webseiten in “good old” HTML. Also so, wie man das “früher” mal gemacht hat, als man den Code noch von Hand zu Fuß geschrieben hat. Das ist auch nicht notwendig, da man in WordPress selbst nicht zwingend herum “programmieren” muss. (Es handelt sich dabei nicht wirklich um Programmieren, wie Puristen jetzt anmerken werden, aber das ist für uns erstmal unerheblich).

Aber: Es hilft, wenn Sie ein paar Grundkenntnisse zu HTML & Co. erwerben, denn Sie stoßen in WordPress immer wieder auf Begriffe, die sicher rätselhaft erscheinen, die sich damit aber ganz leicht erklären lassen. Deshalb hier ein paar Basisinfos. Wer HTML kann oder kennt, braucht das natürlich nicht zu lesen.

HTML steht einfach für “HyperText Markup Language” und ist eine Auszeichnungssprache (also keine Programmiersprache), mit der das Layout von Internetseiten beschrieben wird, auch heute noch. Via HTML kann man festlegen, wie groß eine Schrift ist, wo ein Bild zu sehen ist, wohin ein Link geht usw. Eben alles, was so eine typische Webseite ausmacht. Das macht man in HTML mit festgelegten Begriffen, und genau diese Begriffe tauchen auch immer mal wieder in WordPress auf, vor allem wenn Sie im Customizer ihr Theme anpassen.

Da steht dann zum Beispiel “Heading” oder “Body” oder “Paragraph” oder “List Item” – und Sie fragen sich, was man Ihnen damit sagen will…
Das alles sind Begriffe, die aus der HTML-Sprache kommen, denn auch das Erscheinungsbild von WordPress-Webseiten wird mithilfe von HTML erzeugt, nur kriegen wir davon nichts mit. HTML-“Befehle” sind spezielle, natürlich am Englischen orientierte Wortkürzel (man wollte ja nicht ewig lange an so einer Website rumschreiben), sogenannte “Tags”, die immer in spitzen Klammern stehen, also: <tag>. Es gibt eine ganze Menge von Tags, man kann sie alle im Internet nachschauen und wenn man sogar eine Handvoll davon auswendig kann, ist das nicht verkehrt. Tag ist englisch, wird also “Tähg” ausgesprochen und heißt einfach nur Markierung / Etikett – oder eben Auszeichnung.

Einige Beispiele dazu:
“Heading” meint eine Überschrift, der HTML-Tag ist <h>, wobei der Buchstabe h immer mit einer Zahl kombiniert wird, um die Größe anzugeben. <h1> ist die größte Überschrift, <h6> die kleinste. Vielleicht ist Ihnen das schon mal bei dem Block “Überschrift” im Gutenberg-Editor aufgefallen.
Übrigens nicht zu verwechseln mit dem “Header” einer WordPress-Site, denn damit ist der Kopfbereich am oberen Rand gemeint, in dem der Seitentitel, Untertitel, ggf. auch ein Logo oder ein schickes Header-Bild/Video zu sehen ist.
“Body” steht für den kompletten “Körper” der Internetseite, den Grundaufbau, das was die Besucher*innen sehen. Im HTML-Slang ist dies der <body>-Tag.
Ein “Paragraph” ist einfach ein Text-Absatz, in HTML ein schlichtes <p>.
“List Items” sind Listenelemente oder einzelne Listenpunkte einer Liste, in HTML <li>. Es gibt geordnete <ol> und ungeordnete <ul> Listen.
Im Gutenberg-Editor von WordPress können Sie theoretisch auch direkt in HTML Ihre Blöcke beschreiben und formatieren (dazu mal das Symbol mit den drei Punkten am oberen Rand des Blocks anklicken, in dem Sie gerade aktiv sind, dann erscheint als Menümöglichkeit “Edit as HTML”). Das ist jedoch nur sinnvoll, wenn Sie sich ein wenig mit HTML auskennen, sonst heißt es: “Denn sie wissen nicht was sie tun…”.

Ein anderes Kürzel ist Ihnen wahrscheinlich auch schon aufgefallen, “CSS”. Es erscheint unter anderem im Customizer und als erweiterte Option in der rechten Seitenleiste des Gutenberg-Editors, wenn Sie in einem Block aktiv sind. CSS steht für “Cascading Style Sheets” (etwa: aufeinander abgestufte Stilvorlagen) und lässt sich vergleichen mit Formatvorlagen in Word. CSS ist ein mächtiges Werkzeug, mit dem man das Aussehen seiner Webseite beeinflussen kann. Leider gilt auch hier: Man muss sich damit etwas beschäftigen, um gezielt eigene sinnvolle Einstellungen treffen zu können. Mit CSS kann man das Aussehen einzelner HTML-Elemente (z.B. Paragraph, List, Heading etc.) bestimmen. Wenn Sie Ihr Theme also individuell abwandeln wollen, können Sie dies mit CSS machen.

Eine Übersicht der wichtigsten “Befehle” für HTML finden Sie übrigens bei Heise.de.
Und für alle, die tiefer einsteigen wollen, hier noch die Qualitätsadresse zu HTML, CSS überhaupt, und das seit 1995(!): Selfhtml.org

WordPress 5.5. in Sicht

Mitte August 2020 soll Version 5.5. auf die WordPress-Fans losgelassen werden. Aktuell kann man bereits eine Beta-Version testen, an der natürlich laufend gearbeitet und verbessert wird. Vor ein paar Tagen habe ich deshalb eine Test-Site angelegt, um mir die neuen Möglichkeiten nach und nach anzuschauen. Bei den Gutenberg-Blöcken hat sich wohl Einiges getan, auch die Optik hat sich hier leicht verändert. Es gibt jetzt zusätzlich “Patterns”, also Muster, mit denen man ganz geschwind Spalten in Beiträgen und Seiten anlegen kann, auch in Kombination mit Fotos.

Da ich ohnehin meine beiden WordPress-Bücher etwas überarbeiten und aktualisieren möchte, passt das sehr gut. Außerdem plane ich ein neues drittes Buch, das sich speziell an Vereine und ähnlich gelagerte Institutionen richtet. Vereine sind ja per se eher dynamische Gruppen, in denen idealerweise “immer was los” ist. Sich immer was verändert. Vorstände, Mitglieder, Fotos, Veranstaltungen… das Vereinsleben ist Veränderung.

Da bietet sich ein WordPress-Blog quasi an. Und das muss nicht immer ausschließlich auf der Startseite sein, sondern kann für verschiedene Abteilungen genutzt werden. Konzeption und Planung wird in diesem Buch eine große Rolle spielen, um eine Website zu gestalten, die sowohl Mitgliedern als auch Besuchsmenschen Freude macht. Die effektive Verbindung zu Social Media-Präsenzen sowie die Pflege der Website durch verschiedene Vereinsmitglieder als Redakteure sind zwei andere Schwerpunkte.

Ob dieses neue Buch – Arbeitstitel aktuell “WordPress für Vereine sinnvoll einsetzen” oder “Ein Blog für viele Zwecke” – nun bereits im August fertig wird, mal schauen. Ende August ist wohl realistischer, liebe Maria…