ABC-Seminare

Joomla von Version 3.x auf 4 migrieren

Es wird höchste Zeit. Der Support für die letzte unterstützte Joomla-Version 3.10 endet im August 2023. Ein Update wird dringend erforderlich.

Die 2021 veröffentlichte Version 4.0 von Joomla kommt mit zahlreichen neuen Features daher. So wurde der Administratorbereich vollständig überarbeitet, indem das Dashboard mittels Kacheln übersichtlich gehalten wird. Zusätzlich beinhaltet die aktuelle Version eine verbesserte Konsole, die Unterstützung von Boostrap 5, Vorlagen für E-Mails im HTML-Format sowie eine Verbesserung der Sicherheit. Schon allein der Sicherheit wegen solltest du eine Migration von Joomla in Erwägung ziehen, wobei du die nachfolgenden Hinweise und Tipps beachten solltest.

Wie kann ich ein Upgrade auf Joomla 4 durchführen?

Aufgrund der zahlreichen Erneuerungen kannst du nicht direkt von einer beliebigen Version Joomla 3.x auf 4 umsteigen, sondern benötigst zunächst die Brückenversion 3.10. Für die Planung der Migration sind zusätzlich die folgenden Aspekte zu berücksichtigen:

Der Server, auf dem deine Webseite gehostet wird, sollte die Mindestanforderungen für Joomla! 4 erfüllen.
Notiere dir, welche der installierten Erweiterungen - Komponenten, Module, Plugins, Sprachen, und Vorlagen – du ausgiebig, mäßig, kaum oder gar nicht nutzt.
Die Kompatibilität der Erweiterungen von Drittanbietern kannst du einfach unter Joomla 3.10 überprüfen, indem du zu Komponenten > Joomla Update. Dort sollte oben die Meldung erscheinen, dass keine Aktualisierungen verfügbar sind. Falls das Gegenteil der Fall ist, dann installiere vor der Migration noch Joomla 3.10. Danach wähle Joomla Next im Dropdown-Menü für Update Channels aus und klicke auf den Button „Speichern & Schließen“. In der darauffolgenden Kompatibilitätsprüfung, zeigt Joomla an, inwiefern die Erweiterungen zur neuen Version kompatibel sind:
Schau dir die Kategorien und Artikel an. Gibt es da Content, auf den du verzichten kannst oder möchtest du alles migrieren?
Bei der Planung der Migration solltest du besonderes Augenmerk deinen Templates schenken. Existiert für diese eine kompatible Joomla-4-Version? Während unter Joomla! 3.x Protostar die Standardvorlage ist, heißt diese für Joomla! 4 Cassiopeia.

Backup mit Akeeba – Hinweise zur Installation und Ausführung

Vor der Installation von Joomla! 4 beziehungsweise der Aktualisierung auf Joomla! 3.10 solltest du ein Backup deiner Webseite vornehmen. Die Sicherung beinhaltet dabei alle Dateien sowie die angeschlossene Datenbank. Mit dem Backup kannst du hinterher die Webseite in ihrer ursprünglichen Form wiederherstellen. Zusätzlich kannst du damit deine Webseite zu einem anderen Host migrieren oder auf demselben Server wiederherstellen. Dabei ist vor allem das Backup mit Akeeba am beliebtesten:

1. Installiere, sofern noch nicht geschehen, die Erweiterung Akeeba, indem du zu Erweiterungen > Verwalten > Installieren Im Suchfeld gibst du anschließend das Schlüsselwort Akeeba ein und löst die Suche durch einen Klick auf die Lupe aus. Mittels Klick auf „Akeeba Backup“ in den Suchergebnissen, gelangst du zur Infoseite des Akeeba-Plugins. Um die Installation auszulösen, klickst du dort auf install und auf der nächsten Seite ein weiteres Mal auf Installieren.
2. Wechsle dann zu Komponenten > Akeeba Backup. Beim erstmaligen Öffnen des Plugins wirst du zunächst aufgefordert, das Plugin einzurichten. Klicke einfach auf „Configuration Wizard“, damit sich das Plugin automatisch konfiguriert. Sobald die Konfiguration abgeschlossen ist, was unter Umständen einige Minuten dauern kann, klickst du auf „Backup now“, um die Sicherung zu starten.
3. In der darauffolgenden Ansicht „Start a new backup“ wählst du als Backup-Profil das Standardprofil „Default Backup Profile“ aus und gibst eventuell noch die Beschreibung zum Backup ein. Das Backup selbst löst du durch einen Klick auf „Backup now“ aus:
4. Nachdem das Backup abgeschlossen ist, kannst du dir die bereits durchgeführten Backups auflisten lassen, indem du auf den Button „Manage Backups“ klickst. Alternativ lässt sich die Liste der Backups über das Hauptmenü aufrufen, wenn du in der Kachel „Basic Operations“ auf denselben Button klickst.

Eine ausführliche Anleitung zur Wiederherstellung der Daten findest du hier.

Sofern du weitere Hinweise bezüglich des Backups mit Akeeba brauchst, kannst du dich auf den folgenden Webseiten informieren:

https://www.strato.de/hosting/akeeba-backup/
https://www.joomla-update.at/joomla-tipps-tricks/website-backup und https://akeeba-backup.de/

Der Umstieg auf Joomla! 4.x

Vor dem Update sollte ein Kompatibilitätscheck, wie weiter oben beschrieben, vorgenommen werden. Denn um die Kompatibilität zu Joomla! 4 zu gewähren, ist es erforderlich, die installierten Erweiterungen zu deinstallieren oder zu aktualisieren.

Nicht kompatible Erweiterungen deaktivieren / entfernen:

Werden bestimmte Erweiterungen nicht mehr gebraucht, sollten diese vor dem eigentlichen Update entfernt werden. Hat darüber hinaus der Kompatibilitätscheck ergeben, dass einige Erweiterungen nicht unter Joomla! 4 funktionieren, müssen diese zuvor deinstalliert werden.

Wechsle zu Erweiterungen > Verwalten und filtere die nicht kompatiblen Erweiterungen heraus.
Um gleich mehrere inkompatible Erweiterungen zu entfernen, setzt du bei den jeweiligen Einträgen ein Häkchen und klickst anschließend auf „Deinstallieren“.

Falls die gewählte Standardvorlage nicht unter Joomla! 4 läuft, dann wähle ein anderes Template unter Erweiterungen > Templates als Standard aus. Denn beim Update kann ein inkompatibles Template nicht entfernt werden. Bei Unsicherheiten ist es ratsam, auf die Standardvorlage „Protostar“ zu wechseln. Sie wird beim Update automatisch auf „Cassiopeia“ umgestellt.

Migration von Joomla! 3.10 auf Joomla! 4

Sobald alle Erweiterungen überprüft worden sind, kannst du die Migration auf die neue Version durchführen:

Wechseln zu System →Site → Konfiguration → Registerkarte „Server“ und die Einstellungen für die Fehleranzeige von Systemstandard auf Maximum ändern. Dann auf Speichern & Schließen klicken.
Weiterfahren mit Komponenten →Joomla Update und anschließend auf die Schaltfläche Optionen in der oberen rechten Ecke klicken.
Aus der Dropdown-Liste für den Update-Server Joomla Next auswählen.
Auf Speichern & Schließen klicken
Nach dem erneuten Kompatibilitätscheck wechselst du zum Tab „Live-Update“, wo die installierte Joomla-Version, die neueste Joomla!-Version und die URL für das Update-Paket angezeigt werden. Joomla wird wieder die Anforderungen für Joomla 4 zeigen. Falls ein inkompatibles System oder inkompatible Erweiterungen vorhanden sind, wird das hier angezeigt. Bitte unbedingt sorgfältig, ohne Zeitdruck, überprüfen.
Ein Klick auf „Update installieren“ löst schließlich die Migration zusammen mit der Aktualisierung der Erweiterungen aus. Während des Updates werden die erforderlichen Pakete automatisch heruntergeladen und anschließend aktualisiert.
Nach der Installation erhältst du eine Benachrichtigung, dass das Update erfolgreich verlief. Außerdem präsentiert sich der Administratorbereich gleich im neuen Look.
Plugins, wie zum Beispiel Sprachpakete, die vor dem Update nicht aktualisiert werden, lassen sich im Nachhinein auf dem neuesten Stand bringen. Falls dies bei dir der Fall sein sollte, dann wechsle zur Hauptansicht und klicke innerhalb der Notifications-Kachel auf „Updates für Erweiterungen verfügbar“.
Zunächst überprüfst du unter Erweiterungen > Aktualisieren, ob die Plugins kompatibel zur neuen Joomla-Version sind – zu sehen an der verfügbaren Version. Anschließend setzt du ein Häkchen bei den Plugins und klickst auf „Aktualisieren“.

Eine ausführliche Anleitung zur Migration auf Joomla! 4 findest du hier: https://docs.joomla.org/Joomla_3.x_to_4.x_Step_by_Step_Migration/de

WordPress Onepager: Menükonfiguration leicht gemacht

Einleitung:

Ein One-Pager ist eine beliebte Webdesign-Option für Unternehmen oder Projekte, die eine kompakte und benutzerfreundliche Darstellung ihrer Inhalte bevorzugen. Im Gegensatz zu traditionellen Websites, die über mehrere Seiten verteilt sind, bieten diese Themes alle Informationen auf einer einzigen Seite. Die Menükonfiguration spielt eine entscheidende Rolle bei der Gestaltung. In diesem Beitrag zeigen wir Ihnen, wie Sie ein effektives Menü für Ihren WordPress One-Pager erstellen und verlinken dabei auf hilfreiche Ressourcen, um Ihnen den Prozess zu erleichtern.

Vorbereitung

Es gibt viele kostenlose und kostenpflichtige Themes, die speziell für One-Pager entwickelt wurden. Achten Sie darauf, ein responsives und leicht anpassbares Layout zu wählen. Eine umfangreiche Liste von One-Page-Themes finden Sie beispielsweise auf Colorlib.

Erstellen von Ankerpunkten:

Ankerpunkte sind essenziell für die Menükonfiguration eines One-Pagers. Sie dienen als Verknüpfungen, die den Besucher direkt zu den entsprechenden Inhalten auf der Seite führen. Um Ankerpunkte zu erstellen, fügen Sie zunächst eine individuelle ID für jeden Abschnitt Ihrer Seite hinzu. Zum Beispiel: <div id="section1">Inhalt von Abschnitt 1</div>. Denken Sie daran, die IDs eindeutig zu halten und eine klare Struktur zu verwenden, um die Lesbarkeit Ihres Codes zu verbessern. (Das Bild unten zeigt ein Beispiel der ID Bezeichnung des Anker Links im Divi Builder)

Erstellen eines benutzerdefinierten Menüs:

Um ein benutzerdefiniertes Menü in WordPress zu erstellen, navigieren Sie im Dashboard zu „Design“ > „Menüs“ und klicken Sie auf „Neues Menü erstellen“. Weitere Informationen zur Erstellung von benutzerdefinierten Menüs finden Sie in der WordPress-Dokumentation.

Hinzufügen von benutzerdefinierten Links:

Um Ihre Ankerpunkte im Menü zu verlinken, wählen Sie in der linken Spalte unter „Menüeinträge hinzufügen“ die Option „Benutzerdefinierte Links“. Geben Sie in das Feld „URL“ den Ankerpunkt mit einem vorangestellten Hash-Zeichen (#) ein, z. B. „#section1“. Fügen Sie im Feld „Link-Text“ den gewünschten Menüeintragstitel ein und klicken Sie auf „Zum Menü hinzufügen“. Wiederholen Sie diesen Schritt für jeden Ankerpunkt, den Sie zu Ihrem Menü hinzufügen möchten.

Sortieren und Anpassen der Menüeinträge:

Sobald alle Ankerpunkte hinzugefügt sind, können Sie die Reihenfolge der Menüeinträge per Drag-and-Drop anpassen. Dies gibt Ihnen die Flexibilität, die Menüstruktur nach Ihren Wünschen zu gestalten und die Benutzererfahrung zu optimieren. Je nach Theme können Sie auch zusätzliche Anpassungsoptionen wie Schriftart, Farbe oder Hover-Effekte nutzen. Durch die Anpassung dieser Elemente können Sie ein Menü erstellen, das sowohl ansprechend als auch funktional ist und gut zu Ihrem Gesamtdesign passt.

Menü zum Theme hinzufügen:

Um Ihr neues Menü im Theme sichtbar zu machen, wählen Sie unter „Menüeinstellungen“ die entsprechende Menüposition, z. B. „Primäres Menü“ oder „Hauptmenü“. Klicken Sie abschließend auf „Menü speichern“. Die korrekte Zuordnung Ihres Menüs zu einer Menüposition stellt sicher, dass es auf Ihrer Website korrekt angezeigt wird.

Verwenden eines Page-Builder-Plugins:

Ein Page-Builder-Plugin kann Ihnen helfen, den Prozess der Erstellung und Anpassung Ihres One-Pagers zu vereinfachen. Beliebte Page-Builder wie Elementor, Beaver Builder oder Divi bieten eine Vielzahl von Funktionen, mit denen Sie Ihre Inhalte einfach per Drag-and-Drop organisieren und das Erscheinungsbild Ihrer Website individuell anpassen können. Einige dieser Plugins bieten auch integrierte Funktionen zur Erstellung von Ankerpunkten und Menüs, was den Prozess noch einfacher gestaltet.

Testen und Optimieren:

Nachdem Sie Ihr Menü erstellt und angepasst haben, sollten Sie es gründlich testen, um sicherzustellen, dass es auf verschiedenen Geräten und Browsern korrekt funktioniert. Achten Sie darauf, dass die Ankerpunkte korrekt verlinkt sind und die Benutzer reibungslos zwischen den verschiedenen Abschnitten Ihrer Website navigieren können. Gegebenenfalls nehmen Sie Optimierungen vor, um die Benutzererfahrung weiter zu verbessern.

Fazit:

Die Erstellung eines benutzerfreundlichen Menüs für Ihren WordPress One-Pager ist dank der flexiblen Menükonfigurationsoptionen von WordPress ein Kinderspiel. Indem Sie Ankerpunkte und benutzerdefinierte Links nutzen, ermöglichen Sie es Ihren Besuchern, problemlos durch Ihre Website zu navigieren und schnell zu den gewünschten Inhalten zu gelangen. Mit ein wenig Planung und Anpassung, sowie der Nutzung von Page-Builder-Plugins und sorgfältigem Testen, können Sie ein ansprechendes und funktionales Menü erstellen, das Ihren One-Pager zu einem Erfolg macht. Durch die erfolgreiche Umsetzung dieser Schritte sind Sie auf dem besten Weg, eine beeindruckende One-Page-Website zu erstellen, die Ihre Besucher begeistern wird.