AMP

Beschreibung

Das AMP-Projekt (engl.) ist eine Open-Source-Initiative, um das Web für alle besser zu machen. AMP erlaubt Erlebnisse, die konstant schnell, schön und hoch performant über alle Verteilerplattformen. AMP stand für „Accelerated Mobile Pages“ (beschleunigte mobile Seiten), aber funktioniert nun vollständig auf Desktop- und Mobilgeräten. Das offizielle AMP-Plugin für WordPress unterstützt die vollständige AMP-Publizierung für WordPress-Websites, mit zuverlässigen Berechtigungen und granularen Veröffentlichungskontrollen.

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 Twenty.
  • 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.
  • Lese-Modus-Templates sind immer noch verfügbar, aber sie unterscheiden sich von deinem aktiven Theme.
  • Wechsle vom Lese-Modus zum Übergangs-Modus oder Standard-Modus auf der AMP-Einstellungsseite.
  • Standard-Modus: AMP wird als Framework für deine Website benutzt, es gibt keine AMP- und Nicht-AMP-Version zu pflegen. Mobile und Desktop-Benutzer haben dieselbe Benutzererfahrung.
  • Übergangs-Modus: Eine Möglichkeit, deine Website vollständig AMP-kompatibel zu machen, mit Werkzeugen unter der Haube, die beim Debugging von Validierungsfehlern helfen.
  • 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 Überprüfung 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.
  • Each Validated URL shows the list of validation errors encountered, giving control over whether invalid markup is removed or kept. Keeping invalid markup disables AMP.
  • Each validation error provides a stack trace to identify which code is responsible for the invalid markup, whether a theme, plugin, embed, content block, and so on.
  • 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

3. Dezember 2019
AMP simply put is needed as not everyone in the whole wide world will always be on a great connection. That is the main reason I have to use AMP.
16. November 2019
Duplicate Featured Image, and no option to disable single not show Featured Image. Please add this option in this plugin. Thank you. My temporary solution is delete <?php $this->load_parts( [ 'featured-image' ] ); ?> from wp-content/plugins/amp/templates/single.php

bad

27. Oktober 2019
it so bad because plugin I lost my time ⌚ and still I can't solve the problem
20. Oktober 2019
I am very happy with this AMP plugin. It is very easy to used. The support team were really helpful. I wondered why there are so many people who were not happy about this plugin. Everyone wants a blazing fast website but don't want to compromise their website looks and feel that are full of heavy scripts which can hurts the site speed. Thank you AMP team.
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.
Lies alle 193 Rezensionen

Mitwirkende & Entwickler

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

Mitwirkende

„AMP“ wurde in 20 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.).