Hallo allemaal,

Ik probeer een tool voor het produceren van Accelerated Mobile Pages (AMP) op mijn WordPress-site werkend te krijgen. Ik gebruik de plugins AMP van Automattic en Glue for Yoast SEO & AMP. Dit circus 😉 werkt wel, maar er is een probleempje: de AMP-versie van de blogberichten toont geen kaderkoppen.

Die kaderkoppen zijn doodgewone h3’s, maar ze vallen binnen een kleurkader (een zogeheten color box, een speciale class in mijn thema). Dat ziet er in code zo uit:
<div class=”bg-blue clearfix”> (= ‘start color box’)
<h3><span style=”color: #ffffff;”>Wat kost laaggeletterdheid ons?</span></h3>
Dan volgt de kadertekst en ten slotte komt er weer een </div>
Voor dit voorbeeld zie het kader bovenaan de rechterkolom van dit bericht.

Ik begrijp niet waarom AMP die h3 niet meepakt en de tekst van dat kader wél.
Kan ik op de een of andere manier bewerkstelligen dat die kaderkoppen toch worden weergegeven in de AMP-versies?
Ik wil die color boxes eigenlijk wel graag blijven gebruiken en de kop bovenop zo’n box zetten kan wel, maar dat ziet er niet uit…

Alvast hartelijk bedankt voor jullie reactie.

Met vriendelijke groeten,

Renske63