AMP

Beschreibung

The AMP Project is an open-source initiative aiming to make the web better for all. AMP enables web experiences that are consistently fast, beautiful and high-performing across distribution platforms. AMP formerly stood for “Accelerated Mobile Pages”, but now works completely across desktop and mobile. The official AMP plugin for WordPress supports fully integrated AMP publishing for WordPress sites, with robust capabilities and granular publisher controls.

Funktionen und Möglichkeiten, welche das Plugin zur Verfügung stellt:

  • AMP-first-Erfahrungen: Aktiviere vollständige AMP-Erfahrungen (engl.) ohne die Flexibilität der Plattform oder die Ehrlichkeit der Inhalte zu beeinträchtigen.
  • Core-Theme-Unterstützung: Aktiviert AMP-Kompatibilität für alle Core-Themes von Twenty Ten bis Twenty Nineteen.
  • Kompatibilitäts-Werkzeug: Wenn eine automatische Konvertierung des Markups zu AMP nicht möglich ist, kannst du AMP-Validierungsfehler mit detaillierten Informationen überprüfen, wie z. B. dem ungültigen Markup und die spezifischen Komponenten, die auf der Website dafür verantwortlich sind (z. B. Theme, Plugin, Einbettung). Validierungsfehler werden im Kontext ihre entsprechenden Blöcke im Editor angezeigt.
  • CSS Tree Shaking: Entferne automatisch den Großteil des ungenutzten CSS automatisch, um es auf unter 50 KB zu bringen, das Limit von AMP. Wenn es nach dem Tree Shaking immer noch oberhalb des Limits ist, wird eine Priorisierung benutzt, damit die erforderlichsten Theme-Stile bestehen bleiben und weniger wichtige entfernt werden (z. B. Druck-Stile).
  • AMP Stories (Beta): Das AMP-Plugin erlaubt die Erstellung, Bearbeitung und Veröffentlichung von AMP Stories (engl.) in WordPress. Benutze die Magie des Storytellings auf WordPress-Art!

Das Plugin kann so konfiguriert werden, dass es einem von drei verschiedenen Template-Modi folgt: Standard, Übergang und Lesen. Im Standardmodus verwendest du AMP als Framework für deine Website, und es muss keine separate AMP- und Nicht-AMP-Versionen geben. Wenn sie für den Betrieb im Lese- und Übergangsmodus konfiguriert ist, verfügt eine bestimmte Seite über eine kanonische URL sowie eine entsprechende (gepaarte) AMP-URL. Das AMP-Plugin dient nicht als mobiles Theme, es leitet mobile Geräte nicht auf die AMP-Version um. Stattdessen wird die AMP-Version mobilen Besuchern zur Verfügung gestellt, wenn sie die Inhalte auf Plattformen wie Twitter, Pinterest, Google Search und anderen finden. Der Lesemodus unterstützt nur die Bereitstellung von AMP für einzelne Beiträge, Seiten und andere Beiträge, während der Standard- und Übergangsmodus die Bereitstellung der gesamten Website als AMP unterstützt.

Mit dem offiziellen AMP-Plugin für WordPress verfügt das WordPress-Ökosystem über die Funktionen und Werkzeuge, die es benötigt, um erstklassige AMP-Erlebnisse zu schaffen, ohne von seinem standardmäßigen, flexiblen und bekannten Workflow zur Inhaltserstellung abzuweichen.

Erste Schritte

Um mehr über das Plugin zu erfahren und seine Funktionen zu nutzen und um deinen AMP-Workflow für die Inhaltserstellung zu optimieren, schaue dir die offizielle AMP-Plugin-Produktseite (engl.) an.

Wenn du ein Entwickler bist, ermutigen wir dich, der Entwicklung dieses Plugins auf GitHub zu folgen (engl.) oder mitzuwirken (engl.).

Screenshots

  • Erstelle großartige Web-Erfahrungen mit AMP-betriebenen Websites oder visuell reichhaltige, ansprechende Stories.
  • Der Story-Editor erlaubt die Erstellung von Seiten in einer horizontalen, seitenbasierten Ansicht mit Hintergrund-Medien und mit Blöcken, die verschoben, rotiert und animiert werden können.
  • In der Website-Erfahrung ermöglicht die Themen-Unterstützung die Wiederverwendung der Templates und Stylesheets des aktiven Themes. Alle WordPress-Funktionen (Menüs, Widgets, Kommentare) sind in AMP verfügbar.
  • Alle Core-Themes werden unterstützt, aber viele Themes können AMP mit minimalen Änderungen ausliefern. Andererseits ist das Verhalten oft wie wenn JavaScript im Browser deaktiviert ist, denn Skripte werden entfernt.
  • Lesemodus-Template sind noch vorhanden, aber sie unterscheiden sich vom aktiven Theme, jegliche Validierungsfehler werden still korrigiert.
  • Wechsle vom Lesemodus zum Übergangs- oder Standard-Modus in der AMP-Einstellungsansicht. Du musst möglicherweise die Adminleiste in AMP deaktivieren, wenn dein Theme viele CSS beinhaltet.
  • Mach die gesamte Website in AMP verfügbar oder wähle einzelne Inhaltstypen und Templates, du kannst es auch pro Beitrag deaktivieren.
  • Das Plugin prüft auf AMP-Gültigkeit und wird sich melden, wenn entweder keine Probleme gefunden wurden, neue Probleme einer Freigabe bedürfen oder Probleme dazu führen, dass kein AMP ausgeliefert werden kann.
  • Der Editor wird während der Erstellung von Inhalten auf Validierungsprobleme hinweisen. Die spezifischen Blöcke mit Validierungsfehlern werden angezeigt.
  • Validierte URLs enthalten die Liste mit aufgetretenen Validierungsfehlern und geben dir die Kontrolle darüber, eine automatische Korrektur für für einen Validierungsfehler zu akzeptieren oder abzulehnen.
  • Stile, die von Themes und Plugins hinzugefügt wurden, werden automatisch zusammengefügt, minifiziert und tree-shaken, um zu versuchen, sie insgesamt auf weniger als 50 KB Inline-CSS zu bekommen.
  • Ein WP-CLI-Befehl wird angeboten, um die URLs einer Website auf AMP-Gültigkeit zu prüfen. Die Ergebnisse sind im Adminbereich zur Einsicht verfügbar.

Blöcke

Dieses Plugin unterstützt 5 Blöcke.

amp/amp-story-post-author
AMP
amp/amp-story-post-date
AMP
amp/amp-story-post-title
AMP
amp/amp-latest-stories
AMP
amp/amp-story-page-attachment
AMP

Installation

  1. Lade den Ordner in das /wp-content/plugins/ Verzeichnis hoch.
  2. Aktiviere das Plugin in WordPress im Menü „Plugins“​
  3. Wenn du aktuell ältere Versionen des Plugins im Lesemodus benutzt, ist es sehr empfehlenswert, zum Übergangs– oder Standard-Modus zu wechseln. Abhängig von deinem Theme und den benutzten Plugins kann ein gewisses Maß an Entwicklungsarbeit erforderlich sein.

Rezensionen

22. September 2019
AMP is still relatively new, so you need to go in expecting trial, error, and learning opportunities. I decided I'd rather go through the pain now than put it off if AMP is the way forward. All that being said, this is a well-managed plugin with great support. It will allow you to get a WordPress AMP site out into the mobile web.
19. September 2019
Special Thanks for James Osborne‏, he helped us and solve the problems 🙂
14. September 2019
Very good plugin and easy to use had a small issue due to another plugin on my site asked for help in the forum and the support was great they replied in a few hours and find out the problem Weston Ruter was of great help.
30. August 2019
I have been trying out AMP (By AMP Project Contributors) and AMP for WP. And I always seem to go back to AMP (By AMP Project Contributors) just because it really gives you all the flexibility you need to make your site fully AMP 🙂
21. August 2019
This plugin is evolving very well! My site is completely verified AMP and this is just the beginning of what is possible. The official AMP plugin is the reliable AMP path for WordPress. My development team helped me to get it all AMP first.
Lies alle 189 Rezensionen

Mitwirkende & Entwickler

„AMP“ ist Open-Source-Software. Folgende Menschen haben an diesem Plugin mitgewirkt:

Mitwirkende

„AMP“ wurde in 18 Sprachen übersetzt. Danke an die Übersetzerinnen und Übersetzer für ihre Mitwirkung.

Übersetze „AMP“ in deine Sprache.

Interessiert an der Entwicklung?

Durchstöbere den Code, sieh dir das SVN Repository an oder abonniere das Entwicklungsprotokoll per RSS.

Änderungsprotokoll

Für das Änderungsprotokoll des Plugins, schau dir bitte die Release-Seite auf GitHub an (engl.).