Infosite von Joe Brandes
Eine Website von Trainer Joe Brandes. Infos zu IT-Seminaren von A bis Z.
Das klassische PCS Zertifikat
Von der Hardware und Netzwerktechnik bis zu den den Betriebssystemen Windows, Windows Server und Linux
Ich biete diese Module an!
Zertifikat CMSOD
Module Basiszertifikat
Module Specialist
Ready for Tech Deep Dives...
Bitte gerne ihre gewünschten Seminarinhalte anfragen!
Für alle Interessierten aus dem Bereich des "CMS Online Designer" findet ab dem 17.06.2024 ein weiteres Seminar "CMS WordPress" bei der VHS Braunschweig als Bildungsurlaub statt.
In unserem CMS-WordPress-Seminar wollen wir uns alle notwendigen Fähigkeiten von der WordPress-Installation bis zur ausgebauten Website erarbeiten. Das Seminar orientiert sich dabei an den "Ideen/Roter Faden" des CMSOD-Zertifikats aber natürlich vor Allem auch an den Bedürfnissen und Themenwünschen der Teilnehmer im Seminar.
Hier die Rahmendaten unseres Seminars:
Ort: VHS Braunschweig, Heydenstraße 2, Raum 2.11Zeiten: Mo, 17.06.2024. - Fr, 21.06.2024; jeweils 08.30 - 16.00 Uhr Digitale Seminarunterlagen: (siehe aber auch dieser Seminarbeitrag)Extra Website WordPress mit aktuellen Ausarbeitungen rund um das Thema WordPress Trainer OneDrive: (für Unterlagen nach Seminar)Freigabe für Trainingsunterlagen - hier: Screenshots zu Seminartagen (als ZIPs) WordPress Workshop: wieder Interesse (4 TN im Seminar - aktuell 1 Mail an mich) an Aufbau-Workshop Die Koordination werde ich an die VHS BS weiterleiten und koordinieren.
Ort: VHS Braunschweig, Heydenstraße 2, Raum 2.11Zeiten: Mo, 17.06.2024. - Fr, 21.06.2024; jeweils 08.30 - 16.00 Uhr
Digitale Seminarunterlagen: (siehe aber auch dieser Seminarbeitrag)Extra Website WordPress mit aktuellen Ausarbeitungen rund um das Thema WordPress
Trainer OneDrive: (für Unterlagen nach Seminar)Freigabe für Trainingsunterlagen - hier: Screenshots zu Seminartagen (als ZIPs)
WordPress Workshop: wieder Interesse (4 TN im Seminar - aktuell 1 Mail an mich) an Aufbau-Workshop Die Koordination werde ich an die VHS BS weiterleiten und koordinieren.
Ich werde unser Seminar an dieser Stelle - wie gewohnt - ausführlich begleiten...Ihr Trainer Joe Brandes
Diesen Begriff hört man in meinen Seminaren häufiger ;-). Gemeint ist hier: Das grundsätzliche Verständnis der fraglichen IT-Techniken. Am Besten gleich so, dass man auch nach einer Zeit ohne Beschäftigung mit diesen Techniken sehr schnell wieder in Fahrt kommt.
Unter einem roten Faden versteht man ein Grundmotiv, einen leitenden Gedanken, einen Weg oder auch eine Richtlinie. „Etwas zieht sich wie ein roter Faden durch etwas“ bedeutet beispielsweise, dass man darin eine durchgehende Struktur oder ein Ziel erkennen kann. Quelle: Wikipedia - Roter Faden
Unter einem roten Faden versteht man ein Grundmotiv, einen leitenden Gedanken, einen Weg oder auch eine Richtlinie. „Etwas zieht sich wie ein roter Faden durch etwas“ bedeutet beispielsweise, dass man darin eine durchgehende Struktur oder ein Ziel erkennen kann.
Quelle: Wikipedia - Roter Faden
Eine sehr grundsätzliche Erfahrung in der IT ist, dass sich natürlich die IT modernisiert. ABER: keine Entwicklergemeinschaft setzt sich dauernd hin und erfindet das Rad neu. Wir werden uns also erarbeiten, wie WordPress tickt und dann profitieren wir einfach mal ein paar Jahrzehnte davon ;-).
Die Themen im Groben:
Und natürlich schauen wir vor Allem auch, dass wir Ihre Topics im Seminar klären.
Wichtig: Lassen Sie sich zu Beginn des Seminars nicht von der Fülle an Infos in diesem Seminarbeitrag erschlagen. Es handelt sich auch um viel Zusatzinfos und Infos zu unserer Entwicklungsumgebung XAMPP-CMSOD, die sich im Laufe des Seminars immer wieder mal nachschlagen/nutzen lassen.
Die Inhalte der Seminarewoche sind also nicht nur bereits über die Seminartage/Seminarabschnitte aufbereitet, sondern ebenfalls oft mit Zusatzinfos versehen. Und natürlich ergeben sich ja nach Seminarverlauf leichte Abweichungen. Am Ende des Seminars sind dann alle Infos der Seminarwoche für Sie komplett.
Meine (zusätzlichen) Ausarbeitungen zum Thema finden Sie als (RestructuredText) Dokumente in verschiedenen Formaten (HTML, PDF)unter der URL wordpress.joe-brandes.de.
Anmerkung: In den letzten Jahren habe ich diese Websites parallel mit Infos und Aktualisierungen versorgt. Bitte gerne in beiden Portalen stöbern!
Mal sehen wo die Reise mit dieser Unterlage hingeht. Diese Online Ausarbeitungen per RestructuredText werden oft im Rahmen der durchgeführten Seminare zum Thema aktualisiert.
Die jeweilige Aktualisierung (Datum, Version) kann man den Dokumenten entnehmen.
Für Seminarteilnehmer unserer WordPress Seminare bieten wir (auf Anfrage) eine Vertiefung für das CMS WordPress an. In unserem praxisorientiertem Seminar wollen wir uns um die folgenden Themen kümmern:
Eine Planung / Koordination kann im Seminar durchgeführt werden.
Digitale und analoge Unterlagen:
Feedbackbögen, TN-Bescheinigungen, letzte Fragen
Wir müssen unsere Arbeitsplatzrechner optimal für die Umsetzungen mit Content Management Systemen (oder auch anderen Online-Techniken) vorbereiten.
Topics:
Ansicht für den Standard-Dateimanager Window Explorer (Win + E) einstellen:
Wir müssen die Windows Einstellungen - Dateierweiterungen einblenden:
Anzeige der Dateiendungen mit Windows Explorer (Win + E); Windows Vista / 7 / 8 / 10 / 11: Organisieren - Ordner- und Suchoptionen - Register Ansicht ...
Grund für die Konfiguration: Dateien heißen bild.jpg oder bild.jpeg oder bild.JPG - wir müssen das genau wissen!
bild.jpg
bild.jpeg
bild.JPG
(siehe auch Beitrag Toolsammlung auf diesem Portal)
Die Software wird von mir auch oft schon fertig lokal zum Installieren verteilt, um Zeit zu sparen.
Bei häufigeren Einrichtungen von Entwicklungsumgebungen möchte man das gerne noch effizienter gestalten. Das führt uns (oft) zum Paketmanagement mit Chocolatey oder auch Winget unter Windows.
Microsoft stellt mit winget ein Basistool für paketorientierte Softwareverwaltung bereit. Als Techniker auf System mag ich on-Board Technik. Ich versuche also ohne extra Softwareinstallationen auszukommen.
Auf aktuellen Windows 11 (oder auch Windows 10 Systemen) sollte winget funktionsfähig bereit sein. Ansonsten gerne mal Store aktualisieren oder ggf. Internet Recherche.
Schnellanleitung für Paketinstallationen mit winget Paketmanagement:
# ====================================================================== # Winget CLI nutzen/testen # ====================================================================== winget list winget search docker winget show --id Git.Git # ====================================================================== winget install --id Docker.DockerDesktop winget install --id Mozilla.Firefox winget install --id eloston.ungoogled-chromium winget install --id ONLYOFFICE.DesktopEditors winget install --id Notepad++.Notepad++ winget install --id Microsoft.VisualStudioCode winget install --id Git.Git winget install --id 7zip.7zip winget install --id Microsoft.PowerToys winget install --id Microsoft.PowerShell # winget install --id IDRIX.VeraCrypt (bitte in Admin-Console in Admin-Account) winget install --id KeePassXCTeam.KeePassXC winget install --id FastStone.Viewer winget install --id VideoLAN.VLC
Anm.: man sollte auf einem System immer nur einen Paketmanager nutzen.
Profitipp: Chocolatey zur Installation der gewünschten Tools
Hier: Schnellanleitung Softwareinstallationen mit Chocolatey PaketmanagementAnm.: wir entscheiden uns für die systemweite Nutzung der Installationen!Das bedeutet, dass wir die PowerShell (Konsole) für Chocolatey Befehle hier mit Adminrechten nutzen.
# Chocolatey bereitstellen: # ====================================================================== # in Admin-PowerShell Copy&Paste von Chocolatey Seite # https://chocolatey.org/install # einfach die Copy&Paste Zeile mit Maus anklicken und in der # PowerShell Konsole mit rechter Maus wieder einfügen # ====================================================================== # Chocolatey nutzen/testen # ====================================================================== choco outdated choco list --local-only # https://community.chocolatey.org/packages # Wichtig: Admin-PowerShell nutzen # mit Schalter -y keine Rückfragen beim Installieren # ====================================================================== choco install docker-desktop -y choco install microsoft-windows-terminal choco install firefox chromium opera choco install notepadplusplus choco install vscode choco install 7zip choco install powertoys choco install git choco install jq choco install nodejs choco install python3
Der Clou: die gesamte gewünschte Software ließe sich auch mit einem Einzeiler installieren (oder natürlich per Skript).
Und natürlich installiert man sich nur die wirklich benötigte Software. Für die Softwareverwaltung reichen dann einfache Befehle choco /? | choco list | choco list -l | install | install /? | upgrade ... mit der Windows PowerShell.
choco /? | choco list | choco list -l | install | install /? | upgrade ...
Wir erarbeiten unsere Projekte lokal an unserem Windows-System. Die nötigen Services laufen ebenfalls hier:
Die gesamte Serverumgebung ist also bereits fix & fertig vorbereitet.
(OPTIONALE) Windows hosts Datei
Anm.: der Einsatz von hosts-Technik(en) ist normalerweise nur in den CMSOD TYPO3-Seminaren zwingend von Nöten.
Aber vielleicht möchten wir diese Technik (Anm.: sehr nah am späteren Hosting) auch mit WordPress Sites umsetzen.
Es fehlen hierzu auf der Client-Seite noch wenige Zusatzkonfigurationen, damit wir unsere Projekte auch mit sauberen URLs nutzen können.
WICHTIG: Die folgenden Konfigurationen bitte mit Adminrechten umsetzen (Windows - Als Administrator ausführen / Benutzerkontensteuerung/UAC)
Hinweis: beispielhafte hosts-Datei wird von Trainer verteilt - bzw. hier als abgespecktes Beispiel für eigene Erweiterungen!Pfad für etc-Hosts Datei auf Windows Systemen: C:\Windows\System32\drivers\etc\hosts
C:\Windows\System32\drivers\etc\hosts
Einträge für die gewünschten VHosts erstellen:
# den lokalen CMSOD-XAMPP per Domainname ansprechen können: 127.0.0.1 cmsod.local www.cmsod.local # Konfigurationen - hier: # Beispiele für wordpress Site # ------------------------------------------------- # Domain: wordpress-demo.local # Alias: www.wordpress-demo.local # Webserver: C:\xampp-cmsod\htdocs\wordpress\www.wordpress-demo.local # Datenbank: wordpress_demo # Einsatz: eine Umsetzung wie für das TYPO3-Seminar bzw. beim Hoster hier auch für WordPress 127.0.0.1 wordpress-demo.local www.wordpress-demo.local # am Besten auch gleich für weitere Seminarseite den VHost eintragen: 127.0.0.1 wordpress-seminar.local www.wordpress-seminar.local
Diese virtuellen Hosts (VHosts) müssen dann noch auf Serverseite (Apache Webserver) entsprechend passend konfiguriert sein! Siehe C:\xampp-cmsod\apache\conf\extra\httpd-vhosts.conf
C:\xampp-cmsod\apache\conf\extra\httpd-vhosts.conf
Kommen wir jetzt zu den nötigen Schritten und Anleitungen für die Inbetriebnahme unserer Serverumgebung XAMPP-CMSOD.
Übersicht über das Trainingssystem basierend auf dem WAMP System der Apachefriends:
XAMPP für Windows maßgeschneiderte Seminar-Version basierend auf XAMPP 7.4.14 mit PHP 7.4.14 oder aktueller mit PHP 8.x
Bei Hostern: klassisches LAMP-System (Linux - Apache - MySQL/MariaDB - PHP)
Alternative Windows: als WAMPP mit einer Windows Server Betriebssystem Basis und dem IIS (Internet Information Server) als Webserver und dem MSSQL-Server als Datenbankserver
Vorgehensweise im "Windows-basierten" Seminar mit XAMPP-CMSOD-Server für Windows:
Ich stelle als Trainer ein fertiges selbstentpackendes XAMPP-7z-Archiv (exe-Datei) bereit, das bereits für die CMS Joomla, WordPress, TYPO3 und die anderen CMSOD-Seminare vorkonfiguriert ist.
Tipp: Umschalten-Taste und Rechte Maus im Ordner zeigt PowerShell im Kontextmenü - Aufruf im Ordner des Archivs:
$a = Get-FileHash -Path .\xampp-cmsod-40-7.4.14-TEILNEHMER-20210124-1454.exe -Algorithm SHA256 $a.Hash
Die Seminare sind an PHP 8.1 angelehnt, da hier über alle CMS und Traininigsinhalte die (aktuell 2024) größte Schnittmenge besteht.
Infos zum XAMPP-CMSOD mit PHP 8.1 für meine Seminare:
Die Prüfsummen können wieder in der PowerShell evaluiert werden.
VORVERSION: Infos zum XAMPP-CMSOD mit PHP 7.4 für Seminare:
Die Prüfsummen können immer in der PowerShell evaluiert werden.
Die Trainer-XAMPP-Archive werden immer nur bei Notwendigkeit (siehe bei XAMPP PHP-Version 7.4 zuletzt notwendiges PHP Update für TYPO3 v11) aktualisiert.Die eingebauten Techniken (s.u. Grafiktools, ...) könnten auch selber aktualisiert werden.
Bei Tests auf frischen Windows 10 Installationen (1909 bzw.19H2, 2004/20H1, 20H2, 21H1, 22H2) wird (ggf.) ein Fehler beim Starten des XAMPP Controlcenter (xampp-control.exe) angezeigt: "httpd.exe - Systemfehler (...Code kann nicht fortgesetzt werden, da VCRUNTIME140.dll nicht gefunden ...)"
xampp-control.exe
VCRUNTIME140.dll
Unter Windows 11 - sofern bereits auch einige Standardtools installiert wurden - konnten diese Meldungen nicht mehr festgestellt werden. Das soll aber nichts heißen ;-).
Die nervigen Fehler-Popups müssen dann mit mehrfachen ESC weggeklickt werden.
Es muss die "Microsoft Visual C++ Redistributable für Visual Studio 2015, 2017 und 2019" Laufzeitumgebung installiert werden. Die nötige Installationsdatei (aktuell: VC_redist.x64.exe in Version 14.29.30037.0) kann leicht mit Suche nach "vc_redist.x64 2019" gefunden werden bzw. wird von mir mit dem XAMPP-CMSOD zusammen bereitgestellt. Die Installation muss mit Adminrechten durchgeführt werden (Neustart empfohlen).
VC_redist.x64.exe
Seit kurzem gibt es sogar einen MS-Shortlink für den direkten Download: https://aka.ms/vs/17/release/vc_redist.x64.exe (Nutzung auf eigene Gewähr)
Hier folgt die Kurzanleitung für die Bereitstellung (Installation bedeutet hier ja einfaches Entpacken in Zielordner) und Nutzung unserer XAMPP-CMSOD Serverumgebung.
Schritte für die Inbetriebnahme de XAMPP-CMSOD:
C:\xampp-cmsod
C:\xampp
localhost
http://
Hier mal eine Übersicht nach dem "Auspacken/Installieren":
Die vorbereitete Umgebung in einer kleinen Übersicht:
C:\xampp-cmsod\
C:\xampp-cmsod\htdocs\wordpress\...
C:\xampp-cmsod\apache\conf\httpd.conf
C:\xampp-cmsod\php\php.ini
Hinweis: beispielhafte httpd-vhosts-Datei ist bereits in dem vorbereitetem XAMPP-CMSOD vorhanden!
VHost-Konfigurationsdatei für den Apache: C:\xampp-cmsod\apache\conf\extra\httpd-vhosts.conf
Jetzt noch einen nötigen Eintrag für die gewünschte VHost-Domain www.wordpress-demo.local bereitstellen:Tipp: Vorlage des VHost-Abschnitts für www.wordpress-demo.local kopieren und anpassen für eigene Projekte
www.wordpress-demo.local
VirtualHost *:80> ServerAdmin webmaster @ cmsod.local DocumentRoot "C:/xampp-cmsod/htdocs/wordpress/www.wordpress-demo.local" ServerName wordpress-demo.local ServerAlias www.wordpress-demo.local ... </VirtualHost>
Anm.: hier nicht alle Zeilen dargestellt; die Kommentarzeilen wurden weggelassen.
Für Technik- und CMSOD-Zertifikat-Interessierte befindet sich unter (URL) http: //localhost/cmsod-overview eine Website mit Infos rund um den CMSOD und die genutzten Techniken und Konfigurationen.
(URL) http: //localhost/cmsod-overview
Und schon kann es losgehen...
Die ersten Infos rund um WordPress:
Die folgende (kleine ;-) Linksammlung soll auch nach dem Seminar Ihr Interesse und die Nutzung von WordPress unterstützen. Wir werden die Sammlung aber natürlich nicht komplett nachrecherchieren.
Und natürlich erhebt diese Liste keinen Anspruch auf Vollständigkeit.
Und auch in WordPress-Projekten sind solche und weitere Informationen als "ReadMe"-Dokumente verfügbar:
Wie bei allen Webprojekten lohnt eine Durchsicht der Text- und ReadMe-Dateien.
s.a. https://de.wikipedia.org/wiki/WordPress
Anfangs ein Weblog, das sich über die Jahre zum CMS mauserte.
Offizielle Schreibweise seit 3.0: WordPress ("Kamelhöcker"; engl. CamelCase)FunFact: WordPress Beiträge werden bei falscher Schreibweise automatisch intern korrigiert und in der gewünschten Schreibweise an die Site ausgeliefert. Gerne mal ausprobieren!
Webportal zum Hosten von WordPress-Projekten: wordpress.com Anm.: wird von mir in den Seminaren nicht diskutiert/dargestellt.
Ab 2003 wurde WordPress von Matthew Mullenweg (https://de.wikipedia.org/wiki/Matthew_Mullenweg) als reine Weblog Software (Blog-Software) entwickelt. Versionen werden (seit Version 1.0.1) nach Jazzmusikern benannt.
Die erste stabile Version: 3. Januar 2004 WordPress 1 mit Codename "Davis"
Links:
Hier ein mal ein paar technische Neuerungen der aktuellen Versionen - siehe auch Wikipedia und die WordPress Beitragslinks
WordPress 4.9 Tipton 16. November 2017
Customizer mit Planungsfunktion, vereinfachte Menüerstellung und Sandbox für Sicherheit bei Plug-in- oder Theme-BearbeitungAnm.: fataler Fehler nahezu unmöglich, da statt des White Screens die vorherige Version wiederhergestellt wird
WordPress 5 Bebo 6. Dezember 2018
ein auf Inhaltsblöcken basierender Editor (siehe auch: https://de.wordpress.org/gutenberg/ ) Theme Twenty Nineteen
Wordpress 5.1 Betty 21. Februar 2019
Performance-Verbesserungen des Editors, Site-Health-Funktion für Verbesserung der Sicherheit und Geschwindigkeit
WordPress 5.4 Adderley 31. März 2020
Neuerungen: neue Funktionen und Fehlerbehebungen im Blockeditor
Und ein knappes Jahr später...
WordPress 5.7 Esperanza 09. März 2021
Neuerungen: weitere Verbesserungen im Blockeditor, einfachere Farbpalettennutzung für Entwickler, Umstellung von http auf https per 1-click
WordPress 6.0 Arturo 24. Mai 2022
Konzentration auf Blockeditor Technik (Full Site Editing)
WordPress 6.2 Dolphy 29. März 2023
Weitere Konzentration auf Blöcke und Blocktheme Twenty Twenty-Three
WordPress 6.5 Regina 02. April 2024
Und weiter geht es mit den Verbesserungen am FullSite Editor, ...
Aktualisierungen bei und für WordPress Versionen:
Vorab eine (aktuelle) Anmerkung der WordPress Entwickler zur Einschätzung von Versionsnutzungen und Updates:
Dies ist ein Archiv von jedem Release, welches jemals veröffentlicht wurde und von dem das WordPress-Core-Team einen Eintrag hat. Keins davon ist sicher benutzbar, mit Ausnahme des aktuellen Zweigs, welcher aktiv gepflegt wird.
Anm. [2021/2022]: Die WordPress Versionen wurden (Stand: Juni 2021) technisch also rückwärts bis einschließlich VordPress Version 3.7 Basie gepflegt und aktualisierbar gehalten! Aktuelle Version 3.7.38 vom 11. März 2022 (!! Wow) - siehe WP Releases + Updates
[STATUS 2024]
Das waren dann seit Einführung der WordPress Version 3.7 Basie am 24. Oktober 2013 am Ende über 9 Jahre Updates! Hierin liegt einerseits eine große Stärke - aber auch eine Schwäche des WordPress Systems! Und daher wurden die LifeCycles (Lebenszyklen) von WordPress mit den Versionen 5 und 6 überarbeitet.
Denn nochmals zur Erinnerung: wir soll(t)en immer den aktuellen WordPress Zweig nutzen - sagen jedenfalls die WordPress Entwickler.
Siehe Topics und Themen:
Die technische Durchführung der Aktualisierungen von WordPress besprechen wir an anderer Stelle.
Verbreitung: Statistikportal https://trends.builtwith.com/cms Anm.:über 30% der CMS Nutzungen weltweit! Aber bedenke nach "Churchill": nur den Statistiken trauen, die man selbst gefälscht hat.
Anforderungen an die Servertechnik - Anm.: deutschsprachige und englische Readme der WordPress Archive wie auch die Online-Portale können abweichen!
Das readme/liesmich.html-Dokument einer WordPress Installation nennt als (minimale) Systemanforderungen
Es gibt aber Anmerkungen zur Sicherheit beim WordPress-Betrieb mit diesen (Alt-)Versionen.
Infos auf wordpress.org zu Technik:
Die aktuellen Empfehlungen für WordPress 6.x lauten:
Anm.: mit Version WordPress 5.2 (Beta veröffentlicht 27.03.2019) wurde die Minimum-PHP-Version auf 5.6 gesetzt - die letzten Hinweise der neuesten Versionen setzten dann mindestens 7.0 voraus!Info-Link: https://wordpress.org/news/2019/03/wordpress-5-2-beta-1/
Lizenz: GPLv2 (or later; https://wordpress.org/about/license/ )
Stichworte zu WordPress Techniken:
Die Verfügbarkeit von Aktualisierungen hat sich über die Zeit verändert.
Die WordPress Versionen wurden bis vor kurzem noch bis einschließlich Version 3.7 Basie gepflegt!
Das Unterstützung der WordPress Version 3.7 Basie -erschienen am 24. Oktober 2013 - endete am 30. November 2022 nach über 9 Jahren (https://wordpress.org/download/releases/#branch-37).Und nochmals: Hierin liegt einerseits eine große Stärke - aber auch eine Schwäche des WordPress Systems (siehe PHP-Kompatibilität, Hosting-Techniken, Security, Updates/Upgrades auf aktuelle WordPress-Versionen, ...)
Die technische Durchführung von Aktualisierungen von WordPress besprechen wir an anderer Stelle.
Die Entwickler rühmen sich einer sogannten "5-Minuten-Installation", was historisch sicherlich eine Leistung darstellt. In modernen Umgebungen sollte das allerdings für beliebige CMS und Wiki Installationen leistbar sein.
Immer bedenken: WordPress besteht aus einem Webserver-Projekt-Ordner und einer "verbundenen" Datenbank (muss vorhanden sein)!
C:\xampp-cmsod\htdocs\wordpress\wordpress-montag
http://localhost/wordpress/wordpress-montag
wordpress_montag
WordPress-Projekt-Ordner
Bitte beim Entpacken im geplanten WordPress-Webdokument-Ordner unseres XAMPP-Servers auf die saubere Ordnerstruktur achten.Hinweis: WordPress-Archive erzeugen beim Entpacken einen Unterordner "wordpress".
Übung: Download bzw. Bereitstellung der aktuellen Version 6.0 von https://de.wordpress.org/download/releases/ bzw. über WordPress-Kurzlink https://wordpress.org/latest.zip
Anm.: wenn Sie die WordPress-interne Update-Technik ausprobieren wollen, dann können Sie später gerne auch Vorgängerversionen in anderen Projekten ausprobieren.
Wichtig: Für die Installationsroutine von WordPress muss immer erst zuerst eine Datenbank für unsere WordPress-Projekte erstellt werden!
Für die zu erstellende Datenbank (hier: wordpress_montag ) empfehlen die WordPress-Entwickler die Zeichensatz/Kollation der MySQL-Verbindung: utf8mb4_unicode_ci .Hinweise zum Unterschied zwischen utf8mb4_unicode_ci und utf8mb4_general_ci siehe z.B. Link
XAMPP-Datenbank-Zugangsdaten - im Vergleich zur Hosting-Seite: (Übersicht mit Hilfe Datei password.txt im XAMPP-Hauptverzeichnis)
password.txt
Hinweis zur Umsetzung mit Online-Hosting-Technik: für die Komplettierung der Installation direkt bei einem Hoster muss ebenfalls vorher eine Datenbank mit DB-Tool des Hosters (oft: phpMyAdmin) auf Ihrem Hosting-Datenbankserver angelegt werden (siehe Hosting Kundencenter...)!
Anm.: CMS-Vorinstallationen oder Seminarinstallationen meines XAMPP-CMSOD Systems haben immer folgende Zugangsdaten: Benutzer (admin) + Passwort (cmsodcmsod)
WordPress-Installation/Setup - die berühmte "5-Minuten-Installation"
Aufruf der Webadresse http://localhost/wordpress/wordpress-montag zeigt uns die Installationroutine für WordPress.
WordPress rühmt sich für eine "Famous 5-minute-install"-Routing. Das klappt aber natürlich auch "schneller" und bei anderen CMSen ;-). Und für Wiederherstellungen und andere Reparaturszenarien gilt: lieber etwas mehr Zeit einplanen.
Bei den Verbindungsdaten zur (vorher angelegten) Datenbank empfehlen wir die Nutzung eines ausgefalleneren DB-Präfix (z.B. wp_1234xzy_ statt nur wp_ )
wp_1234xzy_
wp_
Man sollte für vertiefende Kenntnisse immer auch mal die roh-entpackte und die Ordnerstruktur nach der Installation vergleichen: siehe Datei wp-config-sample.php vs. wp-config.php
wp-config-sample.php
wp-config.php
Installation - Kurzanleitung
wordpress_projektname
utf8mb4_unicode_ci
.\htdocs\wordpress\wordpress-projektname
localhost/wordpress/wordpress-projektnam
Anm.: hier (noch) keine technische Diskussion zu "HTTPS/SSL" oder VirtualHosts (VHosts Webserver; z.B. URL: www.projektname.local)
Für eine "Admin-lose" Betrachtung der Website (siehe Werkzeugleiste im CMS-Frontend) sollte man einen alternativen Browser nutzen, oder über die Profileigenschaften des Admins die Werkzeugleiste deaktivieren.
Also z.B. WP-Dashboard (Administration) mit Mozilla Firefox und Website mit Google Chrome (oder natürlich andere Kombinationen/Browser). Eigentlich benötigt man für bestimmte Tests (s. Kommentare) sogar noch einen dritten Browser! Aber man muss die Site ja eh immer mit den unterschiedlichsten Browsern testen.
Screenshot-Galerie:
Wir starten mit einem ausführlichen Rundgang durch das Backend von WordPress - dem Dashboard.
Sicherlich gerade für Einsteiger eine der besseren Backend-Lösungen im CMS-Bereich und dadurch auch mit Sicherheit am Erfolg von WordPress beteiligt.
Die nebenstehende Übersicht lässt sich per Klick vergrößern. Wir werden mit einem Gang durch das Dashboard die nächsten Schritte vorbereiten.
Wir machen erste Schritte mit dem neuen Block Editor "Gutenberg" (seit WordPress 5; Anm.: kann später auch gegen den "alten Classic Editort TinyMCE" ausgetauscht bzw. kombiniert werden).
Empfehlung zu Medien: Medien immer erst "sauber" und voll dokumentiert (Titel, Beschriftung, Alternativtext, Beschreibung) in die Mediathek aufnehmen und dann in den Beitragsbereichen (Post-Blöcken) aufnehmen.
Wir betrachten nur Beiträge, also die klassichen Posts/Blog-Posts (Vergleich zu Seiten; Link mit Gegenüberstellung)
Mit Hilfe der Ausarbeitungen und Darstellungen zu Tag 1 werden die Themen nachgearbeitet.
Insbesondere:
Installationspraxis und Inbetriebnahme eines neuen WordPress-Projekts "WordPress Dienstag"
wordpress_dienstag
.\htdocs\wordpress\wordpress-dienstag
localhost/wordpress/wordpress-dienstag
Empfehlung: ab heute in Projekt "WordPress Dienstag" trainieren und bei Tests und Ausprobieren einfach auf das gestrige "WordPress Montag" ausweichen!
Rekapitulation, TN-Fragen
Kopie Trainer-Projekt "WordPress Dienstag"
auf einen XAMPP-CMSOD von TN mit Hilfe von Batchdateien optimiert für unsere Trainingsumgebung gezeigt, um die Kenntnisse rund um ein WordPress-Projekt zu vertiefen: Projekt-Ordner, Datenbank, Konfigurationsdateien: wp-config.php und .htaccess, Dashboard-Einstellungen zu URLs
.htaccess
Vor bzw. nach der Installation findet man folgende Ordner-/Dokumentstruktur vor:
./wp-admin
./wp-includes
./wp-content
./wp-content/languages
./wp-content/plugins
./wp-content/themes
./wp-content/upgrade
./wp-content/uploads/year/month
./wp-content/mu-plugins
index.php
wp-blog-header.php
./htdocs/wordpress/wordpress-montag
license.txt
liesmich.html
readme.html
wp-*.php
Den PHP-Code der Hauptdatei unseres WordPress-Projekts ruhig mal anschauen - aber keine Angst - wir werden jetzt nicht anfangen zu coden ;-)
Anm.: hier passiert also noch nicht "viel" ;-)
In den Unterordnern finden sich auch immer wieder Dummy-index.php-Dateien:
<?php // Silence is golden.
Diese Dummys sollen den Direkt-Aufruf der Unterordner weiter absichern.
Empfehlung: für eine saubere Analyse der WordPress-Rohinstallation sollte man erst einmal keinerlei Themes ändern/aktivieren, sondern nur vorhanden Projektsite nutzen.
Die Automatisierung von WordPress Installationen wurde bereits mit dem 3er-Zweig eingeführt/angeboten (WordPress 3.7).
Für die Aktualisierungen kann man hinsichtlich WordPress Kern (engl. Core) und den Erweiterungen (Plugins, Themes) unterschiedliche Einstellungen vornehmen. Hinzu kommen Update-Techniken, die manchmal von Erweiterungen selbständig vorgenommen werden.
Einen guten Einstieg bietet der Codex Artikel zum Thema "Automatische Hintergrund Updates einstellen"
Hier finden sich auch die nötigen Fachbegriffe, um bei Konfigurationsmaßnahmen die gewünschten Effekte zu erzeugen.
Manchmal möchte man alle Updates deaktivieren! Hier kann man sich eine Konfigurationszeile in der wp-config.php hinterlegen.
define( 'AUTOMATIC_UPDATER_DISABLED', true );
So deaktiviert man alle Updates!
Praxis mit
Unterschiedliche Ansätze für das Erstellen neuer Kategorien oder Tags - Standard: über die Beiträge...
Die Kategorien kann man später auch für Links in Menü nutzen - die Tags nicht!
Für die Tags gibt es Widgets für die Darstellung der genutzten Tags auf der Site (Tag-Cloud).
Für alle weiteren Anwendungen und technischen Verbesserungen unseres WordPress-Projekt ist die Basisdifferenzierung wichtig:
Testen wir jetzt die Seiten und schauen uns die nötigen Menüs (bzw. Menüstrukturen) genauer an
engl.: Pages - die statischen Beitragsauslieferungen als Alternative zu Beiträgen (Posts)
Für die Verfügbarkeit dieser Seiten sollte man sich Menüs bauen - sonst findet man die Seiten nur über eine Suche!
Seiten haben keine Kategorien und können nicht getagt werden!
Es gibt eine Seitentechnik namen CPT (Custom Post/Page Types) mit der man sich eigene "Beitrags- bzw. Seiten-Typen" im Dashboard definieren kann.Für diese "Sonderseiten" können dann auch sogenannte Taxonomien (engl. Taxonomies) erstellt werden - im Grunde nicht anderes als spezielle Kategorien für unseren neuen Seitentyp. Ein Beispiel hierzu folgt.
Da Menüs letztlich über die Themes ausgeliefert werden müssen, bietet sich auch dort der Ansatz für die Erstellung neuer Menüs.
Praxis/Übung: Menü "Hauptmenü" erstellen und mit diversen Links ausstatten, das Menü dann im Theme platzieren (hierfür müssen die Themes entsprechend vorbereitet sein)
Tipp: falls die Site mal Fehler beim Ausliefern von neuen Seiten oder geänderten Seiten ausgiebt, dann bitte einfach mal über Dashboard - Einstellungen - Permalinks die bestehenden Einstellungen nochmals speichern (Schaltfläche: Änderungen speichern)!
Intensive Praxis über den Vormittag mit diversen Block-Typen und Techniken des neuen Block-Editors Gutenberg.
Die Block-Typen sind übersichtlich in Kategorien verdrahtet und wir haben beispielsweise verschieden der Typen ausprobiert.
Übersicht Blocktypen: (nicht vollständig)
Anm.: beim Einbinden von Multimedia-Daten bitte immer Rechte / Copyrights beachten!
Tipp: für das Einschätzen von Design/Layouts sollte man Test-Texte nutzen (Stichwort: Lorem Ipsum Dummytexte)
Gutenberg (und WordPress im Ganzen) lässt sich auch über Tastatur gut bedienen:
https://de.borlabs.io/12-hilfreiche-tipps-fuer-bessere-produktivitaet-mit-dem-gutenberg-wordpress-editor/
Anm. (Status: 10.06.2020): die Seite de.borlabs.io (siehe letzter Link) behandelt die aktuelle Cookie-Problematik mal "positiv"
Bei der Übernahme von Texten aus anderen Programmen kann man mit und ohne Formate einfügen
Allgemeiner Tipp/Trick: Kopierte Bereich über "formatlose Editoren wie Notepad++" zwischenlagern und dann in Ihre gewünschten Blöcke einfügen. Dann hat man garantiert keine Formatmerkmale mehr!
... wer statt mit Gutenberg (Block-Editor) lieber mit dem klassischen TinyMCE Editor arbeiten möchte installiert sich einfach das Plugin Classic Editor.
Nach der Installation stehen wieder Einstellungen für das Plugin zur Verfügung:
Meine Empfehlung: standardmäßig den neuen Block-Editor Gutenberg nutzen!
Für "Fans" der alten, klassischen TinyMCE Technik steht dieser sogar in einer "Advanced"-Version als WP-Plugin zur Verfügung.
Für die eingefügten Bilder und Galerien wollen wir eine dynamische Präsentation einbauen: Lightbox Technik
Plugin: Simple Lightbox (Link) von Archetyped
Über Plugins im Dashboard lässt sich das gewünscht Plugin leicht finden, installieren und aktivieren.
Die hier genutzte Technik ist sofort (out-of-the-box) funktionstüchtig.
Anm.: bei Bildern / Galerien muss lediglich der Link auf Medien-Datei gesetzt werden - Voilá
Wir werden uns aber später weitere Gedanken zum Thema "Erweiterungen WordPress / Plugins" machen....
Empfehlung:
Sowohl für Plugins als auch später für Themes sollte man die direkten Downloads aus den Online-Quellen (Fachbegriff: Repositories / Repo) von wordpress.org nutzen und möglichst Downloads aus anderen Herstellerquellen vermeiden. Die wordpress.org Downloads werden verschiedenen Qualitätskontrollen unterworfen!
... WordPress erweitern!
Wie bei den Themes sollte man sich zu den Plugins ("Pro & Contra") genauere Gedanken machen und vorab Tests durchführen.
Die Plugins aus dem "WordPress-Repository" und aus freien Quellen einschätzen und dann testen:
Hinweis: den Einsatz von Plugins also immer sehr gut abwägen! Wenn man erst einmal von einem Plugin "abhängig" ist, dann ist guter Rat oft teuer, wenn diese Techniken auf einmal nicht mehr verfügbar sind oder nicht mehr funktionieren.
Einsatzgebiete für Testinstallationen mit TN evaluiert:
Schauen wir mal - Übungen mit Plugins ...
Beachten: bei "3rd Party Extensions": Jede Erweiterung einer Technik - hier WordPress - muss genau überlegt und abgewogen werden!
Natürlich will ich an dieser Stelle niemandem den Spaß an diesen tollen WordPress-Techniken nehmen.
Aber: viele - eigentlich fast alle *kommerziellen* Themes und Plugins - bedienen sich sogenannter Framework und greifen somit auf viele zusätzliche Techniken zu oder verändern gar die Kern-Technik von WordPress.
Hier mal eine Meldung zum Thema: (Quelle: Linux Welt 04/2020 - Juni 2020)
Wordpress: Angriff per Theme Ein älteres, aber weit verbreitetes Theme hat Anfang Mai Zehntausende Wordpress-Webseiten verwundbar gemacht: „Onetone“ (https://mageewp.com/onetone-theme.html) ist aufgrund seines klaren Aufbaus und responsiven Designs beliebt, enthält aber eine Lücke, die per Cross-Siteripting Besucher umleitet oder weiteren Schadcode für Browserlücken unterschiebt. Die Entdecker der Lücke fanden das Theme „Onetone“ auf 20 000 Wordpress-Seiten und haben von den Machern des Themes keine Antwort erhalten. Die Lücke geht deshalb ohne Fix an die Öffentlichkeit – mit der Aufforderung, sofort auf ein anderes Theme umzusteigen.Meldung aus "Linux Welt 04/2020, Seite 19 - Kasten: Sicherheitsnews"
Wordpress: Angriff per Theme
Ein älteres, aber weit verbreitetes Theme hat Anfang Mai Zehntausende Wordpress-Webseiten verwundbar gemacht: „Onetone“ (https://mageewp.com/onetone-theme.html) ist aufgrund seines klaren Aufbaus und responsiven Designs beliebt, enthält aber eine Lücke, die per Cross-Siteripting Besucher umleitet oder weiteren Schadcode für Browserlücken unterschiebt. Die Entdecker der Lücke fanden das Theme „Onetone“ auf 20 000 Wordpress-Seiten und haben von den Machern des Themes keine Antwort erhalten. Die Lücke geht deshalb ohne Fix an die Öffentlichkeit – mit der Aufforderung, sofort auf ein anderes Theme umzusteigen.Meldung aus "Linux Welt 04/2020, Seite 19 - Kasten: Sicherheitsnews"
Eine Randnotiz: beim Versuch mehr Infos seiten der Hersteller des Themes über deren Forum zu erhalten war dieses - genau wie der Login-Bereich - nicht erreichbar!
[Beispielhafte Meldung in 2021:] Große Probleme mit #1 WordPress Plugin für Bereich "Statistik / Auswertung": WP Statistics (installiert auf über 600.000 Sites!) - Link zu Beitrag / Video
[Beispielhafte Google Recherche in 2022/Feb:] Die Suchbegriffe "wordpress probleme elementor" ergaben 24,1 Millionen Hits!
Und ich haue zum jetzigen Seminar im Mai 2023 noch mal einen "Elementor Schocker" heraus:
Millionen Webseiten betroffen: Kritische Lücke in populärem Wordpress-Plug-in Auf mehr als einer Million Wordpress-Instanzen läuft Essential Addons for Elementor. Angreifer können durch eine kritische Lücke die Kontrolle übernehmen. Links: https://www.heise.de/news/Millionen-Webseiten-betroffen-Kritische-Luecke-in-populaerem-Wordpress-Plug-in-9032312.html https://patchstack.com/articles/critical-privilege-escalation-in-essential-addons-for-elementor-plugin-affecting-1-million-sites/ Meldung aus "Heise Online News"
Millionen Webseiten betroffen: Kritische Lücke in populärem Wordpress-Plug-in
Auf mehr als einer Million Wordpress-Instanzen läuft Essential Addons for Elementor. Angreifer können durch eine kritische Lücke die Kontrolle übernehmen. Links:
Meldung aus "Heise Online News"
Also nochmals: Bitte sehr aufmerksam den Einsatz von "Tools" für Ihre WordPress Seiten überwachen/beobachten!
Übersicht über Plugins / Empfehlungen / Best-of / Literaturerwähnungen ...
Ein paar Links zum Wiedereinstieg oder auch spätere Vertiefungen und eigene Versuche mit Plugins:
Technik:
./wordpress-demo/wp-content/plugins/classic-editor
classic-editor.php
Plugin-Übersicht: (ohne Anspruch auf Vollständigkeit ;-)
Und "the list goes on and on ..." - aktuell finden sich auf https://de.wordpress.org/plugins/ stattliche 59.000+ Plugins ;-) [Stand: Feb 2022]
Nochmals meine Darstellungen zum Thema in "other Words"...
Besondere Erwähnung möchte ich hier Techniken "on-Board" erwähnen, die insbesondere ab WordPress 5.8 in der Lage sind viele Sites mit WordPress Standardtechniken zu ermöglichen und somit auf eine große Zahl von Plugins zu verzichten. Und damit nicht nur ich diese Grundverständnisse und Verbesserungen unserer WordPress Techniken "predige" an dieser Stelle mal ein Video eines WordPress-Fortbilders (engl.) Thema:
Wordpress 5.8 Is Continuing The WordPress Trend Of Killing Popular Plugins - YouTube
Das Video zeigt wie verschiedene WordPress Plugins mit WordPress Standardtechniken ersetzt werden können. Eine besondere und zentrale Rolle spielt hierbei der Block-Editor Gutenberg und seine verbundenen Basistechniken und Philosophien.
...webtauglich machen! Anm.: WordPress übernimmt das Upload-Bild immer auch in der Originalgröße (24 MegaPixel aus Digikam gerne mal 15+ MB)!
Aus den aktuellen Smartphone, iPad, Tablets, Kompaktkameras, Digitalen Spiegelreflexkameras kommen also "Mega-Pixel" in "MegaBytes":z.B. 1600 x 1200 Pixel (oder auch 6000 x 4000 Pixel) in Größen von mehreren Megabytes
Beispielbilder mit (nahezu) uneingeschränkten Lizenznutzungen: unsplash.com (Link)Bei den Bildern sind immer die Quellen und Lizenzen zu beachten!
Tools zum sehr einfachen "Kleinrechnen":
Übungen: Bildoptimierung per Klick mit RIOT für gewünschte Bilder in 800px (Beiträge) und/oder 1600px oder auch 2560px (Header / Slider)
Empfehlungen zur Arbeit mit Medien:
Tipp: Medien immer erst sauber und voll dokumentiert (Titel, Beschriftung, Alternativtext, Beschreibung) in die Mediathek aufnehmen und erst dann in den Beitragsbereichen (Post-Blöcken) aufnehmen.
Leider muss man auch empfehlen die Zugriffe auf die Mediathek von WordPress nicht über FTP zur realisieren. Gründe:
Für das Neugenerieren von Bildern und Bildinfos gibt es spezielle Plugins. Solche Arbeiten sind auch nach Themes-Wechseln nötig, das wahrscheinlich die fraglichen Themes nicht genau die gleichen Bilddimensionierungen nutzen.
Tipp: Medienverwaltung optimieren mittels Plugin (meine Empfehlung: Media Library Assistent)
Über das Dashboard - Design - Themes bekommen wir eine Übersicht über die installierten Themes und können weitere Konfigurationen vornehmen.
Mit Hilfe des Customizer können die im aktiven Theme hinterlegten Techniken und Konfigurationen angepasst werden:
Wie gesagt: die Optionen hängen immer auch vom verwendeten Themes ab! Selbst bei Programmierkenntnissen sollte man niemals direkte Änderungen an den Themes vornehmen. Grund: bei Aktualisierungen der Themes würde man die eigenen Techniken wieder verlieren.
Die Lösung hierzu stellen Child Themes dar, oder man entwickelt gleich komplette eigene Themes ;-)
Die Dokumenten- und Ordner-Struktur von WordPress-Themes erkunden.
[ab WordPress 6.2: Standardtheme Twenty Twenty-Three - Block Theme komplett und für die "Zukunft"]
Analyse Template-Ordner TwentyTwenty: (WordPress 5.x/6.0/6.1: Standardtheme WordPress: TwentyTwentyOne)
Die gesamte Struktur - die gesamte Verdrahtung - der WordPress Technologien lassen sich auf https://wphierarchy.com/ einsehen und analysieren!
Wichtig: alle Dateien immer mit unserem Notepad++ bearbeiten - niemals mit Editor von Windows!
style.css
style-rtl.css
./assets
./classes
./inc
./template-parts
./templates
template-cover.php
template-full-width.php
print.css
*.php
singular.php
single.php
package.json
npm install
404.php
functions.php
screenshot.png
Diese Dateien/Ordner (und andere) finden sich so auch im aktuellen Theme "Twenty Twenty One".Die beiden fett dargestellen Dateien (index.php und style.css) stellen die Minimalausstattung für ein Theme dar.
Die Themes aus dem "WordPress-Repository" und aus freien Quellen einschätzen und dann testen:
Recherche zu Themes im Dashboard und Online: https://de.wordpress.org/themes/
Praxis z. B. an "Testsite WordPress Montag" mit Design Appointment ( https://de.wordpress.org/themes/appointment/ )Anm.: dieses Theme stammt von Entwickler webriti und es handelt sich eigentlich um ein kommerzielles Theme!
Man sollte einige Tests mit dem Customizer des neuen Themes und anderen Themes (siehe auch Child Themes: Appointment Dark, Appointment Red) durchführen, um ein Gefühl für die Nutzung der Theme-Techniken zu erhalten.
Spezielle Hinweise:
Über den Themes Customizer kann man eigene CSS-Deklarationen hinzufügen.
Wichtig: bitte nicht das CSS des Themes direkt manuell anpassen, da durch Theme-Updates diese Anpassungen überschrieben würden!
Hier hilft eine Analyse des ausgegebenen HTML-CSS-JS-Gerüst (also der Website) über einen Code-Inspektor im Browser.
Gängige Browser können über die Tastenkombination Umschalten + Strg + I diesen Code-Inspektor einblenden und nutzbar machen. Per Maus-Klick kann man sich Element der Seite herauspicken und den HTML- und CSS- Code analysieren und mit Styles experementieren.
Die CSS-Tests kann man dann einfach über den Themes Customizer hinterlegen.
Child-Themes stellen - einfach gesprochen - Erweiterungen von "Haupttemplates" dar.
Beispiel für Child-Theme auf dem Theme-Portal von wordpress.org: Theme "Refined News" (https://de.wordpress.org/themes/refined-news/) als Child Theme von "Refined Magazine" (https://de.wordpress.org/themes/refined-magazine/).
Übung: man installiert das Child-Theme "Refined News" und es werden (automatisch) beide Themes (also auch "Refined Magazine") installiert.
Falls man ein Parent-Theme löscht, dann ist das übriggebliebene Child-Theme "kaputt" und man erhält entsprechende Meldungen im Dashboard. Trotzdem liefert WordPress - falls ein WordPress Originaltheme vorhanden ist (siehe Theme "TwentyTwenty") - die Seite noch aus. Aber da sollte man sich natürlich nicht darauf verlassen und im Grunde hat man ja auch wirklich etwas durch das Löschen des Parent-Themes "beschädigt". Das wissen wir jetzt besser!
Moderne Umsetzung mit Block Theme und Standard Theme Twenty Twentyfour: https://developer.wordpress.org/themes/advanced-topics/child-themes/
Wer sich mit Themes weiter beschäftigen möchte, dem seien die folgenden Links vorgeschlagen!
Mit der Seminarkonzentration auf die WordPress Kerntechniken entfallen Einblicke auf die sogenannten Web Page Builder für WordPress. Hier erhält man zwar auf den ersten Blick praktische Webbaukästen, aber man bezahlt dieses eben auch mit einer hohen Abhängigkeit zu diesen Techniken und gibt Kernkompetenzen für die Auslieferung der eigenen Website ab!
Trotzdem an dieser Stelle mal ein kurzer Überblick über die üblichen Verdächtigen, damit wir die Namen kennen und diese bei den Themes Einschätzungen nutzen können:
WordPress Theme Blocks with Gutenberg - hier: Youtube Video zu WordPress 5.9 Theme Twenty Twenty-Two
Themes zum Downloaden / Aussuchen:
Understrap - Bootstrap Theme Framework
HTML5blank (Boilerplate)
Anleitungen zu Theme-Techniken:
Anleitungen mit ZIPs / Dateidownloads:
Strato (3-Teiler mit underscores.me Roh-Template und Bootstrap !!)
s.a. (Bootstrap 3 Navi) https://strato.de/blog/bootstrap-navigation-wordpress/
Tutorials:
Themes-Code
Child-Themes
Das sollte für eine Nachbearbeitung und Vertiefung von Themes erst einmal reichen ;-) Und falls Sie Lust haben, dann würde ich Ihnen diese Vertiefungen für das Erstellen eigener Themes für WordPress gerne auch in einem Spezialseminar "WordPress Themes" näher bringen.
Ausarbeitungen zum Theme Twenty TwentyThree - dem Block-Editor Standardtheme der WordPress Entwickler
Die aktuelle Sicht auf Themetechnik der WordPress Entwickler. Man versucht die attraktiven 3rd-Party Pagebuilder (siehe Elementor, WPBakery) vernachlässigbar (obsolete) werden zu lassen.
[Anm: ab WordPress 6.2: Standardtheme Twenty Twenty-Three - Block Theme komplett und für die Zukunft]
Analyse Template-Ordner TwentyTwentyThree
./parts
./patterns
./styles
readme.txt
theme.json
... more to come ...
Die Blöcke lassen sich effizient im Full-Site-Editing anpassen.
Hier mal ein Header Beispiel mit 2 Blöcken linksbündig und einem Block rechtsbündig im Header.
Seit 2022 entwickelt WordPress die Block Themes mit dem ersten Modell Twenty TwentyTwo.
Die Entwicklung führt klar weg von den klassischen Themes hin zu den Block Themes / Full Site Editing Themes. Spätestens mit dieser Entwicklung sind alle Website Builder für WordPress (siehe Elementor und Co) obsolet!
Eine Orientierung zum Design kann man in diesem Beitrag mit Hilfe der Darstellungen zum Twenty TwentyThree verschaffen. Das gilt auch für die Technik unter der Haube!
Für eine weitere Orientierung zum Thema kann man sich gut 4 Jahren nach den ersten Infos zu den Block-Themes und mit dem dritten Block Theme von WordPress selbst sehr gut bei aktuellen Quellen im Netz bedienen.
WordPress.org
Infos
YouTube
Block Theme Vorschläge zum Testen:
... 5 Standard-Rollen, die sich über (meist kostenpflichtige) Plugins erweitern lassen:
Die Liste zeigt die Standardrollen mit (nach unten) wachsenden Berechtigungen.
Anleitungen zu Benutzerrollen:
Übung zu Benutzerrollen: einfach die unterschiedlichen Benutzerrollen anlegen und austesten!
Anm.: bitte zum Testen der Benutzerumgebungen wieder unbedingt einen weiteren Browser nutzen!
Ausführliche Übung zum Kommentieren von Beiträgen (Posts)Wichtig: verschiedene Browser nutzen!
Konfiguration: Einstellungen - DiskussionBitte die automatische Aktivierung neuer Kommentare eher konservativ konfigurieren.Auf größeren WordPress-Plattformen benötigt man da sicherlich wieder technische Unterstützung (siehe Plugins).
Avatare - Hinweise auf Gravatar (Plattform für Benutzer-Avatare im WWW)WordPress unterstützt die Gravatar-Plattform speziell (siehe Fa. Automattic - die treibende Kraft hinter WordPress und vielen Plugins/Techniken)
engl.: Custom Post Types (CPT)
Jetzt wollen wir uns noch einen eigenen Seitentyp erstellen für "spezielle" Beiträge mit zusätzlichen Parametern (techn.: wir erweiteren die Taxonomie)!
Denn als Standard liefert uns WordPress nur: (Beiträge vs. Seiten: Link mit Gegenüberstellung )
Mögliche Kurzanleitung für die Integration von CPT in WordPress:
Anm. für die "Profis": besser werden die CPT-Code später in eigenen Plugins ausgelagert. Denn mit der obigen Kurzanleitung wird die Integration der nötigen PHP-Codes im Themes-Bereich bei einem Themes-Update überschrieben/gelöscht!
Anleitungen:
Custom Post Type als Plugin
Icons für Dashboard
Plug-ins für Custom Post Types
Übung: Praxisbeispiel (wenn in einem Seminar hier Zeit bleibt!) für einen neuen Seitentyp Veranstaltungen nach Anleitung "WordPress 5 - Das umfassende Handbuch - R. Eisenmenger"
Die Umsetzung erfolgt mit fertigen Code-Schnippseln per "Copy & Paste" - also ohne eigene Programmierungen / Code-Erstellungen.
Zu den aktuellen WordPress 5 und 6 Versionen gibt es (aktuell) nur sehr wenig Lesestoff.
WordPress 5 Grundlagen - aktuelle Version 6 verfügbarDirekt einsteigen und durchstarten! (Link)Herdt-Verlag; Autor: Isolde KommerAusgabe: 1. Ausgabe, April 2019; Matchcode: WORDPR5ISBN: 978-3-86249-892-5; Umfang: 137 Seiten
Rheinwerk-Verlag (früher Galileo-Verlag) führt einige WordPress Bücher und Video-Training (Link)ab 24.06.2019 ist das aktualisierte "Handbuch" für WordPress 5 verfügbar:WordPress 5 - Das umfassende Handbuch (Link)von Richard Eisenmenger1000 Seiten, 2019, gebundenRheinwerk Computing, ISBN 978-3-8362-5681-0
WordPress-Layouts für Einsteiger - Designs anpassen und Child-Themes erstellenvon Peter Müller (Rheinwerk-Verlag Link - WP Layouts für Einsteiger)Lieferbar ab 23.10.2020
Webprojekt planen ... in dieser Woche in angemessener Kürze ;-)
Die kompletten Planungen, Überlegungen und Strategien gerne ausführlicher als Literatur: J. Jacobsen benutzerfreun.de "Website-Konzeption - Erfolgreiche Websites planen, umsetzen und betreiben"
Wir gehen mal ein Projekt an: (eine beispielhafte Vorgehensweise)
mein-wordpress-projekt.de
./wordpress-projekt
So in der Art halt ;-)
Verschiedene Mechanismen für die Sicherungen und Wiederherstellungen von WordPress Projekten.
Hier möchte ich die wichtigen Grundlagen rund um unsere WordPress-Projekte nochmals zusammenfassen und die möglichen Techniken für die darstellen.
Das soll aber bitte möglichst von technischen Komplettlösungen voll-automatisch erledigt werden!
Die beteiligten WordPress Dateien / Techniken, die unser WordPress Projekt benötigt:
Die Dateien und Konfigurationen sind also für die Hosting-Umgebung anzupassen. Das macht man am Einfachsten vor dem Upload zum Hoster! Oder man speichert sich einfach mehrere Varianten der .htaccess (und wp-config.php) mit Namen wie .htaccess-xampp oder .htacccess-hoster.
.htaccess-xampp
.htacccess-hoster
Ausführliche Darstellungen zu Backup-Techniken WordPress: http://wordpress.joe-brandes.de/_build/html/Chapters/85_Backup/Index.html
Anm.: dieses Infoportal / diese Infosite ist nicht immer mit allen Dokumentversionen verfügbar! Die Dateien / Veröffentlichungen können aber gerne bei mir angefragt werden. Aktuell steht eine Fleißarbeit an (Indizes/Stichwort einflegen), damit dann auch ein PDF noch besser nutzbar ist.
Kurzanleitungen zur Sicherung mit folgenden Techniken werden (teils ausführlich) dargestellt:
WordPress Plugins für Backup / Restore / Duplicate (Kopieren)
Kurz-Anleitung: WordPress Projekt von Enwicklungsserver auf "Zielserver/Hosting" kopieren
installer.php
Zum Abschluss noch spezielle Backup-Techniken für die Trainingsumgebung XAMPP-CMSOD:
Nochmals die Bestandteile eines WordPress Projekt analysiert und Überlegungen zu "Backup & Restore" und "Hosting-Umzügen" unternommen.
Praxis der TN im Rahmen des Seminars zum Seminarende am Freitag.
Heute zum Abschluss die Sicherungen unserer Trainingsumgebung mit optimierten Batchdateien am Beispiel "WordPress Montag".
Als Entwickler des CMSOD-Zertifikatssystems habe ich spezielle Backup/Restore Technik (Batchdateien, Skripte) im Ordner C:\xampp-cmsod\__backups bereitgestellt.
C:\xampp-cmsod\__backups
Diese vorbereiteten Skripte sind zum Sichern von Prüfungen im CMSOD gedacht - eignen sich aber natürlich auch für die lokalen XAMPP-Projektsicherungen (wie "WordPress Montag").
Wichtig: die Skripte (Batchdateien) nutzen die grundsätzlichen Techniken zum Sichern von Ordner und Datenbanktabellen.Die Skripte eignen sich so aber nur für die XAMPP-CMSOD-Testumgebungen.
Der Ordner C:\xampp-cmsod\__backups enthält auch eine Anleitung zum
*.bat
restore-*.bat
Für eigene Projektsicherungen muss man nur eine Batchdatei kopieren und ein paar Bezeichner austauschen!
Wie gesagt: mehr dazu immer wieder im Laufe der Woche...
Die Trainees in meinen Seminaren bekommen Hunderte von Screenshots meines Trainigs-PCs, die den genauen Ablauf und die umgesetzten Techniken minutiös dokumentieren.
Da ich früher die Screenshots der Seminarwochen (noch aufwendig) nachbereitet und in die Beiträge integriert habe, wollte ich nach den inhaltlichen Neuaufstellungen die Screenshots nicht einfach wegwerfen.
Die folgenden Screenshots sind aus Seminaren der Jahrgänge 2020 + 2021
Screenshots aus Seminarwoche 2021: Tag 01
Tag 02
Tag 03
Tag 04
Tag 05
Screenshots aus Seminarwoche 2020:
Viel Spaß und Erfolg wünschtIhr Trainer Joe Brandes
Sie finden auf dieser Seite - als auch auf meiner privaten Visitenkarte joe-brandes.de einige Hintergrundinformationen zu mir und meinem Background.Natürlich stellt die IT einen Schwerpunkt in meinem Leben dar - aber eben nicht nur ...
Private Visitenkarte / Technik: HTML & CSS joe-brandes.de
Ich erarbeite und konzipiere seit über 30 Jahren IT-Seminare und -Konzepte. Hierfür stehen der "PC-Systembetreuer / FITSN" und der "CMS Online Designer / CMSOD". Ich stehe Ihnen gerne als Ansprechpartner für Ihre Fragen rund um diese und andere IT-Themen zur Verfügung!
BECSS Visitenkarte / Technik: HTML & CSS becss.de
Wer einmal zum Snookerqueue gegriffen hat, der wird es wohl nicht wieder weglegen. Und ich spiele auch immer wieder gerne eine Partie Billard mit den Kumpels und Vereinskameraden. Der Verein freut sich über jeden, der einmal in unserem schicken Vereinsheim vorbeischauen möchte.
Billard Sport BS / nicht mehr von mir betreut billard-bs.de