AMP

Beschreibung

Das AMP-Projekt (engl.) ist eine Open-Source-Initiative, um das Web für alle zu verbessern. AMP ermöglicht Websites mit konsistenter Schnelligkeit und Performance auf allen Distributionsplattformen. Das offizielle AMP-Plugin für WordPress unterstützt vollständig integriertes Veröffentlichung von AMP für WordPress-Seiten mit robusten Funktionen und detaillierter Veröffentlichungs-Einstellungen.

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 4 Blöcke.

amp/amp-story-post-author
amp/amp-story-post-date
amp/amp-story-post-title
amp/amp-latest-stories

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

August 10, 2019
I used this plug in and it so corrupted the css files I have to do a clean install of WordPress, and lose 30+ pages of a commercial website. I uploaded a back up, but to no avail ALL images could not be seen on the entire site
Juli 9, 2019
its mass my home page view and after deactivate my website look grate again.... My site WordPress 5.2.2 running with Online Shop theme. Edited: good support team will help me to reactive this plugin again on my site. Surely you deserve 5 star. THANKS A LOT @jamesosborne
Juli 1, 2019
This is an easy to use plug in. Problems do come up from time to time through search console and Google is not always clear about what we need to do to fix it. The plug in support forum is very helpful and the team is really responsive. My last error had to do with the logo missing in the theme appearance and Yoast plugin and James helped identify this quickly. I implemented the change as he recommended and the console error went away. Highly recommended. Our site gets lots of hits through AMP pages via mobile search so this plugin is very essential.
Juni 18, 2019
Attempted to deactivate the plugin from Installed Plugins menu and it just hangs. Have to go through the backend and forcibly rip it out.
Juni 18, 2019
Atualmente nao vale a pena ter paginas amp no site, mas eu acho que o plugin faz o servico bem
Lies alle 181 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.).