Pure Blog: Aküfi #2
War da nicht noch was in Sachen Anzeige auf mobilen Geräten?
Ähm, ja! Siehe Blog auf Touchgeräten lesen
Also schnell meine Erweiterung yellow-abbrtouch auf Pure Blog „umgestrickt“.
Der PHP-Quellcode gehört natürlich wieder in eure config/hooks.php und muss dort aus on_render_markdown() heraus z. B. per $html = inject_abbr_tabindex($html); aufgerufen werden.
function inject_abbr_tabindex(string $html): string
{
return preg_replace('|(<abbr) (title=")|', '$1 tabindex="0" $2', $html);
}
Die für die Optik zuständige Datei abbrtouch.css legt ihr im Ordner content/css ab und bindet sie in den Pure-Blog-Einstellungen → „Blog“ → „Header-Injektionen“ → „Seiten-Kopf-HTML“ und „Beitrags-Kopf-HTML“ jeweils als <link rel="stylesheet" href="/content/css/abbrtouch.css"> ein. Oder ihr kopiert den Inhalt in den Pure-Blog-Einstellungen nach „{} CSS“ → „CSS der Blogansicht“.
Mit den Werten für color und background-color der abbrtouch.css müsst ihr mit Blick auf euer verwendetes Farbschema ggf. ein wenig experimentieren. Auf meiner Website gibt's nur eins und das ist „dark“.