Herzlich willkommen zu diesem WordPress-Tipp der Woche.

Diese Woche geht es um progressive Web-Apps bzw. in Kurz PWAs und wie Sie diese auf Ihrer

WordPress-Seite aktivieren können.

Eine progressive Web-App ist nichts weiter als eine kleine Applikation, also ein Programm,

das sich der Besucher runterladen kann und auch offline dann benutzen kann, um Ihre Webseite

zu betrachten.

Damit Sie das vielleicht näher verstehen, probieren wir das einfach einmal aus.

Und zwar kann ich hier in der Adresszeile eine Seite aufrufen, die das zum Beispiel

schon aktiv hat.

Zum Beispiel unsere Anleitungsseite.

Und jetzt gibt es verschiedene Browser, die dann hier oben rechts schon signalisieren

App verfügbar und wenn ich hier dann drauf klicke, dann wird mir der Browser entsprechend

vorschlagen, installieren Sie RZE WordPress Dokumentation.

Diese Webseite kann als Anwendung installiert werden.

Zum Vergleich zeige ich das noch einmal in einem weiteren Browser, und zwar in Google

Chrome.

Hier kann ich, wenn ich WordPress.rzd.fau.de aufrufe, eine entsprechende Web-Applikation

herunterladen und auch hier signalisiert der Browser kurz, dass es eine App gibt.

Man hat hier kurz das Installieren gesehen, das hier aufgeploppt ist und wenn ich hier

jetzt auch drauf klicke, dann kann ich hier auch sehen, dass mich der Browser fragt, ob

ich die App installieren möchte.

Was ist jetzt mit einer App gemeint?

Wenn ich hier jetzt auf installieren klicke, dann installiert mir der Computer das als

eigenes Programm.

Man sieht das dann hier unten in dem entsprechenden Doc bei mir, dass es dann hier eine neue App

gibt, mit dem Bild, also mit einem Bild, einem App-Icon und dann RZE WordPress Dokumentationen.

Zum Vergleich, wenn ich das Launchpad öffne und auch hier die entsprechende App aufrufe,

dann kann ich hier ein neues Icon sehen, wie bei den anderen Programmen, die ich installiert

habe.

Und ich kann dieses Programm natürlich auch nehmen und zum Beispiel in mein Doc ziehen,

also in meine Menüleiste ziehen.

Bei Windows verhält sich das Ganze natürlich ähnlich.

Auch dort haben Sie dann eine Desktop-Verknüpfung und wenn Sie diese Seite immer aufrufen möchten,

dann können Sie ab sofort das Icon einfach anklicken und die Seite wird sich öffnen.

Egal ob Sie mit dem Internet verbunden sind oder nicht, normalerweise haben Sie dann hier

die Inhalte parat.

Das ist also der Vorteil von einer progressiven Web-App, auch wenn man offline ist und vorher

der Computer die Seite geladen hat, können Sie auf die Seite navigieren und die Seite

verwenden wie eine normale App, wie ein eigenes Programm.

Was ist jetzt vielleicht noch der Unterschied zu einem normalen Internet-Browser?

Und zwar ist das einfach der Unterschied, dass man keine Adresszeile hat in dieser App.

Stattdessen kann man sich auf der Seite natürlich durch klicken bewegen.

Man kann aber auch auf die Überseiten navigieren, wenn man zum Beispiel dann darauf klickt.

Man sieht hier schon, man hat die Möglichkeit immer über dieses X am oberen linken Rand

dann einfach wieder zurück auf die Hauptnavigation, Ihre Internetseite zu gelangen.

Aktuell unterstützen nicht alle Internet-Browser diese progressiven Web-Apps.

Ich bin mir allerdings sicher, dass dieses Feature in den kommenden Jahren natürlich

von den verschiedenen Internet-Browsern dann auch komplett unterstützt wird.

Wie bei jedem WordPress-Tipp der Woche kommt jetzt auch die Frage, gut, das ist ein schönes

Feature, aber wie setzt man es auf der eigenen Webseite um?