Wer schreibt …

„Hätte ich mehr Zeit gehabt, hätte ich mich kürzer gefasst.“

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“.

Technik, Pure Blog, PHP

⬅ Vorheriger Beitrag
Pure Blog: Aküfi

Nächster Beitrag ➡
Pure Blog: Offizielle Blogrolle online