Wenn es um die Arbeit mit the_content geht, ist es unkompliziert.
- Richten Sie einen Filter ein, der mit the_content verbunden ist,
- Definieren Sie eine Funktion, die den Inhalt des eingehenden Beitrags akzeptiert,
- Nehmen Sie Ihre Änderungen vor,
- gibt den geänderten Inhalt zurück.
Und meistens ist das alles, was benötigt wird. Aber es gibt Zeiten, in denen Sie vielleicht fortgeschrittenere Dinge tun möchten.
Vielleicht möchten Sie beispielsweise Inhalte aus einer externen Vorlage einbeziehen. Oder vielleicht möchten Sie Bildern, die Sie im Beitrag finden, Attribute hinzufügen.
Es kann schwierig sein, dies mit einem regulären Ausdruck zu tun (weil HTML eine nicht reguläre Sprache ist), aber mit Hilfe von PHPs DOMDocument ist es nicht so schlimm.
Die Idee hinter diesem Code, den ich gleich zeigen werde, ist wie folgt:
- suchen Sie nach img- Tags im Beitrag,
- Schleife durch, was auch immer gefunden wird,
- füge die Attribute hinzu,
- Speichern Sie den HTML-Code,
- das Ergebnis zurückgeben.
Beachten Sie, dass Sie dies möglicherweise an Ihre eigenen Bedürfnisse anpassen müssen, aber der grundlegende Code , den Sie benötigen, ist :
Für diejenigen, die mit DOMDocument und dem, was im obigen Code passiert, nicht vertraut sind (z. B. warum bestimmte Funktionen vor der Verarbeitung des Markups aufgerufen werden), hier ein kurzer Überblick:
- mb_convert_encode. Dies nimmt die Zeichencodierung der eingehenden Daten und konvertiert sie in UTF-8 (basierend auf dem obigen Code, aber es kann etwas anderes sein).
- libxml_use_internal_errors. Dadurch werden alle Fehlermeldungen abgeschaltet und wir als Programmierer können die Fehler selbst abrufen.
- utf8_decode. Dadurch werden die Informationen in einem String von UTF-8 nach ISO-8859-1 dekodiert. Der Grund dafür ist, dass die meisten Seiten einen Zeichensatz haben, der als letzterer definiert ist, und wir ihn für erstere kodieren müssen, um ihn zu verarbeiten.
Abgesehen davon empfehle ich auch, DOMDocument zu lesen, um weitere Informationen zu allem zu erhalten, was oben passiert.
Sobald Sie jedoch die Funktion wie oben verwenden, haben Sie ein benutzerdefiniertes data-example- Attribut mit dem Wert „ true ” für die Bilder in Ihrem gesamten Beitrag.