# Web-Beratung & Entwicklung Purin e.U. — Full Content

> Complete content export of https://www.purin.at for LLM consumption.
> Generated: 2026-04-10 22:46 | Pages: 66

## Table of Contents

1. [WordPress-Wartung & barrierefreie Webentwicklung Vorarlberg](#page-1)
2. [Barrierefreies Webdesign: So erreichen Sie alle Nutzer - Christoph Purin](#page-2)
3. [Barrierefreiheits-Quiz - Christoph Purin](#page-3)
4. [Blog - Christoph Purin](#page-4)
5. [Bricksbuilder und generische Dynamic Tags - Christoph Purin](#page-5)
6. [Barrierefreies Webdesign Archive - Christoph Purin](#page-6)
7. [Bricksbuilder Archive - Christoph Purin](#page-7)
8. [Code Archive - Christoph Purin](#page-8)
9. [Landingpages Archive - Christoph Purin](#page-9)
10. [Open Source Archive - Christoph Purin](#page-10)
11. [WordPress Archive - Christoph Purin](#page-11)
12. [WordPress Sicherheit Archive - Christoph Purin](#page-12)
13. [WordPress Technik Archive - Christoph Purin](#page-13)
14. [Cookie-Richtlinie (EU) - Christoph Purin](#page-14)
15. [Danke Gratis WordPress Wartungs Plan - Christoph Purin](#page-15)
16. [Danke Kontakt - Christoph Purin](#page-16)
17. [Danke Wartung - Christoph Purin](#page-17)
18. [Datenschutzerklärung - Christoph Purin](#page-18)
19. [Dein Gratis WordPress Wartungs Plan Download - Christoph Purin](#page-19)
20. [Die 10 besten WCAG Best Practices für barrierefreies Webdesign - Christoph Purin](#page-20)
21. [Die Top 10 WCAG-Kriterien für barrierefreies Webdesign - Christoph Purin](#page-21)
22. [Die ultimative Checkliste für die WordPress-Wartung - Christoph Purin](#page-22)
23. [Distance calculator - Christoph Purin](#page-23)
24. [Erklärung zur Barrierefreiheit - Christoph Purin](#page-24)
25. [Farbkontraste im Webdesign: Der Schlüssel zur Benutzerfreundlichkeit - Christoph Purin](#page-25)
26. [White Label WordPress für Agenturen | Technik auslagern](#page-26)
27. [Impressum - Christoph Purin](#page-27)
28. [Inklusion im Netz: Die Wichtigkeit von barrierefreiem Webdesign - Christoph Purin](#page-28)
29. [KI - Berater - Christoph Purin](#page-29)
30. [Kontakt - Christoph Purin](#page-30)
31. [Landingpages optimieren: 10 essenzielle Tipps für Marketer und Webdesigne - Christoph Purin](#page-31)
32. [Website neu & barrierefrei – einfach, leistbar, gesetzeskonform - Christoph Purin](#page-32)
33. [WordPress Optimierung - Christoph Purin](#page-33)
34. [WordPress Schulung & Online-Kurs | Endlich sicher im Backend](#page-34)
35. [WordPress Support & Hilfe | Probleme schnell gelöst (84€/h)](#page-35)
36. [WordPress Wartung & Sicherheit 🛡️](#page-36)
37. [WordPress gehackt? 🚑 Sofort-Hilfe & Bereinigung (24h)](#page-37)
38. [Redirect Script - Christoph Purin](#page-38)
39. [Screenreader-Kompatibilität verbessern: Praxistipps für barrierefreie Webseiten - Christoph Purin](#page-39)
40. [Security Headers generator - Christoph Purin](#page-40)
41. [Tipps zur Erstellung von WCAG-konformen Formularen: Barrierefreiheit im Fokus - Christoph Purin](#page-41)
42. [Über mich - Christoph Purin](#page-42)
43. [WCAG Konformitätsstufen: Ein umfassender Überblick - Christoph Purin](#page-43)
44. [WordPress 5.4 Testblöcke - Christoph Purin](#page-44)
45. [WordPress 5.4 veröffentlicht - Christoph Purin](#page-45)
46. [WordPress 5.6 Update die Erneuerung und Verbesserungen - Christoph Purin](#page-46)
47. [WordPress 5.7 „Esperanza“  - Christoph Purin](#page-47)
48. [WordPress 5.8 („Tatum“)  - Christoph Purin](#page-48)
49. [WordPress 5.9 „Josephine“ – Vollständige Site-Bearbeitung für Block-Themes - Christoph Purin](#page-49)
50. [WordPress 6.0 („Arturo“)  - Christoph Purin](#page-50)
51. [WordPress 6.1 „Misha“ – Refinement & Konsistenz im Fokus - Christoph Purin](#page-51)
52. [WordPress 6.2 („Dolphy“)  - Christoph Purin](#page-52)
53. [WordPress 6.3 („Lionel“) - Christoph Purin](#page-53)
54. [WordPress 6.4 („Shirley“)  - Christoph Purin](#page-54)
55. [WordPress 6.5 („Regina“)  - Christoph Purin](#page-55)
56. [WordPress 6.6 „Dorse - Christoph Purin](#page-56)
57. [WordPress 6.7  - Christoph Purin](#page-57)
58. [WordPress 6.7.1 – Maintenance Release - Christoph Purin](#page-58)
59. [WordPress 6.7.2 – Maintenance Release  - Christoph Purin](#page-59)
60. [WordPress 6.8.0 – Hauptrelease vom 15. April 2025 - Christoph Purin](#page-60)
61. [WordPress 6.8.1 – Wartungs-Release im Überblick - Christoph Purin](#page-61)
62. [WordPress Webhosting: Die besten Anbieter im Vergleich 2023 - Christoph Purin](#page-62)
63. [Portfolio - Christoph Purin](#page-63)
64. [Zugänglichkeit testen: Best Practices für eine inklusive Website - Christoph Purin](#page-64)
65. [Barrierefreiheits-Audit (WCAG) | Website fit für 2025?](#page-65)
66. [Neue WordPress Website | Verkaufsstark, Schnell & Barrierefrei](#page-66)

---

## WordPress-Wartung & barrierefreie Webentwicklung Vorarlberg {#page-1}

- URL: https://www.purin.at/
- Description: Zuverlässige WordPress-Wartung & Updates aus Vorarlberg. Barrierefreie Webseiten (WCAG 2.2), Webdesign, Entwicklung mit persönlicher Betreuung
- Words: 777

WordPress & Barrierefreiheit aus Vorarlberg

Mach deine Website zu

deinem .

Website kostet Zeit, Geld und Nerven

Website arbeitet für dich

Mehr Anfragen. Weniger Technik-Stress. WCAG-konform.

Kostenloses Erstgespräch Leitungen entdecken

15+ Jahre Erfahrung

100+ Projekte

5.0 Google Bewertung

Kunden die mir vertrauen

Warum 15 Jahre Erfahrung für dich zählen.

Du musst nicht wissen, was eine API oder ein Cron-Job ist. Das ist mein Job. Du musst nur wissen: Es funktioniert. Während andere noch basteln, läuft deine Seite bereits stabil, sicher und verkauft.

Genau die Unterstützung, die dein Business braucht.

Ich biete keinen Bauchladen an Dienstleistungen, sondern spezialisierte Lösungen für drei klare Ziele: Sicherheit, Wachstum und Partnerschaft. Wähle den Bereich, der dich aktuell am meisten beschäftigt – ich kümmere mich um den Rest.

Wartung & Sicherheit

Damit du ruhig schlafen kannst.

Zu den Schutz-Paketen

Relaunch & Barrierefreiheit

Rechtssicher verkaufen & Kunden gewinnen.

Projekt anfragen

Für Web Agenturen & Freelancer

Dein technischer Partner im Hintergrund.

Partner werden

Was sagen unsere Kund:innen?

Echte Rezensionen von google .

Thomas Göschlberger

Christoph hilft mir bei Funktionsstörungen und wenn ich neue komplexe Funktionen auf meiner Seite benötige. Unglaublich professionell und ich bin immer mehr als zufrieden gewesen. Würde im Traum nicht darauf kommen mich jemand anderen noch anzuvertrauen, wenns um meine Wordpressthemen geht.

Frank Bertele

Ich habe schon mit vielen Webentwicklern zusammen gearbeitet, aber Christoph ist der Beste. Er ist sehr kompetent, freundlich und stets ansprechbar. Probleme löst er schnell und souverän. Ich kann Christoph nur weiterempfehlen.

Erik Wenzel

Wir Arbeiten seit ungefähr 2 Jahren mit Christoph zusammen und haben mittlerweile viele Projekte umgesetzt sowie auch laufende Projekte und ich kann im Namen unserer Agentur nichts anderes sagen, als dass ich mir wünschen würde Jede zusammenarbeit würde so laufen... Fristgerecht, Gründlich, Freundlich und das bei absoluter Bescheidenheit - bei Christoph ist jedes mal underpromise and then overdeliver angesagt. Im Namen der Stable Tree GmbH & Co. KG - vielen Dank für die bisherigen Projekte und wir freuen uns auf alle Zukünftigen!

Vitalergy by Martina Tripold-Pratscher

Herr Purin ist ein sehr zuverlässiger Webentwickler. Mit viel Geduld hat er meine Wünsche für mich umgesetzt. Seine Preisgestaltung ist fair. Sehr gerne empfehle ich ihn weiter.

Jochen W.

Absolut top in der Zusammenarbeit. Christoph glänzt nicht nur mit Zuverlässigkeit und einer zügigen Umsetzung, er findet auch Wege, wenn’s mal kniffliger wird. Für mich in Sachen Webentwicklung genau die Art von Entwickler, die man braucht, wenn man sicher sein möchte ein top Ergebnis zu erzielen.

Mehr als nur Code: Ergebnisse, die zählen.

Ein ansprechendes Design ist heute der Mindeststandard. Mein Anspruch geht weiter: Diese Projekte sehen nicht nur gut aus – sie sind technis

[Content truncated — full version at https://www.purin.at/]

---

## Barrierefreies Webdesign: So erreichen Sie alle Nutzer - Christoph Purin {#page-2}

- URL: https://www.purin.at/barrierefreies-webdesign-so-erreichen-sie-alle-nutzer
- Description: In einer zunehmend digitalen Welt ist es entscheidend, Websites zu erstellen, die für alle Nutzer zugänglich sind. Barrierefreies Webdesign (Accessibility)
- Words: 590

In einer zunehmend digitalen Welt ist es entscheidend, Websites zu erstellen, die für alle Nutzer zugänglich sind. Barrierefreies Webdesign (Accessibility) stellt sicher, dass Menschen mit unterschiedlichen Fähigkeiten die Inhalte problemlos nutzen können. In diesem Artikel erfahren Sie praxisnahe Tipps, um Ihre Website barrierefrei zu gestalten.

Was ist barrierefreies Webdesign?

Barrierefreies Webdesign bedeutet, Websites so zu gestalten, dass sie für alle Benutzer zugänglich sind, unabhängig von körperlichen, sensorischen oder kognitiven Einschränkungen. Das Ziel ist, einem breiten Publikum eine einfache Navigation und Bedienbarkeit zu ermöglichen.

Warum ist barrierefreies Webdesign wichtig?

Es gibt mehrere Gründe, warum barrierefreies Webdesign von großer Bedeutung ist:

Rechtliche Vorgaben : In vielen Ländern gibt es gesetzliche Bestimmungen, die Barrierefreiheit in digitalen Medien vorschreiben, z.B. das Behindertengleichstellungsgesetz (BGG) in Deutschland.

Erweiterte Zielgruppe : Durch barrierefreies Design erreichen Sie nicht nur Menschen mit Behinderungen, sondern auch ältere Nutzer oder Menschen, die vorübergehende Einschränkungen haben.

Bessere Benutzererfahrung : Eine barrierefreie Website bietet oft eine bessere Usability für alle Nutzer, was zu einer höheren Zufriedenheit und Verweildauer führt.

Grundprinzipien des barrierefreien Webdesigns

1. Wahrnehmbarkeit

Inhalte müssen für alle Nutzer wahrnehmbar sein. Hier einige Tipps:

Alternativtexte für Bilder : Verwenden Sie alt -Attribute für alle Bilder, um den Inhalt für Screenreader zugänglich zu machen.

<img src="beispielbild.jpg" alt="Eine Beschreibung des Bildes">

Kontraste anpassen : Stellen Sie sicher, dass der Kontrast zwischen Text und Hintergrund ausreichend ist (mindestens 4.5:1 für normalen Text).

2. Bedienbarkeit

Die Bedienung der Website sollte einfach sein. Berücksichtigen Sie:

Navigation : Nutzen Sie klare und konsistente Navigationsstrukturen. Stellen Sie sicher, dass alle Links und Buttons leicht zugänglich sind.

Tastaturnavigation : Alle interaktiven Elemente sollten mit der Tastatur erreichbar und bedienbar sein.

3. Verständlichkeit

Inhalte müssen leicht verständlich sein. Tipps dazu:

Klare Sprache : Verwenden Sie einfache, klare Formulierungen. Vermeiden Sie komplexe Satzstrukturen und Fachjargon.

Strukturierte Inhalte : Nutzen Sie HTML-Überschriften ( <h1> , <h2> , <h3> ), um eine klare Hierarchie zu schaffen.

<h1>Hauptüberschrift</h1>

<h2>Unterüberschrift</h2>

<p>Ein klar strukturierter Absatz.</p>

4. Robustheit

Stellen Sie sicher, dass Ihre Website auch auf verschiedenen Geräten und mit verschiedenen Technologien funktioniert:

Semantisches HTML : Verwenden Sie semantische HTML-Elemente ( <article> , <aside> , <footer> ), um den Inhalt zu strukturieren und die Zugänglichkeit zu erhöhen.

Kompatibilität : Testen Sie Ihre Website in verschiedenen Browsern und mit verschiedenen Screenreadern.

Konkrete Beispiele für barrierefreies Webdesign



[Content truncated — full version at https://www.purin.at/barrierefreies-webdesign-so-erreichen-sie-alle-nutzer]

---

## Barrierefreiheits-Quiz - Christoph Purin {#page-3}

- URL: https://www.purin.at/barrierefreiheits-quiz
- Words: 1

Barrierefreiheits-Quiz

---

## Blog - Christoph Purin {#page-4}

- URL: https://www.purin.at/blog
- Description: Ob Einsteiger oder Profi – hier bist du richtig, wenn du mehr aus WordPress herausholen willst. Ich teile praxisnahe Tipps, clevere Code-Snippets und Insights direkt aus dem Entwickleralltag. Entdecke bewährte Plugins, moderne Theme-Strategien und Tools, die deine WordPress-Projekte schneller, sicherer und einfach besser machen.
- Words: 385

Experten-Wissen: WordPress, Code & Strategie.

Ob Einsteiger oder Profi – hier bist du richtig, wenn du mehr aus WordPress herausholen willst. Ich teile praxisnahe Tipps, clevere Code-Snippets und Insights direkt aus dem Entwickleralltag. Entdecke bewährte Plugins, moderne Theme-Strategien und Tools, die deine WordPress-Projekte schneller, sicherer und einfach besser machen.

Alle Kategorien Aktuelles (0) Barrierefreies Webdesign (9) Bricksbuilder (1) Buchempfehlung (0) Business (0) Code (1) Grundlagen (0) How To (0) Landingpages (1) Neuro Webdesign (0) News (0) Open Source (2) Web (0) WordPress (18) WordPress News (0) WordPress Sicherheit (1) WordPress Technik (1) WordPress Tipps (0)

04 Mai 2025

Barrierefreies Webdesign

3 min zu lesen

Tipps zur Erstellung von WCAG-konformen Formularen: Barrierefreiheit im Fokus

Die Barrierefreiheit von Webseiten ist ein essentielles Thema in der digitalen Welt. Besonders wichtig sind dabei die Formulare,…

Beitrag Weiterlesen

04 Mai 2025

Barrierefreies Webdesign

4 min zu lesen

Die 10 besten WCAG Best Practices für barrierefreies Webdesign

Webdesign hat sich in den letzten Jahren stark weiterentwickelt, doch ein Aspekt bleibt unverzichtbar: Barrierefreiheit. Die Web Content…

Beitrag Weiterlesen

02 Mai 2025

WordPress

2 min zu lesen

WordPress 6.8.1 – Wartungs-Release im Überblick

WordPress 6.8.1 ist ein kurzes Wartungs-Update, veröffentlicht am 30. April 2025. Die Version enthält ausschließlich Bugfixes im Core und…

Beitrag Weiterlesen

29 Apr. 2025

Barrierefreies Webdesign

4 min zu lesen

WCAG Konformitätsstufen: Ein umfassender Überblick

Die WCAG (Web Content Accessibility Guidelines) sind ein entscheidendes Regelwerk, das die Barrierefreiheit von Webinhalten sicherstellen soll. Diese…

Beitrag Weiterlesen

29 Apr. 2025

Barrierefreies Webdesign

4 min zu lesen

Die Top 10 WCAG-Kriterien für barrierefreies Webdesign

Barrierefreies Webdesign ist ein essenzielles Element, um eine inklusive digitale Umgebung zu schaffen. Die Web Content Accessibility Guidelines…

Beitrag Weiterlesen

29 Apr. 2025

Barrierefreies Webdesign

3 min zu lesen

Barrierefreies Webdesign: So erreichen Sie alle Nutzer

In einer zunehmend digitalen Welt ist es entscheidend, Websites zu erstellen, die für alle Nutzer zugänglich sind. Barrierefreies…

Beitrag Weiterlesen

24 Apr. 2025

WordPress Technik

3 min zu lesen

WordPress Webhosting: Die besten Anbieter im Vergleich 2023

Die Wahl des richtigen Webhostings ist entscheidend für den Erfolg einer WordPress-Website. In diesem Artikel vergleichen wir die…

Beitrag Weiterlesen

24 Apr. 2025

Barrierefreies Webdesign

4 min zu lesen

Inklusion im Netz: Die Wichtigkeit von barrierefreiem Webdesign

In der heutigen digitalen Welt ist das Internet ein zentraler Bestandteil unseres Lebens. Vom Zugriff auf Informationen über…

Beitrag Weiterlesen

24 Apr. 2025

Barrierefreies Webdesign

4 min zu lesen

Farbkontraste im Webdesign: Der Schlüssel zur Benutzerfreundlichkeit

Farbko

[Content truncated — full version at https://www.purin.at/blog]

---

## Bricksbuilder und generische Dynamic Tags - Christoph Purin {#page-5}

- URL: https://www.purin.at/bricksbuilder-und-generische-dynamic-tags
- Description: Kennst du das? Du möchtest Inhalte auf deiner Bricksbuilder Website dynamisch anzeigen – z. B. Infos zu bestimmten Seiten, Benutzern, Tools oder sogar externe
- Words: 550

Idee & Motivation

Kennst du das? Du möchtest Inhalte auf deiner Bricksbuilder Website dynamisch anzeigen – z. B. Infos zu bestimmten Seiten, Benutzern, Tools oder sogar externe Daten. Doch statt sich durch komplexe Custom Queries, Hooks und Shortcodes zu wühlen, willst du eine elegante Lösung direkt im BricksBuilder?

Mit einer einfachen Syntax wie {name:gruppe:feld:id} kannst du strukturierte Daten flexibel im Content einfügen – ganz ohne komplizierte Abfragen.

Der Denkansatz

Statt jeden Wert manuell abzurufen oder jeden Inhalt individuell zu programmieren, bauen wir ein generisches System:

Modular: Neue Felder & Gruppen lassen sich einfach konfigurieren

Flexibel: Tags können überall verwendet werden (Textfelder, Titel, HTML)

Erweiterbar: Später können Daten auch von einer API oder DB kommen

Struktur & Aufbau

Unser Ziel: Ein simples, aber erweiterbares Fundament.

Schritt 1: Konfiguration – Gruppen & Felder definieren

Zuerst bestimmen wir, welche Datenquelle welche Felder hat. Diese Konfiguration steuert alles:

function get_custom_tag_sources() {
return [
'gruppe1' => [
'label' => 'Beispiel-Gruppe 1',
'endpoint' => 'daten/{id}', // optional – nur zur Demonstration
'fields' => [
'feld1' => 'Feld A',
'feld2' => 'Feld B',
'gruppe2' => [
'label' => 'Beispiel-Gruppe 2',
'endpoint' => 'daten/{id}/details',
'fields' => [
'feldX' => 'Feld X',
'feldY' => 'Feld Y',

Gedanke dahinter:

Statt Inhalte hart zu codieren, geben wir dem System die „Landkarte“ mit – die Felder kennt es dann selbstständig.

Schritt 2: Dynamische Tags registrieren (für Bricks)

Jetzt sagen wir Bricks, welche Tags zur Verfügung stehen – basierend auf der Konfiguration:

add_filter('bricks/dynamic_tags_list', function ($tags) {
foreach (get_custom_tag_sources() as $group_key => $group) {
foreach ($group['fields'] as $field_key => $label) {
$tags[] = [
'name' => '{api:' . $group_key . ':' . $field_key . ':<id>}',
'label' => 'API: ' . $label,
'group' => $group['label'],
return $tags;
});

Gedanke dahinter:

Tags wie {api:gruppe1:feld2:123} werden automatisch zur Auswahl gestellt – kein extra Code nötig pro Feld.

Schritt 3: Einzelne Tags auswerten & rendern

Beim Rendern ersetzen wir das Tag durch einen Beispielwert – in der Praxis könnten hier echte Daten zurückkommen:

add_filter('bricks/dynamic_data/render_tag', function ($tag, $post = null, $context = 'text') {
if (!preg_match('/^{api:([a-z0-9_]+):([a-z0-9_]+):([^}]+)}$/', $tag, $m)) {
return $tag;

[$full, $group, $field, $id] = $m;

return "Demo-Wert für [$group → $field → $id]";
}, 20, 3);

Gedanke dahinter:

Die Logik prüft, ob das Tag der erwarteten Struktur entspricht – und extrahiert dann die relevanten Teile.

Schritt 4: Content automatisch nach Tags durchsuchen

Damit auch Texte, die mehrere Tags enthalten, dynamisch ersetzt werden, fügen wir noch einen Content-Parser hinzu:

add_filter('bricks/dynamic_data/render_content', 'custom_parse_content', 20, 3);
add_filter('bricks/frontend/render_data', 'custom_parse_co

[Content truncated — full version at https://www.purin.at/bricksbuilder-und-generische-dynamic-tags]

---

## Barrierefreies Webdesign Archive - Christoph Purin {#page-6}

- URL: https://www.purin.at/category/barrierefreies-webdesign
- Words: 318

Barrierefreies Webdesign

04 Mai 2025

3 min zu lesen

Tipps zur Erstellung von WCAG-konformen Formularen: Barrierefreiheit im Fokus

Die Barrierefreiheit von Webseiten ist ein essentielles Thema in der digitalen Welt. Besonders wichtig sind dabei die Formulare,…

Beitrag Weiterlesen

Barrierefreies Webdesign

04 Mai 2025

4 min zu lesen

Die 10 besten WCAG Best Practices für barrierefreies Webdesign

Webdesign hat sich in den letzten Jahren stark weiterentwickelt, doch ein Aspekt bleibt unverzichtbar: Barrierefreiheit. Die Web Content…

Beitrag Weiterlesen

Barrierefreies Webdesign

29 Apr. 2025

4 min zu lesen

WCAG Konformitätsstufen: Ein umfassender Überblick

Die WCAG (Web Content Accessibility Guidelines) sind ein entscheidendes Regelwerk, das die Barrierefreiheit von Webinhalten sicherstellen soll. Diese…

Beitrag Weiterlesen

Barrierefreies Webdesign

29 Apr. 2025

4 min zu lesen

Die Top 10 WCAG-Kriterien für barrierefreies Webdesign

Barrierefreies Webdesign ist ein essenzielles Element, um eine inklusive digitale Umgebung zu schaffen. Die Web Content Accessibility Guidelines…

Beitrag Weiterlesen

Barrierefreies Webdesign

29 Apr. 2025

3 min zu lesen

Barrierefreies Webdesign: So erreichen Sie alle Nutzer

In einer zunehmend digitalen Welt ist es entscheidend, Websites zu erstellen, die für alle Nutzer zugänglich sind. Barrierefreies…

Beitrag Weiterlesen

Barrierefreies Webdesign

24 Apr. 2025

4 min zu lesen

Inklusion im Netz: Die Wichtigkeit von barrierefreiem Webdesign

In der heutigen digitalen Welt ist das Internet ein zentraler Bestandteil unseres Lebens. Vom Zugriff auf Informationen über…

Beitrag Weiterlesen

Barrierefreies Webdesign

24 Apr. 2025

4 min zu lesen

Farbkontraste im Webdesign: Der Schlüssel zur Benutzerfreundlichkeit

Farbkontraste spielen eine entscheidende Rolle im Webdesign und beeinflussen maßgeblich die Benutzerfreundlichkeit von Webseiten. Sie helfen nicht nur…

Beitrag Weiterlesen

Barrierefreies Webdesign

24 Apr. 2025

4 min zu lesen

Zugänglichkeit testen: Best Practices für eine inklusive Website

In der heutigen digitalen Welt ist es von entscheidender Bedeutung, dass Websites für alle Benutzer zugänglich sind, unabhängig…

Beitrag Weiterlesen

Barrierefreies Webdesign

23 Apr. 2025

4 min zu lesen

Screenreader-Kompatibilität verbessern: Praxistipps für barrierefreie Webseiten

In einer digitalen Welt, in der Barrierefreiheit immer wichtiger wird, hat die Kompatibilität von Webseiten mit Screenreadern eine…

Beitrag Weiterlesen

Barrierefreies Webdesign

---

## Bricksbuilder Archive - Christoph Purin {#page-7}

- URL: https://www.purin.at/category/bricksbuilder
- Words: 34

Bricksbuilder

16 Apr. 2025

3 min zu lesen

Bricksbuilder und generische Dynamic Tags

Idee & Motivation Kennst du das? Du möchtest Inhalte auf deiner Bricksbuilder Website dynamisch anzeigen – z. B. Infos…

Beitrag Weiterlesen

Bricksbuilder

Code

---

## Code Archive - Christoph Purin {#page-8}

- URL: https://www.purin.at/category/code
- Words: 34

Code

16 Apr. 2025

3 min zu lesen

Bricksbuilder und generische Dynamic Tags

Idee & Motivation Kennst du das? Du möchtest Inhalte auf deiner Bricksbuilder Website dynamisch anzeigen – z. B. Infos…

Beitrag Weiterlesen

Bricksbuilder

Code

---

## Landingpages Archive - Christoph Purin {#page-9}

- URL: https://www.purin.at/category/landingpages
- Words: 35

Landingpages

24 Apr. 2025

4 min zu lesen

Landingpages optimieren: 10 essenzielle Tipps für Marketer und Webdesigne

Eine Landingpage ist oft der erste Kontaktpunkt zwischen Ihrem Unternehmen und potenziellen Kunden. Sie dient dazu, Besucher zu…

Beitrag Weiterlesen

Landingpages

---

## Open Source Archive - Christoph Purin {#page-10}

- URL: https://www.purin.at/category/open-source
- Words: 65

Open Source

01 Feb. 2022

1 min zu lesen

Redirect Script

Script um einfach Umleitungen über eine URL zu realisieren. zb. meine.webseite.at/mein-buch soll umleiten auf eine Amazon Seite. Die…

Beitrag Weiterlesen

Open Source

12 Aug. 2021

Distance Plugin

1 min zu lesen

Distance calculator

Diese Plugin zeigt die Distanz zwischen dem aktuellen Browser Standort und einer definierten Longitude und Latitude an. Ideal,…

Beitrag Weiterlesen

Open Source

---

## WordPress Archive - Christoph Purin {#page-11}

- URL: https://www.purin.at/category/wordpress
- Words: 267

WordPress

02 Mai 2025

2 min zu lesen

WordPress 6.8.1 – Wartungs-Release im Überblick

WordPress 6.8.1 ist ein kurzes Wartungs-Update, veröffentlicht am 30. April 2025. Die Version enthält ausschließlich Bugfixes im Core und…

Beitrag Weiterlesen

WordPress

18 Apr. 2025

2 min zu lesen

WordPress 6.8.0 – Hauptrelease vom 15. April 2025

WordPress 6.8.0, intern als „Cecil“ bezeichnet, wurde am 15. April 2025 veröffentlicht. Die Version richtet sich an die…

Beitrag Weiterlesen

WordPress

14 Feb. 2025

2 min zu lesen

WordPress 6.7.2 – Maintenance Release 

WordPress 6.7.2 wurde am 11. Februar 2025 veröffentlicht. Es handelt sich um ein reines Wartungsupdate ohne neue Funktionen. Schwerpunkt…

Beitrag Weiterlesen

WordPress

22 Nov. 2024

2 min zu lesen

WordPress 6.7.1 – Maintenance Release

WordPress 6.7.1 wurde am 21. November 2024 veröffentlicht. Dabei handelt es sich um ein Maintenance Release, das ausschließlich Fehlerbehebungen…

Beitrag Weiterlesen

WordPress

13 Nov. 2024

3 min zu lesen

WordPress 6.7 

WordPress 6.7 wurde unter dem Codenamen „Rollins“ veröffentlicht und ist ein Major Release mit Schwerpunkt auf Design, Nutzerfreundlichkeit…

Beitrag Weiterlesen

WordPress

19 Juli 2024

3 min zu lesen

WordPress 6.6 „Dorse

WordPress 6.6 trägt den Codenamen „Dorsey“ und wurde am 16. Juli 2024 veröffentlicht. Das Release widmet sich gezielt der…

Beitrag Weiterlesen

WordPress

05 Apr. 2024

3 min zu lesen

WordPress 6.5 („Regina“) 

WordPress 6.5, intern als „Regina“ bezeichnet, ist ein bedeutendes Major Release mit vielen Neuerungen im Bereich Site‑Editor, Design, Performance…

Beitrag Weiterlesen

WordPress

10 Nov. 2023

3 min zu lesen

WordPress 6.4 („Shirley“) 

WordPress 6.4 wurde am 7. November 2023 veröffentlicht und trägt den Codenamen „Shirley“. Die Version bringt zahlreiche Verbesserungen…

Beitrag Weiterlesen

WordPress

11 Aug. 2023

3 min zu lesen

WordPress 6.3 („Lionel“)

WordPress 6.3 wurde unter dem Codenamen „Lionel“ veröffentlicht. Das Major-Update integriert zehn Versionen des Gutenberg-Editors in den Core und…

Beitrag Weiterlesen

WordPress

---

## WordPress Sicherheit Archive - Christoph Purin {#page-12}

- URL: https://www.purin.at/category/wordpress-sicherheit
- Words: 35

WordPress Sicherheit

24 Apr. 2025

4 min zu lesen

Die ultimative Checkliste für die WordPress-Wartung

  WordPress ist eines der flexibelsten und am weitesten verbreiteten Content-Management-Systeme, das es gibt. Um jedoch sicherzustellen, dass…

Beitrag Weiterlesen

WordPress Sicherheit

---

## WordPress Technik Archive - Christoph Purin {#page-13}

- URL: https://www.purin.at/category/wordpress-technik
- Words: 36

WordPress Technik

24 Apr. 2025

3 min zu lesen

WordPress Webhosting: Die besten Anbieter im Vergleich 2023

Die Wahl des richtigen Webhostings ist entscheidend für den Erfolg einer WordPress-Website. In diesem Artikel vergleichen wir die…

Beitrag Weiterlesen

WordPress Technik

---

## Cookie-Richtlinie (EU) - Christoph Purin {#page-14}

- URL: https://www.purin.at/cookie-richtlinie-eu
- Words: 2

Cookie-Richtlinie (EU)

---

## Danke Gratis WordPress Wartungs Plan - Christoph Purin {#page-15}

- URL: https://www.purin.at/danke-gratis-wordpress-wartungs-plan
- Words: 91

Fast geschafft! Dein Plan ist unterwegs in dein Postfach. 📧

In 5 Minuten hast du die Anleitung. Aber Hand aufs Herz: Wirst du diese Liste wirklich jeden Monat diszipliniert abarbeiten? Hast du Lust, dich mit Backups und Datenbank-Fehlern herumzuschlagen, wenn mal ein Update schiefgeht?

Wenn du merkst, dass dir deine Zeit zu schade dafür ist: Ich biete dir meine Profi-Wartung für nur 39€ / Monat an.

Ich übernehme das Risiko.

Ich mache die Arbeit.

Du kümmerst dich um dein Business

Zum Angebot Nein danke, ich mache die Updates selbst.

---

## Danke Kontakt - Christoph Purin {#page-16}

- URL: https://www.purin.at/danke-kontakt
- Words: 24

Vielen Dank für deine Anfrage

Ich melde mich in kürze bei dir.

Um die Wartezeit etwas zu verkürzen =)
Blog öffnen

---

## Danke Wartung - Christoph Purin {#page-17}

- URL: https://www.purin.at/danke-wartung
- Words: 14

Vielen Dank

Ich melde mich innerhalb 24 bis 48 Stunden mit dem angeforderten Report und Empfehlungen.

---

## Datenschutzerklärung - Christoph Purin {#page-18}

- URL: https://www.purin.at/datenschutzerklaerung
- Description: Wir verwenden https um Daten abhörsicher im Internet zu übertragen (Datenschutz durch Technikgestaltung Artikel 25 Absatz 1 DSGVO). Durch den Einsatz von TLS
- Words: 2397

Datenschutzerklärung

Datenschutz

Wir haben diese Datenschutzerklärung (Fassung 07.11.2018-221078224) verfasst, um Ihnen gemäß der Vorgaben der Datenschutz-Grundverordnung (EU) 2016/679 und dem Datenschutzgesetz (DSG) zu erklären, welche Informationen wir sammeln, wie wir Daten verwenden und welche Entscheidungsmöglichkeiten Sie als Besucher dieser Webseite haben.

Leider liegt es in der Natur der Sache, dass diese Erklärungen sehr technisch klingen, wir haben uns bei der Erstellung jedoch bemüht die wichtigsten Dinge so einfach und klar wie möglich zu beschreiben.

TLS-Verschlüsselung mit https

Wir verwenden https um Daten abhörsicher im Internet zu übertragen (Datenschutz durch Technikgestaltung Artikel 25 Absatz 1 DSGVO). Durch den Einsatz von TLS (Transport Layer Security), einem Verschlüsselungsprotokoll zur sicheren Datenübertragung im Internet können wir den Schutz vertraulicher Daten sicherstellen. Sie erkennen die Benutzung dieser Absicherung der Datenübertragung am kleinen Schloßsymbol links oben im Browser und der Verwendung des Schemas https (anstatt http) als Teil unserer Internetadresse.

Cookies

Unsere Website verwendet HTTP-Cookies um nutzerspezifische Daten zu speichern.

Ein Cookie ist ein kurzes Datenpaket, welches zwischen Webbrowser und Webserver ausgetauscht wird, für diese aber völlig bedeutungslos ist und erst für die Webanwendung, z. B. einen Online-Shop, eine Bedeutung erhält, etwa den Inhalt eines virtuellen Warenkorbes.

Es gibt zwei Arten von Cookies: Erstanbieter-Cookies werden von unserer Website erstellt, Drittanbieter-Cookies werden von anderen Websites (z. B. Google Analytics) erstellt.

Beispielhafte Cookiedaten:

Name: _ga

Ablaufzeit: 2 Jahre

Verwendung: Unterscheidung der Webseitenbesucher

Beispielhafter Wert: GA1.2.1326744211.152221078224

Man unterscheidet drei Kategorien von Cookies: unbedingt notwendige Cookies um grundlegende Funktionen der Website sicherzustellen, funktionelle Cookies um die Leistung der Webseite sicherzustellen und zielorientierte Cookies um das Benutzererlebnis zu verbessern.

Wir nutzen Cookies, um unsere Webseite nutzerfreundlicher zu gestalten. Einige Cookies bleiben auf Ihrem Endgerät gespeichert, bis Sie diese löschen. Sie ermöglichen es uns, Ihren Browser beim nächsten Besuch wiederzuerkennen.

Cookie Einstellungen sehen und Cookies löschen

Wenn Sie feststellen möchten, welche Cookies in Ihrem Browser gespeichert wurden, Cookie-Einstellungen ändern oder Cookies löschen möchten, können Sie dies in Ihren Browser-Einstellungen finden:

Safari: Verwalten von Cookies und Websitedaten mit Safari

Firefox: Cookies löschen, um Daten zu entfernen, die Websites auf Ihrem Computer abgelegt haben

Chrome: Cookies in Chrome löschen, aktivieren und verwalten

Internet Explorer: Löschen und Verwalten von Cookies

Wenn Sie die Speicherung von Daten in Cookies nicht wünschen, so können Sie Ihren Browser so einrichten, dass er Sie über das Setzen von Cookies informiert und Sie dies nur im E

[Content truncated — full version at https://www.purin.at/datenschutzerklaerung]

---

## Dein Gratis WordPress Wartungs Plan Download - Christoph Purin {#page-19}

- URL: https://www.purin.at/dein-gratis-wordpress-wartungs-plan-download
- Words: 146

Dein Wartungsplan (Download) + Ein wichtiger Tipp

Willkommen an Bord! Deine Anmeldung hat geklappt.

Hier ist der Link zu deinem WordPress-Wartungsplan (PDF):

Jetzt Wartungsplan herunterladen

Mein Tipp zur Umsetzung: Am besten druckst du dir die Checkliste aus und legst sie neben deinen Schreibtisch. Der wichtigste Punkt ist Schritt 2 (Das Backup) . Bitte überspringe diesen Punkt niemals – ein einziger Fehler beim Update kann sonst deine Seite lahmlegen.

Ich wünsche dir viel Erfolg bei der Umsetzung und eine sichere Website!

Beste Grüße aus dem Montafon,

Christoph

P.S.: Falls du beim Durchgehen der Liste merkst:

„Puh, das ist doch ganz schön viel technischer Aufwand jeden Monat“ …

Schreibe mir einfach eine Mail oder schau dir hier meine Sorglos-Lösung an . Ich übernehme das Risiko und die Arbeit gerne für dich.

Zur Sorglos Lösung Nein danke, ich mache die Updates selbst.

---

## Die 10 besten WCAG Best Practices für barrierefreies Webdesign - Christoph Purin {#page-20}

- URL: https://www.purin.at/die-10-besten-wcag-best-practices-fuer-barrierefreies-webdesign
- Description: Webdesign hat sich in den letzten Jahren stark weiterentwickelt, doch ein Aspekt bleibt unverzichtbar: Barrierefreiheit. Die Web Content Accessibility
- Words: 610

Webdesign hat sich in den letzten Jahren stark weiterentwickelt, doch ein Aspekt bleibt unverzichtbar: Barrierefreiheit. Die Web Content Accessibility Guidelines (WCAG) bieten Richtlinien, um Websites für alle Nutzer zugänglich zu machen, inklusive Menschen mit Behinderungen. In diesem Artikel stelle ich die zehn besten Best Practices vor, um barrierefreies Webdesign effektiv umzusetzen.

1. Strukturierte Inhalte

Eine verständliche und logische Struktur ist das Fundament jeder Webseite. Verwenden Sie HTML-Header-Tags ( <h1> , <h2> , <h3> , etc.), um die Hierarchie Ihrer Inhalte klar zu kennzeichnen. Beispielsweise folgt die Hauptüberschrift ( <h1> ) einem größeren Abschnitt und wird dann durch <h2> für untergeordnete Themen unterteilt.

Beispiel:

<h1>Mein Blog über Barrierefreiheit</h1>

<h2>Einleitung zur barrierefreien Zugänglichkeit</h2>

<h3>Warum ist das wichtig?</h3>

2. Alternative Textbeschreibungen

Bilder sind oft entscheidend für das Design, können aber auch für Menschen mit Sehbehinderung eine Barriere darstellen. Verwenden Sie das alt -Attribut, um eine klare Beschreibung des Bildes bereitzustellen.

Beispiel:

<img src="beispielbild.jpg" alt="Eine Darstellung eines barrierefreien Webdesigns"/>

3. Farbliche Kontraste

Stellen Sie sicher, dass der Farbkontrast zwischen Text und Hintergrund hoch genug ist. Ein Mindestkontrastverhältnis von 4.5:1 wird empfohlen. Tools wie der WebAIM Color Contrast Checker können Ihnen helfen, dies zu überprüfen.

4. Tastaturnavigation

Nicht alle Nutzer verwenden eine Maus, daher sollte Ihre Website vollständig mit der Tastatur bedienbar sein. Alle interaktiven Elemente wie Links und Formulare müssen über die Tabulator-Taste erreichbar sein.

Beispiel:

<a href="#kontakt" tabindex="0">Kontaktieren Sie uns</a>

5. Gut zugängliche Formulare

Formulare sollten klare Labels haben, die den Nutzern helfen, sie richtig auszufüllen. Verwenden Sie das label -Element und verbinden Sie es mit den entsprechenden Eingabefeldern.

Beispiel:

<label for="name">Name:</label>

<input type="text" id="name" name="name" required>

6. Übersichtliche Navigation

Eine intuitive Navigation erhöht die Benutzerfreundlichkeit erheblich. Verwenden Sie eine klare Menüstruktur, die sowohl visuell als auch von Screenreadern gut erfasst werden kann.

7. Zeitgebundene Inhalte

Wenn Ihr Inhalt zeitabhängig ist, z. B. Videos oder Animationen, stellen Sie sicher, dass Nutzer genügend Zeit haben, um die Informationen zu erfassen. Bieten Sie die Möglichkeit, Zeitlimits zu verlängern oder Inhalte anzuhalten.

8. ARIA-Rollen verwenden

Verwenden Sie ARIA-Rollen (Accessible Rich Internet Applications), um Screenreadern zusätzliche Informationen über den Zweck eines Elements zu geben. Dies ist besonders nützlich für komplexe Elemente wie Dropdown-Menüs oder modale Fenster.

Beispiel:

<div role="dialog" aria-labelledby="dialog-title">

<h2 id="dialog-title">Willkommen im Dialog</h2>

<p>Hier sind weitere Informationen...</p>

</div>

9. Mobi

[Content truncated — full version at https://www.purin.at/die-10-besten-wcag-best-practices-fuer-barrierefreies-webdesign]

---

## Die Top 10 WCAG-Kriterien für barrierefreies Webdesign - Christoph Purin {#page-21}

- URL: https://www.purin.at/die-top-10-wcag-kriterien-fuer-barrierefreies-webdesign
- Description: Barrierefreies Webdesign ist ein essenzielles Element, um eine inklusive digitale Umgebung zu schaffen. Die Web Content Accessibility Guidelines (WCAG) bieten
- Words: 708

Barrierefreies Webdesign ist ein essenzielles Element, um eine inklusive digitale Umgebung zu schaffen. Die Web Content Accessibility Guidelines (WCAG) bieten einen Rahmen, um Websites so zu gestalten, dass sie für alle Benutzer zugänglich sind, einschließlich Menschen mit Behinderungen. In diesem Artikel finden Sie die zehn wichtigsten WCAG-Kriterien und praxisnahe Tipps zur Implementierung.

1. Wahrnehmbarkeit

Tipps:

Alternativtexte für Bilder : Jedes Bild sollte mit einem alternativen Text versehen werden, der dessen Inhalt oder Funktion beschreibt. Beispiel: Ein Bild von einem Hund könnte den alt-Text "Labrador Retriever, der im Park spielt" haben.

Klarer Kontrast : Achten Sie auf ausreichenden Kontrast zwischen Text und Hintergrund. Verwenden Sie Tools wie den WebAIM-Kontrastprüfer, um sicherzustellen, dass Ihr Text gut lesbar ist.

2. Bedienbarkeit

Tipps:

Tastaturfreundlichkeit : Stellen Sie sicher, dass alle interaktiven Elemente wie Formulare und Links mit der Tastatur erreichbar sind. Dies ist besonders wichtig für Benutzer, die keine Maus verwenden können.

Intuitive Navigation : Gestalten Sie die Navigation klar und konsistent. Verwenden Sie Hauptmenüs, Untermenüs und eine klare Seitenhierarchie.

3. Verständlichkeit

Tipps:

Klare Sprache : Verwenden Sie einfache und klare Sprache. Vermeiden Sie Fachbegriffe oder Erklärungen, die nicht allgemein bekannt sind.

Strukturierte Inhalte : Nutzen Sie Überschriften (H1, H2, H3) sinnvoll, um den Text zu gliedern. Dies hilft nicht nur bei der Lesbarkeit, sondern erleichtert auch Screen-Reader-Nutzern das Verständnis der Struktur.

4. Robustheit

Tipps:

Semantisches HTML : Verwenden Sie HTML-Elemente entsprechend ihrem Zweck. Zum Beispiel sollte ein Artikel in ein <article> -Tag eingefasst werden, während ein Navigationsbereich innerhalb eines <nav> -Tags stehen sollte.

Barrierefreiheitstests : Führen Sie regelmäßig Tests mit Screen-Readern (z.B. JAWS, NVDA) durch, um zu überprüfen, wie gut Ihre Seite für diese Technologien funktioniert.

5. Zeitbasierte Medien

Tipps:

Untertitel und Transkripte : Fügen Sie für Videos Untertitel hinzu und stellen Sie Transkripte für Audioinhalte zur Verfügung, um sicherzustellen, dass auch gehörlose oder schwerhörige Benutzer verstehen, was vermittelt wird.

Audio-Beschreibungen : Bei Videos sollten zusätzlich Audio-Beschreibungen integriert werden, die wichtige visuelle Informationen vermitteln.

6. Kontrastverhältnisse

Tipps:

Minimaler Kontrast : Der Kontrast zwischen Text und Hintergrund sollte mindestens 4,5:1 betragen. Für große Textinhalte (ab 18 Punkt) sollte der Kontrast mindestens 3:1 betragen.

Tools zur Analyse : Nutzen Sie Tools wie den Color Contrast Analyzer, um die Lesbarkeit Ihrer Farbwahl zu prüfen.

7. Fehlervermeidung

Tipps:

Eingabeverifizierung : Implementieren Sie klare und unterstützende Fehlermeldungen in Formulardialogen. Beispielsweise sollte bei einer fehlerhaften E-Mail-Adresse erklärt werden, was genau falsch ist und wie 

[Content truncated — full version at https://www.purin.at/die-top-10-wcag-kriterien-fuer-barrierefreies-webdesign]

---

## Die ultimative Checkliste für die WordPress-Wartung - Christoph Purin {#page-22}

- URL: https://www.purin.at/die-ultimative-checkliste-fuer-die-wordpress-wartung
- Description: WordPress ist eines der flexibelsten und am weitesten verbreiteten Content-Management-Systeme, das es gibt. Um jedoch sicherzustellen, dass Ihre
- Words: 691

WordPress ist eines der flexibelsten und am weitesten verbreiteten Content-Management-Systeme, das es gibt. Um jedoch sicherzustellen, dass Ihre WordPress-Website reibungslos funktioniert und vor Sicherheitsrisiken geschützt ist, ist eine regelmäßige Wartung unerlässlich. In diesem Artikel finden Sie eine umfassende Checkliste für die Wartung Ihrer WordPress-Website, die Ihnen hilft, die Leistung zu optimieren und potenzielle Probleme frühzeitig zu erkennen.

1. Regelmäßige Updates durchführen

1.1 WordPress-Core aktualisieren

Stellen Sie sicher, dass Sie regelmäßig auf die neueste Version von WordPress aktualisieren. Dies umfasst Sicherheitsupdates, neue Funktionen und Verbesserung der Benutzererfahrung.

Beispiel: Wenn Sie eine Benachrichtigung im Dashboard erhalten, dass ein Update verfügbar ist, klicken Sie auf „Jetzt aktualisieren“.

1.2 Plugins und Themes aktualisieren

Plugins und Themes sind häufig Ziel von Hackern. Halten Sie sie stets auf dem neuesten Stand, um Sicherheitslücken zu schließen.

Beispiel: Gehen Sie im Dashboard zu „Plugins“ und „Themes“, um nach verfügbaren Updates zu suchen. Aktualisieren Sie alle, die nicht mehr die neueste Version haben.

2. Regelmäßige Backups erstellen

2.1 Manuelle Backups

Erstellen Sie regelmäßig vollständige Backups Ihrer Website. Dies umfasst Daten und Dateien, um im Falle eines Problems wiederherzustellen, was verloren gegangen ist.

Beispiel: Verwenden Sie Plugins wie UpdraftPlus oder VaultPress, die sowohl manuelle als auch automatische Backups ermöglichen.

2.2 Automatische Backups

Planen Sie automatische Backups, die auf einem externen Speicherplatz wie Google Drive oder AWS gespeichert werden.

Beispiel: Konfigurieren Sie UpdraftPlus so, dass täglich ein Backup Ihrer Website erstellt wird.

3. Sicherheitsüberprüfung

3.1 Sicherheitsplugins installieren

Nutzen Sie Sicherheitsplugins wie Wordfence oder Sucuri, um Ihre Website regelmäßig auf Malware und Sicherheitsrisiken zu überprüfen.

Beispiel: Installieren Sie Wordfence und führen Sie einen vollständigen Sicherheits-Scan durch, um potenzielle Bedrohungen zu identifizieren.

3.2 Zwei-Faktor-Authentifizierung aktivieren

Erhöhen Sie die Sicherheit Ihrer Login-Seite durch Aktivierung der Zwei-Faktor-Authentifizierung (2FA).

Beispiel: Verwenden Sie Plugins wie Google Authenticator, um 2FA für alle Benutzerkonten einzurichten.

4. Performanzüberprüfung

4.1 Website-Geschwindigkeit testen

Verwenden Sie Tools wie Google PageSpeed Insights oder GTmetrix, um die Geschwindigkeit Ihrer Website zu überprüfen.

Beispiel: Führen Sie einen Speed-Test auf Ihrer Website durch und beheben Sie die empfohlenen Optimierungsvorschläge.

4.2 Caching aktivieren

Nutzen Sie Caching-Plugins wie W3 Total Cache oder WP Super Cache, um die Ladezeit Ihrer Seite zu reduzieren.

Beispiel: Installieren und aktivieren Sie W3 Total Cache, und konfigurieren Sie die Einstellungen für Page Caching und Browser Caching.

5. Datenbank reinigen

5.1 Unnötige Daten löschen

E

[Content truncated — full version at https://www.purin.at/die-ultimative-checkliste-fuer-die-wordpress-wartung]

---

## Distance calculator - Christoph Purin {#page-23}

- URL: https://www.purin.at/distance-calculator
- Description: Diese Plugin zeigt die Distanz zwischen dem aktuellen Browser Standort und einer definierten Longitude und Latitude an. Ideal, wenn eine Distanz ausgegeben
- Words: 75

Diese Plugin zeigt die Distanz zwischen dem aktuellen Browser Standort und einer definierten Longitude und Latitude an.

Ideal, wenn eine Distanz ausgegeben werden muss. Die Distanz wird anhand der Haversine Formel ermittelt.

Download

mögen diesen Artikel.

Verfasst am 12. August 2021

Geänert 29. April 2025

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## Erklärung zur Barrierefreiheit - Christoph Purin {#page-24}

- URL: https://www.purin.at/erklaerung-zur-barrierefreiheit
- Description: Bei Web-Beratung & Webentwicklung Purin ist digitale Barrierefreiheit ein zentrales Anliegen. Wir sind bestrebt, unsere Website www.purin.at so zu
- Words: 182

Erklärung zur Barrierefreiheit

Bei Web-Beratung & Webentwicklung Purin ist digitale Barrierefreiheit ein zentrales Anliegen. Wir sind bestrebt, unsere Website www.purin.at so zu gestalten, dass sie für möglichst viele Menschen – unabhängig von individuellen Einschränkungen – zugänglich und nutzbar ist.

Stand der Vereinbarkeit mit den Anforderungen

Diese Website orientiert sich an den Richtlinien für barrierefreie Webinhalte (WCAG 2.2), Konformitätsstufe AA. Nach interner Prüfung ist die Website größtenteils konform mit diesen Anforderungen.

Die Bewertung der Barrierefreiheit erfolgte anhand einer ausgewählten Stichprobe durch uns. Dabei wurden sowohl automatisierte Prüfwerkzeuge als auch manuelle Testverfahren eingesetzt – unter anderem mit Tastatursteuerung und Screenreader-Software.

Maßnahmen zur Sicherstellung der Barrierefreiheit

Semantisch korrektes HTML und responsives Design

Farbkontraste und Schriftgrößen angepasst

Tastaturbedienbarkeit und Screenreader-Kompatibilität

Einsatz von Tools wie WAVE und manuellen Tests mit NVDA

Bekannte mögliche Einschränkungen

Einzelne Bilder haben noch keine Alternativtexte, welche aber nicht notwendig sind.

Feedback und Kontakt

Sollten Ihnen Barrieren auffallen oder haben Sie Anregungen zur Verbesserung, kontaktieren Sie uns bitte:

E-Mail: [email protected]

Letzte Aktualisierung: 14. Mai 2025

---

## Farbkontraste im Webdesign: Der Schlüssel zur Benutzerfreundlichkeit - Christoph Purin {#page-25}

- URL: https://www.purin.at/farbkontraste-im-webdesign-der-schluessel-zur-benutzerfreundlichkeit
- Description: Farbkontraste spielen eine entscheidende Rolle im Webdesign und beeinflussen maßgeblich die Benutzerfreundlichkeit von Webseiten. Sie helfen nicht nur dabei,
- Words: 672

Farbkontraste spielen eine entscheidende Rolle im Webdesign und beeinflussen maßgeblich die Benutzerfreundlichkeit von Webseiten. Sie helfen nicht nur dabei, visuelle Hierarchien zu schaffen, sondern tragen auch zur Zugänglichkeit bei. In diesem Artikel werden wir uns eingehend mit dem Thema Farbkontraste befassen und praxisnahe Tipps geben, um die Benutzerfreundlichkeit Ihrer Webseite zu verbessern.

Was sind Farbkontraste?

Farbkontraste beziehen sich auf die Unterschiede in der Helligkeit und Farbton zwischen zwei Farben. Ein starker Farbkontrast erleichtert es den Nutzern, Informationen schnell zu erfassen, während ein schwacher Farbkontrast dazu führen kann, dass Inhalte schwer lesbar oder unentdeckbar sind.

Beispiele für Farbkontraste

Ein klassisches Beispiel für einen effektiven Farbkontrast ist der Einsatz von Schwarz auf Weiß oder Weiß auf Schwarz. Diese Kombination bietet einen hohen Kontrast und sorgt dafür, dass Texte gut lesbar sind. Ein weiteres Beispiel ist die Verwendung von hellen Farben auf dunklen Hintergründen, die oft in modernen Webdesigns zu sehen sind.

Die Bedeutung von Farbkontrasten für die Benutzerfreundlichkeit

Hohe Farbkontraste tragen dazu bei, dass Nutzer Inhalte schneller wahrnehmen und verstehen können. Dies ist besonders wichtig für:

Lesbarkeit von Texten : Ein hoher Kontrast zwischen Text und Hintergrund verbessert die Lesbarkeit und verringert die Augenbelastung.

Navigationsklarheit : Kontraste helfen, Navigationselemente hervorzuheben, was die Benutzerführung auf der Webseite erleichtert.

Zugänglichkeit : Für Menschen mit Sehbehinderungen ist ein klarer Farbkontrast entscheidend, um die Webseite navigieren zu können.

Farbkontrast und Barrierefreiheit

Das Web Content Accessibility Guidelines (WCAG) setzt Standards für den Farbkontrast, um sicherzustellen, dass Webseiten für alle Nutzer, einschließlich Menschen mit Behinderungen, zugänglich sind. Die WCAG empfiehlt einen Mindestkontrastverhältnis von 4,5:1 für normalen Text und 3:1 für großen Text.

Tipps für die Auswahl von Farben und Kontrasten im Webdesign

1. Verwenden Sie Farbkontrast-Tools

Nutzen Sie Online-Tools wie den WebAIM Contrast Checker , um den Kontrast zwischen Ihrem Text und dem Hintergrund zu überprüfen. Geben Sie einfach die Hex-Codes der Farben ein, um zu sehen, ob sie den WCAG-Anforderungen entsprechen.

2. Wählen Sie eine Farbpalette mit Bedacht

Bei der Auswahl Ihrer Farbpalette sollten Sie Kontraste in verschiedenen Bereichen berücksichtigen:

Primärfarbe : Verwenden Sie eine auffällige Primärfarbe für wichtige Akzente, wie Call-to-Action-Buttons.

Sekundärfarben : Diese sollten harmonisch zur Primärfarbe passen, jedoch ausreichend Kontrast bieten.

Beispiel: Eine Kombination aus einem tiefen Blau (Primär) und einem hellen Gelb (Sekundär) kann ansprechend und gut lesbar sein.

3. Berücksichtigen Sie Farbschwächen

Berücksichtigen Sie die häufigsten Formen von Farbenblindheit, wie Rot-Grün-Schwäche, und testen Sie Ihre Farbwahl m

[Content truncated — full version at https://www.purin.at/farbkontraste-im-webdesign-der-schluessel-zur-benutzerfreundlichkeit]

---

## White Label WordPress für Agenturen | Technik auslagern {#page-26}

- URL: https://www.purin.at/fuer-agenturen
- Description: Konzentriert euch auf Design & Kunden: Ich übernehme Updates & Entwicklung im Hintergrund. 100% unsichtbar, zuverlässig & faire Marge. 🤝 Partner werden.
- Words: 517

WordPress Expert seit 2005

Eure externe Technik-Abteilung auf Abruf.

Ich bin der spezialisierte White-Label Partner für Agenturen, die skalieren wollen. Ihr kümmert euch um Design & Kunden, ich sorge dafür, dass im Maschinenraum alles läuft. Leise, unsichtbar und absolut zuverlässig.

Partner werden

Technik sollte eure Marge nicht auffressen.

Hand aufs Herz: Verdient ihr an der Wartung wirklich Geld? Oder ist es ein notwendiges Übel, das eure Kreativen von der Arbeit abhält?

Lösung: Ich übernehme das Risiko und die Arbeit. Ihr behaltet den Kunden und die Marge.

WordPress-Entwicklung für Agenturen

Neben Wartung biete ich individuelle WordPress-Entwicklung als White-Label-Service an:

Erstellung & Anpassung von Themes und Plugins

Barrierefreie Webentwicklung nach WCAG 2.2

Integration von Shops (z. B. WooCommerce, einfache Formular Lösungen)

Technische Umsetzung von Agentur-Designs

Individuelle Features & Speziallösungen

Ihr liefert Konzept & Design – ich sorge für die technische Umsetzung.

Fairer Agentur-Tarif ab 80€ / Stunde.

Diese Agenturen vertrauen mir

Warum Agenturen mich nicht mehr hergeben.

Mehr Zeit für Projekte

Ihr könnt euch auf Design, SEO oder Marketing konzentrieren, während ich mich um Updates & Backups kümmere.

Diskretion

White-Label ohne Erwähnung meines Namens.

Zufriedenere Kunden

Weniger Ausfälle, weniger Anrufe, weniger Stress – dafür mehr Vertrauen.

Flexibilität

Einzelprojekte oder laufende Wartung.

Erfahrung

Spezialisierung auf WordPress & barrierefreie Umsetzung.

Mein Wartungsservice für Agenturen

Ich übernehme für euch:

Updates von WordPress, Themes und Plugins

Regelmäßige Backups auf externer Infrastruktur

Sicherheits-Checks und Monitoring

Fehlerbehebung bei Update-Problemen

Updates innerhalb von 72 Stunden ab Veröffentlichung.

Bei schwerwiegenden Fehlern auch an Sonn- und Feiertagen erreichbar.

Voller Zugriff auf die Backupdateien.

DSGVO-konform in Deutschland gehostet.

Ab 29 € / netto pro Website und Monat. 

Optional:

White-Label Service

Performance-Optimierung und Support-Zeit (je nach Paket)

Technik, auf die ihr euch verlassen könnt

Wie funktioniert die Wartung?

Ich betreibe die Wartung zentral über meinen eigenen Server.

Dort werden Updates gesammelt verwaltet und koordiniert ausgerollt.

Alle Änderungen sind dabei durch regelmäßige Backups und Sicherheitsmaßnahmen abgesichert – falls doch ein Problem auftritt, kann ich die Website jederzeit schnell wiederherstellen.

Wo liegen die Daten?

Eigener Server ausschließlich für Wartungen und Verwaltung

Alle Server-Standorte bei Hetzner in Deutschland

Backups auf einer S3-Instanz bei Hetzner

Zusätzlich automatische Synchronisation nach Vorarlberg auf einen lokalen Server

Bei Bedarf kann ich das aktuelle Backup jederzeit als Datei aushändigen – auf Wunsch auch als sicherer Download-Link oder verschlüsselter Datenträger.

Wie sicher sind die Daten?

Mehrere Schutzmechanismen sichern jede Übertragung.

Die Datenbank wird verschlüsse

[Content truncated — full version at https://www.purin.at/fuer-agenturen]

---

## Impressum - Christoph Purin {#page-27}

- URL: https://www.purin.at/impressum
- Description: Informationspflicht laut §5 E-Commerce Gesetz, §14 Unternehmensgesetzbuch, §63 Gewerbeordnung und Offenlegungspflicht laut §25 Mediengesetz.
- Words: 126

Impressum

Informationspflicht laut §5 E-Commerce Gesetz, §14 Unternehmensgesetzbuch, §63 Gewerbeordnung und Offenlegungspflicht laut §25 Mediengesetz.

Web-Beratung & Entwicklung Purin e.U.

Christoph Purin

Buxwaldstr. 5a,

6781 Bartholomäberg,

Österreich

Tel.:  +43 660 744 13 58

E-Mail:   [email protected]

Firmenbuchnummer:  657211m

Firmenbuchgericht:  Feldkirch

Firmensitz:  6781 Bartholomäberg

Unternehmensgegenstand:  Dienstleistungen in der automatischen Datenverarbeitung und Informationstechnik

UID-Nummer: ATU77057649

GLN (Global Location Number):  9110037927445

GISA (Gewerbeinformationssystem Austria):  31314473

Mitglied bei:  WKO – Vorarlberg

Berufsrecht:  www.ris.bka.gv.at

Aufsichtsbehörde:

Bezirkshauptmannschaft Bludenz

Berufsbezeichnung:  Webentwickler

Verleihungsstaat:  Österreich

Datenschutz Verantwortlicher

Christoph Purin

Buxwaldstr. 5a

6781 Bartholomäberg

Bildernachweis

Die Bilder, Fotos und Grafiken auf dieser Webseite sind urheberrechtlich geschützt.

Alle Texte sind urheberrechtlich geschützt.

Quelle: Erstellt mit dem  Impressum Generator  von AdSimple

WKO Mitglied

---

## Inklusion im Netz: Die Wichtigkeit von barrierefreiem Webdesign - Christoph Purin {#page-28}

- URL: https://www.purin.at/inklusion-im-netz-die-wichtigkeit-von-barrierefreiem-webdesign
- Description: In der heutigen digitalen Welt ist das Internet ein zentraler Bestandteil unseres Lebens. Vom Zugriff auf Informationen über Online-Shopping bis hin zu
- Words: 746

In der heutigen digitalen Welt ist das Internet ein zentraler Bestandteil unseres Lebens. Vom Zugriff auf Informationen über Online-Shopping bis hin zu virtuellen Meetings – die digitale Teilhabe ist für alle von großer Bedeutung. Doch viele Menschen stoßen beim Surfen im Internet auf massive Barrieren, die ihnen den Zugang erschweren oder ganz verwehren. In diesem Artikel befassen wir uns mit dem Thema Inklusion im Netz und zeigen die Wichtigkeit von barrierefreiem Webdesign auf. Zudem geben wir praxisnahe Tipps zur Umsetzung.

Was ist Barrierefreiheit im Web?

Barrierefreiheit im Web bedeutet, dass Websites und digitale Inhalte so gestaltet sind, dass sie von allen Menschen genutzt werden können, unabhängig von ihren individuellen Fähigkeiten oder Behinderungen. Dazu gehören beispielsweise Menschen mit Seh- oder Hörbehinderungen, motorischen Einschränkungen, kognitiven Beeinträchtigungen oder temporären Einschränkungen (z.B. durch Verletzungen).

Die gesetzlichen Rahmenbedingungen

In vielen Ländern, darunter auch Deutschland, gibt es gesetzliche Vorgaben zur Barrierefreiheit im Internet. In Deutschland verpflichtet das „Gesetz über die Gleichstellung von Menschen mit Behinderungen“ (BGG) öffentliche Stellen dazu, ihre Online-Angebote barrierefrei zu gestalten. Ähnliche Regelungen gelten auch für die EU, in Form der Web Content Accessibility Guidelines (WCAG), die Standards für die barrierefreie Gestaltung von Webinhalten festlegen.

Die Vorteile von barrierefreiem Webdesign

Die Umsetzung von barrierefreiem Webdesign bietet nicht nur einen rechtlichen und moralischen Gewinn, sondern hat auch viele positive Auswirkungen auf die Nutzererfahrung und die Reichweite Ihrer Website.

Höhere Reichweite und Nutzerzahlen

Ein barrierefreies Webdesign ermöglicht es einer breiteren Zielgruppe, Ihre Inhalte zu nutzen. Menschen mit Behinderungen machen einen signifikanten Teil der Bevölkerung aus – in Deutschland sind das schätzungsweise 10 bis 15 Millionen. Wenn Ihre Website für diese Gruppe zugänglich ist, können Sie Ihre Reichweite erheblich erhöhen.

Verbesserung der Nutzererfahrung

Barrierefreies Webdesign verbessert die allgemeine Nutzererfahrung. Oftmals profitieren auch Nutzer ohne Behinderungen von den umzusetzen Strategien. Beispielsweise erleichtern klare Navigation, strukturierte Inhalte und responsive Designs die Nutzung der Website für alle.

Positive Auswirkungen auf SEO

Suchmaschinen optimieren zunehmend ihre Algorithmen, um benutzerfreundliche Websites zu bevorzugen. Barrierefreie Inhalte, wie klare Überschriften und alternative Textbeschreibungen für Bilder, fördern nicht nur die Zugänglichkeit, sondern auch die Auffindbarkeit über Suchmaschinen.

Praxisnahe Tipps für barrierefreies Webdesign

Um sicherzustellen, dass Ihre Website barrierefrei ist, sollten Sie folgende Tipps berücksichtigen:

1. Klare Struktur und Navigation

Überschriften verwenden : Nutzen Sie HTML-Überschriften (H1, H2, H3 usw.) zur Gliederung Ihrer Inhalte. Dadurch w

[Content truncated — full version at https://www.purin.at/inklusion-im-netz-die-wichtigkeit-von-barrierefreiem-webdesign]

---

## KI - Berater - Christoph Purin {#page-29}

- URL: https://www.purin.at/ki-berater
- Words: 10

Limbic-Design-Check:

Analysiert Webdesigns basierend auf dem Limbic-Modell.

Session: Neu...

Senden

---

## Kontakt - Christoph Purin {#page-30}

- URL: https://www.purin.at/kontakt
- Description: Sie benötigen Unterstützung rund um WordPress? Oder haben Sie Fragen, dann kontaktieren Sie mich. 
- Words: 124

Lass uns dein Projekt starten.

Du hast Fragen zu WordPress, Sicherheit oder Barrierefreiheit? Schreib mir einfach. Ich beiße nicht und antworte in der Regel innerhalb von 24 Stunden.

Nachricht senden

Web-Beratung & Entwicklung Purin e.U.

Christoph Purin

Buxwaldstr. 5a

6781 Bartholomäberg

Telefonische Kernzeit:

10:00 – 15:00 Uhr

Tel.: 0660 744 13 58

Mail: [email protected]

Name

E-Mail

Telefon

Nachricht

Datenschutzrechtlicher Hinweis Wir verarbeiten Deine hier im Formular eingegebenen Daten zur Anfragebeantwortung und berufen uns hierbei auf den Rechtfertigungsgrund der Vertragserfüllung nach Art 6 Abs 1b DSGVO. Weitere Informationen zur Datenverarbeitung .

Nachricht abschicken

Kostenlos & unverbindlich 

So geht es weiter

Ich schaue mir deine Nachricht an.

Wenn nötig, stelle ich Rückfragen oder wir machen einen kurzen Call aus.

Du bekommst eine ehrliche Einschätzung oder ein Angebot – kostenlos & unverbindlich .

---

## Landingpages optimieren: 10 essenzielle Tipps für Marketer und Webdesigne - Christoph Purin {#page-31}

- URL: https://www.purin.at/landingpages-optimieren-10-essenzielle-tipps-fuer-marketer-und-webdesigne
- Description: Eine Landingpage ist oft der erste Kontaktpunkt zwischen Ihrem Unternehmen und potenziellen Kunden. Sie dient dazu, Besucher zu einer bestimmten Aktion zu
- Words: 746

Eine Landingpage ist oft der erste Kontaktpunkt zwischen Ihrem Unternehmen und potenziellen Kunden. Sie dient dazu, Besucher zu einer bestimmten Aktion zu bewegen, sei es die Anmeldung für einen Newsletter, der Kauf eines Produkts oder das Anfordern weiterer Informationen. In diesem Artikel geben wir praxisnahe Tipps, die Marketer, Webdesigner und Unternehmer bei der Erstellung und Optimierung ihrer Landingpages unterstützen.

1. Was ist eine Landingpage?

Eine Landingpage (oder Zielseite) ist eine spezifische Webseite, die darauf ausgelegt ist, den Benutzer zu einer bestimmten Handlung zu bewegen. Im Gegensatz zu einer normalen Webseite ist die Landingpage fokussiert und oft ohne Ablenkungen gestaltet. Ihr Ziel ist es, die Konversionsrate zu maximieren.

2. Die Dos und Don’ts beim Design

Dos

Klares und ansprechendes Design : Verwenden Sie ein minimalistisches Layout, das die wesentlichen Informationen und den Call-to-Action (CTA) in den Vordergrund stellt.

Responsive Design : Achten Sie darauf, dass Ihre Landingpage auf allen Geräten gut aussieht, insbesondere auf Smartphones.

Visuelle Hierarchie : Setzen Sie Farben, Schriftgrößen und Abstände gezielt ein, um wichtige Informationen hervorzuheben.

Don’ts

Überladen Sie die Seite nicht : Vermeiden Sie unnötige Informationen oder aufdringliche Grafiken, die den Besucher ablenken könnten.

Schlechte Navigation : Geben Sie den Nutzern keine Möglichkeit, sich von der Seite abzulenken. Vermeiden Sie Links zu anderen Seiten auf Ihrer Landingpage.

3. Die Wichtigkeit einer starken Headline

Die Headline ist das erste, was Besucher sehen. Sie sollte:

Aufmerksamkeit erregen : Verwenden Sie ansprechende Formulierungen und relevante Informationen.

Relevanz zeigen : Klingen Sie in Ihrer Headline die Bedürfnisse und Wünsche Ihrer Zielgruppe an.

Klarheit bieten : Stellen Sie sicher, dass der Nutzen klar und verständlich erklärt wird.

4. Emotionaler und rationaler Nutzen

Eine erfolgreiche Landingpage spricht sowohl die Emotionen als auch die rationalen Überlegungen der Besucher an. Dies können Sie erreichen durch:

Emotionale Ansprache : Verwenden Sie Geschichten oder Testimonials, die eine Verbindung schaffen.

Rationale Argumentation : Präsentieren Sie Fakten, Statistiken und Vorteile Ihres Angebots klar und prägnant.

5. Der Call-to-Action: Der Schlüssel zum Erfolg

Der Call-to-Action (CTA) ist entscheidend für die Konversion. Um einen effektiven CTA zu erstellen, beachten Sie:

Auffälligkeit : Nutzen Sie kontrastierende Farben und große Buttons, die ins Auge fallen.

Handlungsorientierte Sprache : Verwenden Sie aktive Formulierungen wie „Jetzt kaufen“ oder „Hier anmelden“.

Platzierung : Positionieren Sie den CTA mehrmals auf der Seite, besonders oben und unten.

6. Vertrauenswürdigkeit und Glaubwürdigkeit aufbauen

Um das Vertrauen der Besucher zu gewinnen, sollten Sie:

Zertifikate und Auszeichnungen : Zeigen Sie relevante Zertifikate und Auszeichnungen an.

Kundenbewertungen : Integrieren Sie po

[Content truncated — full version at https://www.purin.at/landingpages-optimieren-10-essenzielle-tipps-fuer-marketer-und-webdesigne]

---

## Website neu & barrierefrei – einfach, leistbar, gesetzeskonform - Christoph Purin {#page-32}

- URL: https://www.purin.at/leistungen/website-neu-barrierefrei-einfach-leistbar-gesetzeskonform
- Words: 784

Webseiten Barrierefrei, zugänglich für alle

Barrierefreie Website ab 100 € im Monat – gesetzeskonform und leistbar

1,4 Millionen Menschen in Österreich leben mit Behinderungen – das sind 17 % der Bevölkerung.

Aber Barrierefreiheit betrifft weit mehr:

Menschen mit Sehschwächen

motorische Einschränkungen

temporäre Beeinträchtigungen (Unfall, Krankheit)

Digitale Barrierefreiheit ist nicht nur Pflicht, sondern macht jede Website für alle besser nutzbar.

Paketen Anfrage schreiben

Barrierefreiheit ist kein „Extra“

Barrierefreiheit ist kein Zusatzfeature, sondern gute Gestaltung.

Eine klare Struktur, gut lesbare Texte, logische Navigation und verständliche Inhalte machen jede Website inklusive und professionell .

Barrierefreiheit bedeutet nicht mehr Aufwand – sie steht für Qualität, Weitblick und Respekt (A11Y³) .

Klare Struktur

Einfach zu navigieren

Gut lesbare Texte

Für alle verständlich

Logische Navigation

Orientierung ohne Hürden

Verständliche Inhalte

Inklusiv & professionell

Barrierefreiheit = A11Y³ – Qualität · Weitblick · Respekt

Seit 28. Juni 2025 Pflicht: Das Barrierefreiheitsgesetz (BaFG)“

Das neue Barrierefreiheitsgesetz verpflichtet auch kleinere Unternehmen:

ab 10 Mitarbeitenden oder

ab 2 Mio. € Jahresumsatz

Wer Websites nicht barrierefrei anbietet, riskiert rechtliche Probleme und Wettbewerbsnachteile.

Weitere Informationen bei der WKO

Dein Weg zur barrierefreien Website – in drei maßgeschneiderten Paketen.

Egal ob kleines Unternehmen, wachsender Betrieb oder komplexer Online-Shop:

Ich biete dir eine Lösung, die leistbar, rechtssicher und praxisnah ist.

Alle Pakete beinhalten den Neubau deiner Website in barrierefreier Form , inklusive klarer Struktur, angepasster Texte und besserer Nutzbarkeit – für alle Besucher.

Zusätzlich sind laufende Wartung, Updates und Backups bereits inkludiert, damit deine Website dauerhaft sicher und stabil bleibt.

Du zahlst keine hohen Einmalkosten, sondern einen fixen monatlichen Betrag über 36 Monate .

So wird Barrierefreiheit einfach, planbar und zukunftssicher .

Welches Paket passt zu dir?

Start

nach WCAG 2.2 AA

Für kleine Websites und Einzelunternehmen

100 € / Monat

+ 290 € Setup

fertig in 2 bis 4 Wochen

Nachbau deiner bestehenden Website in barrierefreier Form

Maximal 5 Seiten

Verbesserungen (Kontraste, Lesbarkeit, Navigation, Überschriftstrukturen, ...)

Texte angepasst

Wartung & Updates inkludiert

Barrierefrei starten

Business

nach WCAG 2.2 AA

Für KMU und

wachsende Webseiten

180 € / Monat

+ 450 € Setup

fertig in 3 bis 6 Wochen

Barrierefreier Nachbau deiner Website

Maximal 15 Unterseiten

Verbesserungen im UX & Design

Texte geprüft und angepasst (Lesbarkeit, leichte Sprache)

Wartung & Updates inkludiert

Barrierefrei werden

Premium

nach WCAG 2.2 AA

Für Shops und große Unternehmensseiten

ab 250 € / Monat

+ 580 € Setup

fertig in 6 bis 10 Wochen

Barrierefreier Neubau für Shops & große Websites

Verbesserungen + Relaunch-Optimierung

Geeignet fü

[Content truncated — full version at https://www.purin.at/leistungen/website-neu-barrierefrei-einfach-leistbar-gesetzeskonform]

---

## WordPress Optimierung - Christoph Purin {#page-33}

- URL: https://www.purin.at/leistungen/wordpress-optimierung
- Words: 29

WordPress Optimierung

WordPress Optimierung

Schnelle Ladezeiten deiner WordPress Webseite.

Mit meiner Hilfe kannst du die Ladezeit deiner WordPress-Website drastisch reduzieren und ein reibungsloses Benutzererlebnis bieten.

WordPress Optimierung Jetzt buchen

---

## WordPress Schulung & Online-Kurs | Endlich sicher im Backend {#page-34}

- URL: https://www.purin.at/leistungen/wordpress-schulung
- Description: Lerne in 4 Stunden, Texte & Bilder selbst zu ändern – ohne Angst, etwas kaputt zu machen. Live-Webinar für Einsteiger. Keine Vorkenntnisse nötig! 🎓 Termine ansehen.
- Words: 570

WordPress Coaching

Endlich sicher im Umgang mit deiner WordPress-Website.

Vergiss stundenlanges Googeln und die Angst vor dem falschen Klick. Ich zeige dir, wie du deine Website selbstbewusst verwaltest – ohne Fachchinesisch.

Termin & Inhalte ansehen Jetzt buchen

Der WordPress-Führerschein (Online-Kurs). Jeden 3. Samstag im Monat | Max. 5 Teilnehmer | Live via Zoom

Was du lernst

Kein "Tech-Talk", versprochen. Ich bin Entwickler, aber ich spreche deine Sprache. In meinen Schulungen gibt es keine dummen Fragen. Als zertifizierter Experte führe ich dich geduldig durch den Dschungel.

Inhalte pflegen

Texte und Bilder tauschen, ohne das Design zu zerschießen.

Sicherheit

Updates machen, ohne dass die Seite „weiß“ wird.

Medien

Bilder richtig zuschneiden und optimieren (für schnelle Ladezeiten).

Struktur

Menüs und Seiten anlegen wie ein Profi.

Der WordPress-Führerschein

297,- € pro Person (inkl. MwSt.)

Warum du hier richtig bist.

Ich bin kein Theoretiker, der Folien vorliest. Ich bin Entwickler aus der Praxis.

Verständlich

Ich erkläre Technik so, dass du sie verstehst – ohne Fachchinesisch.

Geduldig

Es gibt keine dummen Fragen. Wir gehen das Tempo, das die Gruppe braucht.

Erfahren

Seit über 17 Jahren arbeite ich mit WordPress. Ich kenne die Stolpersteine und zeige dir, wie du sie umgehst.

So einfach läuft deine Schulung ab:

Anfrage

Fülle das Formular aus und wähle deinen Wunschtermin (oder die Warteliste).

Bestätigung

Du bekommst von mir eine E-Mail mit allen Infos und dem Zoom-Link. Die Rechnung erhältst du bequem per E-Mail – kein Stress.

Training

Wir treffen uns online. Du kannst deinen Bildschirm teilen und wir üben direkt am System.

Sicherheit

Nach dem Kurs lasse ich dich nicht allein. Wenn in der ersten Woche Fragen auftauchen, antworte ich dir per Mail kostenlos.

Sichere dir deinen Platz im nächsten Kurs.

Die Plätze sind auf 5 Personen limitiert, damit ich auf jeden eingehen kann. Melde dich jetzt unverbindlich an.

Name

E-Mail

Telefon

Nachricht

Datenschutzrechtlicher Hinweis Wir verarbeiten Deine hier im Formular eingegebenen Daten zur Anfragebeantwortung und berufen uns hierbei auf den Rechtfertigungsgrund der Vertragserfüllung nach Art 6 Abs 1b DSGVO. Weitere Informationen zur Datenverarbeitung .

Nachricht abschicken

Kostenlos & unverbindlich 

Häufige Fragen zur Beratung

Wie schnell wird meine Anfrage bearbeitet?

Ihre Anfrage wird in der Regel innerhalb von wenigen Stunden beantwortet.

Kann meine bestehende Website auf WordPress umgestellt werden?

Ja, in den meisten Fällen ist es möglich, eine bestehende Website auf WordPress umzustellen. Wir analysieren deine aktuelle Website und erstellen einen Plan für die Migration, inklusive der Übernahme bestehender Inhalte und Funktionen.

Kann ich meine WordPress-Website später erweitern?

Ja, WordPress ist sehr flexibel und skalierbar. Du kannst jederzeit neue Funktionen hinzufügen oder das Design anpassen. Wir helfen dir gerne bei der Erweiterung deiner Web

[Content truncated — full version at https://www.purin.at/leistungen/wordpress-schulung]

---

## WordPress Support & Hilfe | Probleme schnell gelöst (84€/h) {#page-35}

- URL: https://www.purin.at/leistungen/wordpress-support-anpassung
- Description: Design verschoben? Fehler im Plugin? Ich rücke deine Website pixelgenau zurecht. Schnelle Hilfe ohne Abo-Zwang. Abrechnung fair nach Aufwand. 🛠️ Hier anfragen.
- Words: 459

WordPress Expert seit 2005

Schluss mit WordPress-Frust.

Du versuchst seit Stunden, diesen einen Button zu verschieben oder den Fehler zu finden? Spar dir die Nerven. Ich löse deine WordPress-Probleme schnell, sauber und zuverlässig.

Jetzt Hilfe holen
Fairer Fixpreis 70 € / h (netto)

Wobei brauchst du Unterstützung?

Design & Anpassung

„Das Logo ist unscharf“, „Die Schriftart passt nicht“, „Der Slider klemmt“. Ich rücke dein Design pixelgenau zurecht.

Technik & Fehler

Weiße Seite? Fehlermeldungen? Plugin-Konflikte? Ich finde den Fehler im Maschinenraum und behebe ihn.

Umzug & Einrichtung

Du wechselst den Hoster oder brauchst eine saubere Installation? Ich erledige den technischen Papierkram für dich.

So einfach geht's:

Anfrage

Schick mir kurz, was nicht funktioniert (gerne mit Screenshot).

Lösung

Ich prüfe dein Problem und nenne dir vorab die Kosten. Du entscheidest, ob ich starten soll.

Erledigt

Nach deinem „Go“ setze ich es um. Du zahlst erst, wenn es läuft.

„Fairer Experten-Support: Abrechnung nach Aufwand (Stundensatz: 70€ / netto) oder zum Festpreis bei klaren Aufgaben.“  

Häufige Fragen zur WordPress Hilfe

Wie schnell wird meine Anfrage bearbeitet?

Ihre Anfrage wird in der Regel innerhalb von wenigen Stunden beantwortet.

Kann meine bestehende Website auf WordPress umgestellt werden?

Ja, in den meisten Fällen ist es möglich, eine bestehende Website auf WordPress umzustellen. Wir analysieren deine aktuelle Website und erstellen einen Plan für die Migration, inklusive der Übernahme bestehender Inhalte und Funktionen.

Kann ich meine WordPress-Website später erweitern?

Ja, WordPress ist sehr flexibel und skalierbar. Du kannst jederzeit neue Funktionen hinzufügen oder das Design anpassen. Wir helfen dir gerne bei der Erweiterung deiner Website, wenn dein Unternehmen wächst oder sich deine Anforderungen ändern.

Ist WordPress sicher?

WordPress ist sicher, wenn es richtig gepflegt wird. Regelmäßige Updates und die Verwendung sicherer Plugins und Themes sind entscheidend. Wir sorgen dafür, dass deine Website stets auf dem neuesten Stand ist und bieten regelmäßige Wartung an, um Sicherheitslücken zu schließen.

Ist Custom Entwicklung sicher?

Ich halte alle Programmierstandards ein und prüfe meine Arbeitet durch verschiedene Tools immer wieder. Somit können schon im frühen Stadion Sicherheitslücken erkannt und bereits in der Entwicklung behoben werden.

Behanlde ich auch Typo3

Nein, Typo3 gehört nicht zu meiner Expertise und ich kann nur rudimentäre Antworten darüber geben.

Möchtest du ein unverbindliches Erstgespräch, ein individuelles Angebot oder einfach nur weitere Informationen?

Fülle ganz unkompliziert unser Kontaktformular aus – den Rest übernehmen wir.

Name

E-Mail

Telefon

Nachricht

Datenschutzrechtlicher Hinweis Wir verarbeiten Deine hier im Formular eingegebenen Daten zur Anfragebeantwortung und berufen uns hierbei auf den Rechtfertigungsgrund der Vertragserfüllung nach Art 6 Abs 1b DSGVO. Weitere Informatione

[Content truncated — full version at https://www.purin.at/leistungen/wordpress-support-anpassung]

---

## WordPress Wartung & Sicherheit 🛡️ {#page-36}

- URL: https://www.purin.at/leistungen/wordpress-wartung
- Description: Nie wieder Updates selber machen! Ich sichere deine Website komplett ab: Tägliche Backups, Hack-Schutz & DSGVO-konform. Inkl. Notfall-Hilfe. 👉 Jetzt absichern!
- Words: 1130

Die Vollkasko-Versicherung für deine WordPress-Website.

Keine Angst mehr vor Sicherheitslücken, Updates oder Datenverlust. Ich überwache und schütze deine Seite täglich – damit du dich voll auf dein Geschäft konzentrieren kannst.

Jetzt Website absichern

Kannst du es dir leisten, offline zu sein?

Eine Website, die nicht gepflegt wird, ist ein tickendes Risiko. Veraltete Plugins sind das Einfallstor Nr. 1 für Hacker. Die Konsequenzen sind oft teuer:

Ich sorge dafür, dass es gar nicht erst soweit kommt.

Jetzt anfragen

Zufriedene Kunden vertrauen auf Premium Wartung

Warum deine Seite bei mir sicher ist.

Ich biete keine Massenabfertigung. Ich biete persönliche Verantwortung. Als spezialisierter WordPress-Experte aus Vorarlberg garantiere ich dir Standards, die viele Hosting-Anbieter nicht leisten können.

Sicherheit Made in EU (DSGVO)

Deine Backups landen nicht auf anonymen US-Servern. Ich speichere verschlüsselt auf Servern in Deutschland und zusätzlich in Österreich. 100% datenschutzkonform.

Doppelter Boden (Hiscox Versichert)

Ich arbeite präzise. Sollte trotzdem jemals ein Fehler passieren, bin ich durch eine IT-Berufshaftpflicht bei Hiscox abgesichert. Das ist professionelle Sicherheit für dein Business.

Proaktives Handeln statt Reagieren

Ich warte nicht, bis du anrufst und sagst „Meine Seite geht nicht“. Mein Monitoring-System erkennt Probleme oft schon, bevor du sie bemerkst – und ich behebe sie sofort.

Echte Spezialisierung

Ich mache „nebenbei“ kein Printdesign oder Social Media. Ich mache WordPress. Diese tiefe Expertise sorgt dafür, dass deine Seite auch nach komplexen Updates stabil läuft.

Warum unsere Backups anders sind (3-2-1-1-0 Strategie)

Mehr als nur eine Kopie: Unsere 3-2-1-1-0 Garantie Ein Backup zu haben ist gut. Zu wissen, dass es funktioniert, ist besser. Deshalb setzen wir auf militärische Standards, um deine Daten zu schützen:

3-fache Sicherheit: Deine Daten existieren immer 3-mal (Live, Cloud & Lokal).

Doppelter Schutz: Speicherung auf unabhängigen Systemen (Hetzner Cloud & lokales NAS).

Air-Gap (Offline): Ein Backup lagert bei uns physikalisch getrennt vom Internet – unhackbar für Ransomware.

0 Fehler (Zero-): Wir glauben nicht nur, dass dein Backup funktioniert – wir beweisen es. In den Premium-Paketen testen wir regelmäßig die echte Wiederherstellung deiner Seite.

Mein Wartungsservice – einfach, sicher, zuverlässig.

Wartungspakete Vergleich

Leistung

Bestseller

Empfehlung

VIP Sorglos

Für Firmen

Updates

Theme & Plugins

Wöchentlich

Täglich

Sicherheits-Level

Backup-Strategie

3-2-1-1-0 Profi

✔ Inkl. Restore-Test

(Zero- Garantie)

3-2-1-1-0 Profi

✔ Inkl. Restore-Test

(Zero- Garantie)

Backup-Zyklus

Hetzner Cloud (DE)

Täglich

Realtime / Täglich

Support inklusive

Für Anpassungen

30 Min / Monat

(Wert: 35 €)

60 Min / Monat

(Wert: 70 €)

Performance

✔ Speed-Optimierung

✔ Datenbankpflege

Monatsreport

✔ Detailliert

✔ E-Mail Detailliert

Dein Invest

59 €

Monat / netto

ab 149 €

Mona

[Content truncated — full version at https://www.purin.at/leistungen/wordpress-wartung]

---

## WordPress gehackt? 🚑 Sofort-Hilfe & Bereinigung (24h) {#page-37}

- URL: https://www.purin.at/leistungen/wordpress-webseite-gehackt
- Description: Keine Panik! Ich entferne Viren & Malware, entsperre deine Seite und sichere sie ab. Faire Pauschale & Zahlung nur bei Erfolg. 📞 Jetzt Notfall melden.
- Words: 651

WordPress Experte seit 2005

WordPress gehackt? Keine Panik. Ich rette deine Seite.

Sofort-Hilfe bei Malware, Viren und Provider-Sperren. Ich bereinige deine Website komplett und sichere sie gegen neue Angriffe ab.

Zahlung nur bei erfolgreicher Bereinigung.

Fairer Fixpreis ab 350 € (netto)
E-Mail senden

So geht es jetzt weiter:

Anfrage senden

Fülle das Formular aus. Ich melde mich innerhalb kürzester Zeit (auch am Wochenende).

Analyse & Fix

Ich suche die Lücke, entferne den Virus und repariere defekte Dateien.

Online & Sicher

Deine Seite läuft wieder sauber. Du erhältst einen Bericht und Schutz für die Zukunft.

Was sagen unsere Kund:innen?

Echte Rezensionen von google .

Thomas Göschlberger

Christoph hilft mir bei Funktionsstörungen und wenn ich neue komplexe Funktionen auf meiner Seite benötige. Unglaublich professionell und ich bin immer mehr als zufrieden gewesen. Würde im Traum nicht darauf kommen mich jemand anderen noch anzuvertrauen, wenns um meine Wordpressthemen geht.

Frank Bertele

Ich habe schon mit vielen Webentwicklern zusammen gearbeitet, aber Christoph ist der Beste. Er ist sehr kompetent, freundlich und stets ansprechbar. Probleme löst er schnell und souverän. Ich kann Christoph nur weiterempfehlen.

Erik Wenzel

Wir Arbeiten seit ungefähr 2 Jahren mit Christoph zusammen und haben mittlerweile viele Projekte umgesetzt sowie auch laufende Projekte und ich kann im Namen unserer Agentur nichts anderes sagen, als dass ich mir wünschen würde Jede zusammenarbeit würde so laufen... Fristgerecht, Gründlich, Freundlich und das bei absoluter Bescheidenheit - bei Christoph ist jedes mal underpromise and then overdeliver angesagt. Im Namen der Stable Tree GmbH & Co. KG - vielen Dank für die bisherigen Projekte und wir freuen uns auf alle Zukünftigen!

Vitalergy by Martina Tripold-Pratscher

Herr Purin ist ein sehr zuverlässiger Webentwickler. Mit viel Geduld hat er meine Wünsche für mich umgesetzt. Seine Preisgestaltung ist fair. Sehr gerne empfehle ich ihn weiter.

Jochen W.

Absolut top in der Zusammenarbeit. Christoph glänzt nicht nur mit Zuverlässigkeit und einer zügigen Umsetzung, er findet auch Wege, wenn’s mal kniffliger wird. Für mich in Sachen Webentwicklung genau die Art von Entwickler, die man braucht, wenn man sicher sein möchte ein top Ergebnis zu erzielen.

Hier Notfall melden (Express-Bearbeitung).

Wenn deine Webseite bereits vom Provider blockiert wurde, besteht dringender Handlungsbedarf. Meine Soforthilfe bietet Bereinigung und schützt dein WordPress.

Mein Leistungsversprechen

Schnelle Bereinigung (24 bis 48 Stunden)

Zahlung erst nach erfolgreicher Bereinigung

Präventive Schutzmaßnahmen, damit dein WordPress sicher bleibt

Fairer Fixpreis 350 € / netto für Webseiten.

450 € / netto für Online-Shops. 

Bereits über 190+ bereinigte Webseiten.

Name

E-Mail

Telefon

Nachricht

Datenschutzrechtlicher Hinweis Wir verarbeiten Deine hier im Formular eingegebenen Daten zur Anfragebeantwortung und berufen uns hier

[Content truncated — full version at https://www.purin.at/leistungen/wordpress-webseite-gehackt]

---

## Redirect Script - Christoph Purin {#page-38}

- URL: https://www.purin.at/redirect-script
- Description: Script um einfach Umleitungen über eine URL zu realisieren. zb. meine.webseite.at/mein-buch soll umleiten auf eine Amazon Seite.
- Words: 91

Script um einfach Umleitungen über eine URL zu realisieren. zb. meine.webseite.at/mein-buch soll umleiten auf eine Amazon Seite.

Die Umleitungen werden in einer CSV Datei angelegt, die jeweils den Pfad sowie die Ziel url beinhalten muss.

Weitere Informationen sowie zur Installation sind auf Github verfügbar.

mögen diesen Artikel.

Verfasst am 1. Februar 2022

Geänert 29. April 2025

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## Screenreader-Kompatibilität verbessern: Praxistipps für barrierefreie Webseiten - Christoph Purin {#page-39}

- URL: https://www.purin.at/screenreader-kompatibilitaet-verbessern-praxistipps-fuer-barrierefreie-webseiten
- Description: In einer digitalen Welt, in der Barrierefreiheit immer wichtiger wird, hat die Kompatibilität von Webseiten mit Screenreadern eine zentrale Bedeutung.
- Words: 643

In einer digitalen Welt, in der Barrierefreiheit immer wichtiger wird, hat die Kompatibilität von Webseiten mit Screenreadern eine zentrale Bedeutung. Screenreader sind Programme, die den Bildschirminhalt vorlesen und es Menschen mit Sehbehinderungen ermöglichen, das Internet zu nutzen. Dieser Blogartikel behandelt praxistaugliche Tipps zur Verbesserung der Screenreader-Kompatibilität von Webseiten.

Warum ist Screenreader-Kompatibilität wichtig?

Die Zugänglichkeit von Webseiten ist nicht nur eine rechtliche Verpflichtung, sondern auch eine ethische Verantwortung. In Deutschland sind Webseitenbetreiber gesetzlich verpflichtet, ihre Angebote barrierefrei zu gestalten, insbesondere für öffentliche Stellen. Zudem profitieren von barrierefreien Webseiten nicht nur Menschen mit Behinderungen, sondern auch alle Nutzer durch eine verbesserte Benutzererfahrung.

Grundlagen der Screenreader-Kompatibilität

Bevor wir in die Details einsteigen, ist es wichtig, ein grundlegendes Verständnis über die Funktionsweise von Screenreadern zu haben. Diese Software „liest“ den Inhalt der Webseite und interpretiert HTML-Tags, um den Nutzern den Zugang zu ermöglichen. Daher ist es entscheidend, die richtige Struktur und Markup in der HTML-Datei zu verwenden.

1. Verwendung von semantischen HTML-Elementen

Semantisches HTML hilft Screenreadern dabei, den Inhalt einer Webseite korrekt zu interpretieren. Verwenden Sie Elemente wie <header> , <nav> , <main> , <article> , <section> und <footer> , um die Struktur der Seite klar zu definieren.

Beispiel:

<header>

<h1>Willkommen auf meiner Webseite</h1>

</header>

<nav>

<ul>

<li><a href="#about">Über uns</a></li>

<li><a href="#services">Dienstleistungen</a></li>

</ul>

</nav>

<main>

<article>

<h2 id="about">Über unser Unternehmen</h2>

<p>Wir bieten hochwertige Dienstleistungen an...</p>

</article>

</main>

<footer>

<p>© 2023 Beispielunternehmen</p>

</footer>

2. Alt-Attribute für Bilder

Bilder müssen mit dem alt -Attribut versehen werden. Dieses Atemberaubende hat die Aufgabe, den Inhalt oder die Funktion des Bildes zu beschreiben. Screenreader lesen diesen Text laut vor, wenn sie auf ein Bild stoßen.

Beispiel:

<img src="logo.png" alt="Logo unseres Unternehmens">

3. Verwendung von ARIA-Rollen und -Attributen

Accessible Rich Internet Applications (ARIA) bietet zusätzliche Möglichkeiten, um die Interaktivität und das Verständnis für Screenreader zu verbessern. Verwenden Sie ARIA-Rollen und -Attribute, um die Bedeutung von Elementen zu klären.

Beispiel:

<button aria-label="Suche">🔍</button>

4. Tastaturnavigation sicherstellen

Viele Menschen, die Screenreader verwenden, sind auf Tastaturnavigation angewiesen. Stellen Sie sicher, dass alle interaktiven Elemente über die Tastatur erreichbar sind. Verwenden Sie die Tab-Taste für die Navigation und die Enter- oder Leertaste für das Auswählen von Elementen.

5. Strukturierte Formulare

Verwenden Sie Labels für Formularelemente, um sicherzustellen, dass Screenre

[Content truncated — full version at https://www.purin.at/screenreader-kompatibilitaet-verbessern-praxistipps-fuer-barrierefreie-webseiten]

---

## Security Headers generator - Christoph Purin {#page-40}

- URL: https://www.purin.at/security-headers-generator
- Words: 95

Security Header Generator

Webserver auswählen

NGINX
Apache (.htaccess)
IIS (web.config)

1. Standard Header

X-Frame-Options

Verhindert Clickjacking (Seite kann nicht in iframes geladen werden).

X-Content-Type-Options

Verhindert MIME-Type-Sniffing (Schutz vor XSS).

Referrer-Policy

Datenschutz: Kontrolliert, welche Infos beim Klick auf Links gesendet werden.

Strict-Transport-Security (HSTS)

Zwingt Browser dazu, nur noch HTTPS zu verwenden.

Permissions-Policy

Regelt Zugriff auf Browser-Features wie Kamera, Mikrofon, Geolocation.

Standard: Kamera, Mikro, Standort aus
Nur Standort erlaubt (eigene Domain)
Alle erlaubt (eigene Domain)

2. Content-Security-Policy (CSP)

🚧 Testmodus aktivieren (Report-Only)

Wenn aktiv, werden Fehler nur in der Browser-Konsole angezeigt, aber nichts blockiert.

Ergebnis (Live-Vorschau)

Kopieren

---

## Tipps zur Erstellung von WCAG-konformen Formularen: Barrierefreiheit im Fokus - Christoph Purin {#page-41}

- URL: https://www.purin.at/tipps-zur-erstellung-von-wcag-konformen-formularen-barrierefreiheit-im-fokus
- Description: Die Barrierefreiheit von Webseiten ist ein essentielles Thema in der digitalen Welt. Besonders wichtig sind dabei die Formulare, da sie oft zentrale Elemente
- Words: 529

Die Barrierefreiheit von Webseiten ist ein essentielles Thema in der digitalen Welt. Besonders wichtig sind dabei die Formulare, da sie oft zentrale Elemente eines Web-Erlebnisses sind. In diesem Artikel geben wir praxisnahe Tipps zur Erstellung von WCAG-konformen (Web Content Accessibility Guidelines) Formularen.

Was sind WCAG?

Die WCAG sind Richtlinien, die darauf abzielen, die Zugänglichkeit von Webinhalten für alle Benutzer zu verbessern, insbesondere für Menschen mit Behinderungen. Sie beinhalten verschiedene Kriterien, die sicherstellen sollen, dass digitale Inhalte einfach bedienbar sind.

1. Strukturierung mit HTML-Elementen

Verwendung von semantischen Elementen

Verwenden Sie semantische HTML-Elemente, um die Struktur Ihrer Formulare zu definieren. Dabei helfen folgende Tags:

<form> : Um das gesamte Formular zu umschließen.

<label> : Um Eingabefelder zu beschriften. Durch den for -Attribut können Screenreader die Verbindung zwischen Label und Eingabefeld herstellen. Beispiel:

Name:

Gruppierung von Elementen

Nutzen Sie <fieldset> und <legend> für zusammengehörige Elemente. Dies verbessert die Lesbarkeit und Interaktion:

Persönliche Informationen

Name:

Email:

2. Klare Beschriftungen und Hinweise

Eindeutige Labels

Stellen Sie sicher, dass alle Formularelemente eindeutige und beschreibende Labels haben. Dies hilft Benutzern, schnell zu verstehen, welches Feld sie ausfüllen müssen.

Beispiel: Anstatt „Eingabe“ zu verwenden, nutzen Sie „E-Mail-Adresse“.

Platzhalter als Ergänzung

Vermeiden Sie den ausschließlichen Gebrauch von Platzhaltern, da diese beim Ausfüllen verschwinden. Verwenden Sie sie nur zur Ergänzung:

3. Validierung und Fehlermeldungen

Sofortige Rückmeldung geben

Fehlermeldungen sollten so gestaltet sein, dass sie für alle Benutzer verständlich sind. Lassen Sie Benutzer wissen, was schiefgelaufen ist und wie sie es beheben können.

Beispiel: Bei einem fehlgeschlagenen E-Mail-Eingabe könnte die Meldung lauten: „Bitte geben Sie eine gültige E-Mail-Adresse ein.“

Hinweise zur Fehlerbehebung

Verknüpfen Sie die Fehlermeldungen direkt mit den entsprechenden Eingabefeldern, z. B. durch die Verwendung von aria-describedby :

Ungültige E-Mail-Adresse.

4. Tastaturnavigation und Mausinteraktion

Alle Elemente müssen per Tastatur zugänglich sein

Überprüfen Sie, ob alle Formularfelder nur durch die Tastatur angesteuert werden können. Alle Benutzer, einschließlich solcher mit motorischen Einschränkungen, sollten die Formulare ohne Maus bedienen können.

Fokusindikatoren

Achten Sie darauf, dass beim Navigieren über die Formularelemente deutlich sichtbar wird, welches Element im Fokus ist. Nutzen Sie CSS für visuelle Fokusindikatoren:

css

input:focus {

outline: 2px solid blue;

5. Alternative Texte für Grafiken

Wenn Ihr Formular grafische Elemente oder Icons verwendet, stellen Sie sicher, dass sie einen alternativen Text haben. Dies ist besonders wichtig für Benutzer, die Screenreader verwenden.

Fazit

Die Erstellung vo

[Content truncated — full version at https://www.purin.at/tipps-zur-erstellung-von-wcag-konformen-formularen-barrierefreiheit-im-fokus]

---

## Über mich - Christoph Purin {#page-42}

- URL: https://www.purin.at/ueber-mich
- Description: Erfahre hier, wer ich bin, was ich mache und welche Ausbildungen ich schon ausgeübt habe.
- Words: 443

Christoph Purin: Dein technisches Rückgrat aus Vorarlberg.

Hi, ich bin Christoph. Ich bin derjenige, der sich im Hintergrund um die Technik kümmert, damit du auf der Bühne glänzen kannst. Seit 2005 lebe und atme ich WordPress – aber ich bin kein Nerd im dunklen Keller, sondern dein greifbarer Partner auf Augenhöhe.

Woran ich glaube

Digital, aber sauber: Meine Webseiten liegen nicht irgendwo, sondern auf Green Hosting Servern. Und deine Daten bleiben sicher in der EU (DSGVO). Weil Anstand auch im Internet gilt.

Ehrlich währt am längsten: Ich verkaufe dir nichts, was du nicht brauchst. Wenn eine einfache Lösung reicht, sage ich dir das.

Das Web ist für alle da: Barrierefreiheit ist für mich kein Trend, sondern eine Haltung. Ich baue Webseiten, die niemanden ausschließen.

Christoph Purin

Mo-Fr: 10:00 – 15:00

Tel.: 0660 744 13 58

Mail: [email protected]

Warum ein Feuerwehrmann dein idealer Webentwickler ist.

Wenn ich nicht am Computer sitze, findest du mich wahrscheinlich bei der Feuerwehr, am Funkgerät (OE9CPV) oder in den Bergen. Was das mit Webseiten zu tun hat? Alles.

Leidenschaftlicher Imker: Ein Bienenvolk ist wie eine komplexe Website: Es braucht Pflege, Struktur und eine ruhige Hand, um zu wachsen. Als Imker habe ich gelernt, genau hinzuschauen und nachhaltig zu handeln. Ich baue keine „Eintagsfliegen“, sondern digitale Ökosysteme, die langfristig Honig (Erfolg) liefern.

Feuerwehr & Jugendbetreuer: Ich habe gelernt, in stressigen Situationen (z.B. wenn eine Website gehackt wurde) die Ruhe zu bewahren und strukturiert zu lösen. Als Jugendbetreuer weiß ich zudem, wie man komplexe Dinge einfach und geduldig erklärt (perfekt für meine Schulungen!).

Amateurfunker (OE9CPV): Ich verstehe Technik bis ins kleinste Detail. Wenn die Verbindung steht, muss sie stabil sein. Genau so programmiere ich auch: Sauberer Code statt Wackelkontakt.

Tradition (Krampuslauf): Einmal im Jahr tausche ich den Laptop gegen die Maske. Ich bin Vorarlberger mit Leib und Seele. Ich spreche deine Sprache, kenne die Mentalität hier und bin kein anonymes Callcenter.

Mein Code läuft auf Kaffee. Ohne geht gar nix.

Green Hosting. Damit wenigstens die Server weniger CO₂ ausstoßen als mein Kaffee-Konsum.

Daten in der EU. Weil Server in Texas nicht mal meinen Dialekt verstehen würden.

Bug gefunden? Feature genannt, bis es behoben ist.

Genug von mir. Erzähl mir von dir.

Egal ob du eine neue Website planst, ein technisches Problem hast oder einfach wissen willst, ob wir zusammenpassen: Schreib mir oder ruf an.

Name

E-Mail

Telefon

Nachricht

Datenschutzrechtlicher Hinweis Wir verarbeiten Deine hier im Formular eingegebenen Daten zur Anfragebeantwortung und berufen uns hierbei auf den Rechtfertigungsgrund der Vertragserfüllung nach Art 6 Abs 1b DSGVO. Weitere Informationen zur Datenverarbeitung .

Nachricht abschicken

Kostenlos & unverbindlich 

---

## WCAG Konformitätsstufen: Ein umfassender Überblick - Christoph Purin {#page-43}

- URL: https://www.purin.at/wcag-konformitaetsstufen-ein-umfassender-ueberblick
- Description: Die WCAG (Web Content Accessibility Guidelines) sind ein entscheidendes Regelwerk, das die Barrierefreiheit von Webinhalten sicherstellen soll. Diese
- Words: 728

Die WCAG (Web Content Accessibility Guidelines) sind ein entscheidendes Regelwerk, das die Barrierefreiheit von Webinhalten sicherstellen soll. Diese Richtlinien sind nicht nur für Designer und Entwickler wichtig, sondern auch für Unternehmen, die ihre Inhalte für alle Nutzer zugänglich machen möchten. In diesem Artikel werfen wir einen detaillierten Blick auf die verschiedenen Konformitätsstufen der WCAG, geben praxisnahe Tipps und zeigen, wie man die Richtlinien effektiv umsetzen kann.

Was sind die WCAG?

Die WCAG wurden vom World Wide Web Consortium (W3C) entwickelt und bieten einen Rahmen, um die Zugänglichkeit von Webinhalten für Menschen mit Behinderungen zu verbessern. Die aktuellen Richtlinien sind die WCAG 2.1, die 2018 veröffentlicht wurden. Die Richtlinien sind in vier Prinzipien unterteilt: Wahrnehmbar, Bedienbar, Verständlich und Robust.

Die drei Konformitätsstufen

Die WCAG unterteilen sich in drei Konformitätsstufen: A, AA und AAA. Jede Stufe stellt unterschiedliche Anforderungen an die Zugänglichkeit und ist auf spezifische Bedürfnisse ausgelegt.

Konformitätsstufe A

Die niedrigste Konformitätsstufe, Stufe A, beinhaltet die grundlegendsten Anforderungen an die Barrierefreiheit. Wenn eine Website die Anforderungen dieser Stufe nicht erfüllt, können viele Nutzer, insbesondere Menschen mit Behinderungen, keinen Zugang zu den Inhalten erhalten.

Beispiele für Kriterien der Stufe A:

Alternativtext für Bilder : Alle nicht-textlichen Inhalte müssen mit alternativen Texten versehen werden, die ihre Funktion oder ihren Inhalt beschreiben.

Praxisbeispiel: Ein Bild auf einer Website zeigt ein Produkt. Der Alt-Text könnte lauten: "Schwarze Lederhandtasche".

Tastaturzugänglichkeit : Alle Funktionen der Website müssen über die Tastatur bedienbar sein.

Praxisbeispiel: Ein Benutzer sollte sich mit der Tabulatortaste durch alle Links und Formulare klicken können.

Konformitätsstufe AA

Die Konformitätsstufe AA ist der empfohlene Standard für die meisten Websites. Sie beinhaltet alle Level-A-Anforderungen und fügt zusätzliche Kriterien hinzu, um ein breiteres Publikum zu erreichen.

Beispiele für Kriterien der Stufe AA:

Kontrastverhältnis : Der Inhalt muss ein ausreichendes Kontrastverhältnis zwischen Text und Hintergrundfarbe aufweisen, mindestens 4,5:1 für normalen Text.

Praxisbeispiel: Ein grauer Text auf weißem Hintergrund wäre nicht ausreichend, weil der Kontrast zu niedrig ist.

Responsive Design : Die Inhalte müssen sich automatisch an verschiedene Bildschirmgrößen anpassen, um auf Mobilgeräten zugänglich zu sein.

Praxisbeispiel: Eine Website sollte auf Smartphones ebenso gut lesbar sein wie auf Desktop-Computern.

Konformitätsstufe AAA

Die höchste Stufe, AAA, stellt die umfangreichsten Anforderungen an die Barrierefreiheit. Nur wenige Webseiten erreichen diese Stufe, da sie oft als zu restriktiv angesehen wird.

Beispiele für Kriterien der Stufe AAA:

Gestaltende Elemente : Jedes Video muss mit Untertiteln, Audiodeskriptionen und

[Content truncated — full version at https://www.purin.at/wcag-konformitaetsstufen-ein-umfassender-ueberblick]

---

## WordPress 5.4 Testblöcke - Christoph Purin {#page-44}

- URL: https://www.purin.at/wordpress-5-4-testbloecke
- Words: 105

Neue Blöcke (Social / Farbverlauf bei Buttons)

Social:

Buttons:

Button normal

Button mit Farbverlauf

Verbesserung der Blöcke

Inline Code usw.

Links

Neuer Block hinzufügen

Link des Bildes auf eine Mediendatei oder Anhang-Seite

Blockauswahl / Editor oder Auswählen

Farbauswahl in den Spalten Blöcken

Spalte 1

Spalte 2

Spalte 3

Gruppe Farbauswahl

Überschrift

absatz

Medien und Textblock / unterschiedliche links

Meine Beschriftung mit einem unterschiedlichen Link .

Blockauswahl mittels /

mögen diesen Artikel.

Verfasst am 1. April 2020

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## WordPress 5.4 veröffentlicht - Christoph Purin {#page-45}

- URL: https://www.purin.at/wordpress-5-4-veroeffentlicht
- Description: WordPress 5.4 wurde veröffentlicht, die großen Erneuerung lt. der About Seite - kurz im Überblick inkl. einer Demo Seite:
- Words: 526

WordPress 5.4 wurde veröffentlicht, die großen Erneuerung lt. der About Seite – kurz im Überblick inkl. einer Demo Seite:

Zur Demoseite

Zwei neue Blöcke. Und allgemein bessere Blöcke.

Zwei brandneue Blöcke: Mit Social Icons und Buttons kannst du Funktionen zur Interaktion schnell und einfach hinzufügen.

–> Sehr einfach und gut zu bedienen.

Neue Möglichkeiten mit Farbe: Verläufe im Buttons- und Cover-Block, Zugriff auf Farboptionen in Rich-Text-Blöcken über die Werkzeugleiste und erstmals auch Farboptionen in den Gruppen- und Spaltenblöcken.

–> nette Spielerei

Viel weniger Rätselraten! Version 5.4 vereinfacht den gesamten Prozess des Platzierens und Ersetzens von Medieninhalten in jedem Block. Dies funktioniert nun in fast jedem Block auf die gleiche Weise!

–> fast alle Blöcke haben nun denselben Aufbau, vor allem ist das UI aufgeräumter, viele Einstellungen nicht mehr so versteckt.

Und wenn du irgendwann gedacht hast, dass dein Bild im Block Medien und Text auf etwas anderes verlinken sollte – vielleicht ein Bild einer Broschüre auf das herunter ladbares Dokument oder eine Broschüre? Nun, jetzt ist es möglich.

–> Auf der Demoseite getestet, funktioniert und ermöglicht nun einen separaten Link in der Bildbeschreibung.

Aufgeräumtere UI, klarere Navigation – und bessere Tabulator-Unterstützung!

Klarere Blocknavigation mit Breadcrumbs. Und eine einfachere Auswahl, sobald du dich dort befindest.

Wenn du beim Navigieren auf die Tastatur angewiesen bist, kannst du das jetzt noch besser mit der Tabulatortaste machen und fokussieren. Außerdem erreichst du so von fast jedem Block aus auch die Seitenleiste.

Geschwindigkeit! 14 % schnelleres Laden des Editors, 51 % schnellere Zeit bis zum Schreiben!

–> Test folgen noch, Geschwindigkeit ist leider immer subjektiv.

Die Tipps sind weg. An deren Stelle kannst du ein Willkommensleitfaden-Fenster aufrufen, wenn du es brauchst – und nur dann, wenn du es brauchst – immer und immer wieder.

Nun ist auf den ersten Blick erkennbar, ob du dich im Bearbeitungs- oder Navigationsmodus eines Blocks befindest. Und falls du visuelle Einschränkungen hast, sagt dir der Screenreader, in welchem Modus du dich befindest.

–> Sehr ähnlich zu den großen Content Builder.

Wenn du natürlich mit den allerneuesten Werkzeugen und Funktionen arbeiten möchtest, installiere das Gutenberg-Plugin . Du wirst unter den Ersten sein, die die neuen und aufregenden Funktionen des Block-Editors nutzen, noch bevor jemand anderes sie gesehen hat!

Dein Grundrecht: Datenschutz

5.4 hilft bei einer Vielzahl an Datenschutzfragen auf der ganzen Welt. Wenn also Benutzer oder andere Ansprechpartner nach Regelkonformität fragen oder wissen möchten, wie dein Team mit Benutzerdaten umgeht, sollten die Antworten jetzt viel leichter zu finden sein.

Schau es dir an:

Die Exporte persönlicher Daten umfassen nun auch Sitzungsinformationen und Standorte der Benutzer aus dem Community-Events-Widget. Außerdem ein Inhaltsverzeichnis!

Verfolge den Fort

[Content truncated — full version at https://www.purin.at/wordpress-5-4-veroeffentlicht]

---

## WordPress 5.6 Update die Erneuerung und Verbesserungen - Christoph Purin {#page-46}

- URL: https://www.purin.at/wordpress-5-6-erneuerung-rc-4
- Description: In wenigen Stunden ist es so weit, WordPress 5.6 sollte veröffentlicht werden. Ich habe dazu die aktuellste Entwickler Version RC4 49760 bei mir Installiert, um euch kurz über die Neuerungen im Frontend zu berichten.
- Words: 712

In wenigen Stunden ist es so weit, WordPress 5.6 sollte veröffentlicht werden. Ich habe dazu die aktuelle Entwickler Version RC4 49760 bei mir Installiert, um euch kurz über die Neuerungen im Frontend zu berichten.

UPDATE 09.12.2020: WordPress 5.6 ist nun verfügbar.

Automatisierte WordPress Major Version Updates

Seit Version 3.7 existiert die automatische update Funktion in WordPress.

Die ermöglichte bis jetzt nur Minor Updates zb. V 5.5.0 zu 5.5.1

Diese Funktion der Minor Updates wurde in V 5.5 auf die automatische Plug-in und Themes Updates weiter entwickelt. In WordPress 5.6 können zukünftig Versionsupgrades auch automatisiert installiert werden. zb. 5.6 auf 5.7.

Gutenberg Block Editor V 9.2

Der Blockeditor Gutenberg wurde weiter verbessert und bringt einige Sehr nützliche Erweiterungen mit sich. Unter anderem VTT für Videos oder Theme basierte Vorlagen.

Blockmuster unter dem Tab Vorlagen

Die neuen Blockmuster unterstützen nun auch Themenspezifische Text- und Blocklayouts.

Eigene Abbildung Blocklayouts

Zeichen Anzahl in Detail-

In der Detail- werden neben der Anzahl der Wörter, Überschriften, Absätze und Blöcke in einem Beitrag nun auch die Anzahl Zeichen angezeigt. Für einige Blogger ein durchaus interessanter Wert.

Eigene Abbildung WordPress Block Editor

Video Tracks

Hinweise können Untertitel, Beschriftungen, Kapitel oder Beschreibungen sein. Sie tragen dazu bei, deine Inhalte für eine größere Anzahl von Benutzern besser zugänglich zu machen.

Eigene Abbildung VTT Unterteil, Kapitel, Beschreibung in Videos

Mehrere Blöcke in Spalten umwandeln

Bis jetzt konnten beim Markieren von mehreren Blöcken diese Gruppiert werden. Diese Funktion wurde mit Spalten erweitert, damit lassen sich sehr einfach mehrere Blöcke nebeneinander darstellen.

Eigene Abbildung Blöcke in Spalten darstellen

Dark Mode – die dunkle Seite.

Eine neue Funktion in WordPress die vor allem mit den Smartphones der letzten Jahre gestartet hat. Der Dark Mode.

Im Customizer kann unter „Colors & Dark Mode“ der Dark Mode aktiviert werden. Erkennt WordPress den Dark Mode bei den Geräteeinstellungen deiner Besucher – wird dieser automatisch aktiviert.

Eigene Abbildung Dark Mode

Theme Twenty Twenty-One

Natürlich gibt es auch ein neues Theme „Twenty Twenty-One“

Das besondere mit dem neuen Theme ist, dass es einige Block Vorlagen mitbringt, die mit WordPress 5.5 eingeführt wurden.

Auch die älteren Themes sollten Updates Updates für die Blockvorlagen bekommen.

Eigene Abbildung WordPress Theme Twenty Twenty-One

Unter der Haube

Unter der Haube hat sich einiges getan. Mit der Veröffentlichung von PHP 8.0 arbeitet auch WordPress daran, das Core System PHP 8.0 tauglich zu machen.

Es wird sicherlich einige Zeit vergehen, bis die meisten Plug-ins mit PHP 8.0 funktionieren – da müssen wir den Entwicklern noch Zeit lassen.

Neue Methode der Authentifizierung in der REST-API

Mit WordPress 5.6 wird es möglich,  Anwendungskennwörter zur REST-API Authentifizierung  zu verw

[Content truncated — full version at https://www.purin.at/wordpress-5-6-erneuerung-rc-4]

---

## WordPress 5.7 „Esperanza“  - Christoph Purin {#page-47}

- URL: https://www.purin.at/wordpress-5-7-esperanza
- Description: Mit WordPress 5.7 „Esperanza“ wurde der Fokus auf Benutzerfreundlichkeit, Automatisierung und Designkontrolle verstärkt. Das Update bringt Verbesserungen im
- Words: 473

Mit WordPress 5.7 „Esperanza“ wurde der Fokus auf Benutzerfreundlichkeit, Automatisierung und Designkontrolle verstärkt. Das Update bringt Verbesserungen im Blockeditor, neue Verwaltungsfunktionen für HTTPS, ein überarbeitetes Farbschema im Backend sowie technische Neuerungen für Entwickler.

Die wichtigsten Neuerungen im Überblick

Drag-and-Drop-Funktion im Block-Inserter

Neues Admin-Farbschema mit WCAG-konformen Kontrasten

Einfacher Wechsel von HTTP auf HTTPS

Lazy Loading für iFrames

Neue Möglichkeiten bei Buttons, Cover-Block und Social Icons

Einführung eines Robots API

Verbesserungen bei wiederverwendbaren Blöcken

jQuery-Upgrades für bessere Kompatibilität

Verbesserungen im Blockeditor

Drag-and-Drop im Block-Inserter

Blöcke und Patterns können per Drag-and-Drop direkt in das Dokument gezogen werden

Vereinfachter Workflow für visuelle Gestaltung

Schriftgrößen-Steuerung

Direkt einstellbar in Code- und Listenblöcken

Mehr gestalterische Freiheit für redaktionelle Inhalte

Reusable Blocks

Werden nun automatisch mit dem Beitrag gespeichert

Verbesserte Stabilität und leichteres Handling

Neue Blockfunktionen

Cover-Block

Volle Höhe des Browserfensters einstellbar

Besser geeignet für Titelbereiche oder große Visuals

Buttons-Block

Horizontale oder vertikale Ausrichtung

Prozentuale Breitenverteilung für einzelne Buttons

Social Icons

Frei skalierbare Icon-Größe

Optimiert für verschiedene Layouts und Mobilgeräte

Systemfunktionen und Sicherheit

HTTPS mit einem Klick

Umstellung von HTTP auf HTTPS direkt im Backend

Automatisches Umschreiben aller internen URLs

Erleichtert sichere Webseitenkonfiguration

Lazy Loading für iFrames

loading=“lazy“ wird automatisch zu eingebetteten iFrames hinzugefügt

Reduziert initiale Ladezeit bei eingebetteten Medien (z. B. YouTube)

Neues Robots API

Ermöglicht gezielte Kontrolle von Meta-Tags wie max-image-preview

Standardmäßig wird die Vorschau auf „large“ gesetzt

Backend und Entwicklerfunktionen

Neues Admin-Farbschema

Einheitliche Farbpalette mit klaren Kontrastwerten

Bessere Lesbarkeit und Zugänglichkeit im Dashboard

jQuery-Modernisierung

Update auf jQuery 3.5.1

Entfernung alter Migrationsfunktionen zur Verbesserung der Ladezeiten

Vorbereitung auf künftige Updates ohne Legacy-Code

Für wen ist WordPress 5.7 besonders interessant?

Website-Betreiber

Mehr Kontrolle über Design und Sicherheit

Einfache HTTPS-Umstellung ohne Plugins

Redakteur:innen und Content Creators

Neue Gestaltungsmöglichkeiten direkt im Editor

Verbesserte Nutzerführung durch Drag-and-Drop und Block-Optimierungen

Entwickler und Agenturen

Robots API und Lazy-Loading bieten SEO-Vorteile

Stabileres jQuery-Handling für Themes und Plugins

Erweiterte Konfigurationsmöglichkeiten über Block-Einstellungen

Empfehlungen zur Umsetzung

Backup vor dem Update durchführen

HTTPS-Funktion testen und aktivieren

Bestehende Inhalte mit neuen Blöcken erweitern

Neue Farbschemata im Backend prüfen

jQuery-Kompatibilität mit Th

[Content truncated — full version at https://www.purin.at/wordpress-5-7-esperanza]

---

## WordPress 5.8 („Tatum“)  - Christoph Purin {#page-48}

- URL: https://www.purin.at/wordpress-5-8-tatum
- Description: WordPress 5.8 wurde im Juli 2021 veröffentlicht und trägt den Codenamen „Tatum“. Es markiert einen wichtigen Schritt Richtung Full Site Editing, bringt neue
- Words: 476

WordPress 5.8 wurde im Juli 2021 veröffentlicht und trägt den Codenamen „Tatum“. Es markiert einen wichtigen Schritt Richtung Full Site Editing, bringt neue Design-Tools und Entwicklererweiterungen, ohne die Stabilität zu gefährden  .

Überblick der wichtigsten Neuerungen

Einführung des Template Editors als erste FSE-Funktion

Blockbasierte Widgets in Sidebars und Customizer

Unterstützung für das WebP-Bildformat

Neuer Query Loop Block und Pattern‑Integration

Verbesserungen im Block-Editor wie List View, Duotone-Filter und Parent-Block-Auswahl

Verzicht auf Internet Explorer 11

Das Theme.json-System und erweiterte Blocksteuerung für Entwickler 

Neuer Template Editor & Theme Blocks

Ermöglicht visuelle Bearbeitung von Templates (Beiträge, Seiten) ohne Code

Verfügbar in klassischen und blockbasierten Themes

Einführung zahlreicher neuer Blöcke wie Query Loop, Site Logo, Post-Titel, Login/Logout etc. 

Blockbasierte Widgets statt klassischer Widget-Flächen

Widgetbereiche (z. B. Footer, Sidebar) lassen sich über den Blockeditor bearbeiten

Klassische Widgets und neue Blockelemente sind kombinierbar

Designsteuerung direkt im Customizer möglich 

WebP-Support & Bildbearbeitung

WebP-Dateien können nun ohne Plugins hochgeladen werden

Bilder bleiben qualitativ hochwertig bei deutlich geringerer Dateigröße

Verbesserung der Medienperformance und Ladezeiten 

Editorfunktionalität & neue Blöcke

Neuer Query Loop Block

Zeigt Beiträge basierend auf Kategorien oder Tags wie ein PHP-Loop

Mit Pattern-Vorschlägen zur schnellen Gestaltung von Listenansichten 

Duotone-Filter für Medien

Farbliche Filter für Bilder oder Cover-Block mit vordefinierten und benutzerdefinierten Presets 

Verbesserte Steuerung im Blockeditor

List View: Strukturüberblick über alle Blöcke im Inhalt

Parent-Block-Navigation bei verschachtelten Elementen

Auswahlwerkzeug mit besserer Hervorhebung von Block-Rändern 

Entwicklerfunktionen & theme.json

Einführung von theme.json und block.json für detaillierte Steuerung von Styles und Einstellungen

API-Extensions ermöglichen Update-URI, Block-Register sowie erweiterte Steuerung von Layouts und Styles 

Zielgruppen & Nutzen

Website-Betreiber

Direkte Kontrolle über Widgets, Templates und Medien ohne zusätzliche Tools

Einheitliche Designsteuerung über globale Styles

Redakteure & Designer

Intuitive Gestaltung von Beiträgen, Seiten oder Widgets über den Blockeditor

Einfaches Arbeiten mit Patterns, Templates und Duotone-Filter

Entwickler & Agenturen

Standardisierte Stilsteuerung via theme.json

Flexible Integration eigener Block-Strukturen und Anpassungen

Fortschrittliche APIs für Modularität, Pattern-Handling und Update-Kontrolle

Empfehlungen zur Einführung

Sicherung des gesamten Systems vor dem Update

Testinstallation in einer Staging-Umgebung

Blockbasierte Templates, Widgets und Query-Block erstmal ausprobieren

WebP-Medien implementieren und Filter testen

theme.json prüfen, Anpassungen planen und anpassen

Fazit

WordP

[Content truncated — full version at https://www.purin.at/wordpress-5-8-tatum]

---

## WordPress 5.9 „Josephine“ – Vollständige Site-Bearbeitung für Block-Themes - Christoph Purin {#page-49}

- URL: https://www.purin.at/wordpress-5-9-josephine-vollstaendige-site-bearbeitung-fuer-block-themes
- Description: Mit WordPress 5.9 beginnt eine neue Phase im Website-Design: Erstmals ist der Site Editor im Core enthalten – mit vollem Fokus auf Block-Themes, globale Stile
- Words: 505

Mit WordPress 5.9 beginnt eine neue Phase im Website-Design: Erstmals ist der Site Editor im Core enthalten – mit vollem Fokus auf Block-Themes, globale Stile und visuelles Layout. Der Codename „Josephine“ ehrt die Jazzsängerin Josephine Baker.

Die wichtigsten Neuerungen im Überblick

Einführung des Full Site Editing (FSE) für Block-Themes

Erstes Block-Standard-Theme: Twenty Twenty-Two

Neue globale Stilsteuerung über visuelle Oberfläche

Verbesserter Galerie-Block mit Bildkontrolle auf Blockebene

Neue Navigation- und Template-Blöcke

Performance-Verbesserungen im Frontend und Editor

Full Site Editing: Gestalten ohne Code

Site Editor ermöglicht die Bearbeitung von Templates, Header, Footer und anderen Theme-Bestandteilen direkt im Backend

Nutzer können Seitenlayouts, Blöcke und Styles vollständig visuell anpassen

Unterstützung für wiederverwendbare Patterns und Template-Teile

Global Styles: Einheitliches Design, zentrale Steuerung

Neue Oberfläche für Farben, Typografie und Spacing auf Website-Ebene

Anpassungen wirken sich direkt auf alle Seiten und Blöcke aus

Erweiterbar über theme.json für Entwickler

Neues Theme: Twenty Twenty-Two

Erstes vollständig blockbasiertes Standard-Theme

Flexibel, leichtgewichtig und voll kompatibel mit dem Site Editor

Vielfältige Design-Patterns und Vorlagen für schnelle Seitengestaltung

Neue Blöcke & Verbesserungen

Neue Systemblöcke

Navigation: Menüs lassen sich visuell aufbauen und gestalten

Template-Teile: Header, Footer und andere Bereiche flexibel einsetzen

Kommentare, Archivtitel und Beitragsinformationen als eigene Blöcke

Verbesserter Galerie-Block

Einzelbilder der Galerie sind individuell formatierbar

Unterstützung für unterschiedliche Links, Styles und Layouts

Block-Locking-Funktion

Sperren von Blöcken gegen Verschieben oder Löschen

Erhöht die Sicherheit und Integrität komplexer Layouts

Verbesserte Workflows

Pattern Explorer zum Durchsuchen und Einfügen vorgefertigter Layouts

Verbesserte Listenansicht zur einfacheren Navigation im Editor

Integration von Rich URL Previews für interaktive Links

Performance & Stabilität

Optimiertes CSS-Management: Nur benötigte Styles werden geladen

Verbesserte Lazy-Loading-Logik für Bilder und eingebettete Inhalte

Schnellere Ladezeiten und geringerer Ressourcenverbrauch

Für wen ist WordPress 5.9 besonders relevant?

Website-Betreiber

Volle Kontrolle über Layout und Design ohne externe Page Builder

Einheitliches Erscheinungsbild durch globale Stildefinitionen

Redakteurinnen und Designer

Intuitive Bearbeitung von Templates und Seiten mit Blockstruktur

Mehr Freiheit bei der visuellen Gestaltung durch Pattern und Stile

Entwickler und Agenturen

Neues Potenzial durch theme.json, Block-APIs und erweiterbare Patterns

Klare Trennung von Inhalt, Layout und Stil – ideal für modulare Projekte

Empfehlung für den Einstieg

Backup der bestehenden Website erstellen

Block-Theme wie Twenty Twenty-Two aktivieren

Site Editor erkunden und Templates indivi

[Content truncated — full version at https://www.purin.at/wordpress-5-9-josephine-vollstaendige-site-bearbeitung-fuer-block-themes]

---

## WordPress 6.0 („Arturo“)  - Christoph Purin {#page-50}

- URL: https://www.purin.at/wordpress-6-0-arturo
- Description: WordPress 6.0 wurde am 24. Mai 2022 veröffentlicht. Der Codename „Arturo“ würdigt den Jazz-Musiker Arturo O’Farrill. Das Update richtet sich an
- Words: 470

WordPress 6.0 wurde am 24. Mai 2022 veröffentlicht. Der Codename „Arturo“ würdigt den Jazz-Musiker Arturo O’Farrill. Das Update richtet sich an Inhalte-Ersteller, Designer und Entwickler und bringt zahlreiche Verbesserungen bei Usability, Performance und Design.

Überblick der zentralen Neuerungen

Verbesserte Schreibfunktionen im Blockeditor

Unterstützung mehrerer Stilvariationen pro Theme

Erweiterte Template-Optionen für Block-Themes

Neue Block-Pattern-Integration und Inserter-Erweiterungen

Zusätzliche Design-Tools wie Farb- und Layoutsteuerung

Bulk-Auswahl im List View und Block-Locking-Funktionen

Performance- und Barrierefreiheitsoptimierungen

Redaktion & Block-Editor

Mehrfachtextauswahl über Blockgrenzen hinweg ermöglicht Copy‑Pasten ganzer Abschnitte und Blöcke 

Shortcut [[ öffnet interne Link-Suche zu kürzlich bearbeiteten Beiträgen und Seiten 

Block-Transformationen behalten bestehende Stile – z. B. von Absatz zu Code oder Button 

Design & Stilwerkzeuge

Theme-Autoren können mehrere Style‑Varianten bereitstellen, Nutzer wählen diese direkt im Editor 

Webfonts API ermöglicht das effiziente Laden lokaler Schriftarten via theme.json 

Neue Controls im Group-Block erlauben Kontrolle über Lücken, Ränder und Layoutrichtungen 

Galerie-Block mit spaßbarer Lückensteuerung, Farbtransparenz und Randoptionen 

Template‑Flexibilität & Pattern‑Integration

Fünf neue Vorlagen-Arten für Block-Themes hinzugefügt: Autor, Datum, Kategorien, Tags, Taxonomie 

Quick Inserter zeigt ab sofort Themes‑Pattern und Template‑Teile, besonders wenn Templates bearbeitet werden 

Themes können eigene Muster aus dem Pattern Directory über theme.json registrieren 

Nutzerkontrolle & Listenverwaltung

List View: Standardmäßig eingeklappt, erweitertes Blockverhalten bei Auswahl, erlaubt Mehrfachblock-Auswahl per Shift-Click im Baum, Drag & Drop möglich 

Block-Locking-Feature erlaubt das Sperren von Bewegung oder Entfernen einzelner Blöcke für zuverlässig geschützten Content 

Performance & Barrierefreiheit

Optimierungen im Bereich Anfrageverarbeitung, Cache API, Navigation und Seitenladezeiten sorgen für spürbare Performance‑Steigerung 

Mehr als 50 Accessibility‑Fixes, z. B. bessere Tastatursteuerung, verständlichere Interface‑Elemente und Kontrastverbesserungen 

Zielgruppen & Nutzungspotenzial

Website‑Betreiber

Komfortabler schreiben dank Multi‑Block‑Auswahl

Einfacher Stilwechsel im Theme ohne Plugin

Redakteur:innen & Designer

Mehr Kontrolle über Layout, Typografie und Layoutgruppen

Visuelle Tools statt Code für komplexe Optiken

Entwickler:innen & Agenturen

Unterstützung mehrerer Template‑Typen im Site Editor

Integration eigener Patterns via theme.json

Theme-Exportfunktion für Wiederverwendbarkeit & Sharing

Empfehlung zur Einführung

Vollständiges Backup von Dateien und Datenbank

Testinstallation in Staging aufsetzen und testen

Kompatibilität zum verwendeten Theme prüfen

Style-Variationen und Webfonts API ausprobieren

Private Site-Designs nu

[Content truncated — full version at https://www.purin.at/wordpress-6-0-arturo]

---

## WordPress 6.1 „Misha“ – Refinement & Konsistenz im Fokus - Christoph Purin {#page-51}

- URL: https://www.purin.at/wordpress-6-1-misha-refinement-konsistenz-im-fokus
- Description: WordPress 6.1 trägt den Codenamen „Misha“ und erschien am 1. November 2022. Es handelt sich um ein Major Release mit Schwerpunkt auf einheitlicher
- Words: 490

WordPress 6.1 trägt den Codenamen „Misha“ und erschien am 1. November 2022. Es handelt sich um ein Major Release mit Schwerpunkt auf einheitlicher Designsteuerung, Verbesserungen im Block-Editor und stabiler Performance für Nutzer und Entwickler  .

Überblick der wichtigsten Neuerungen

Einführung des neuen Standard‑Themes “Twenty Twenty‑Three”

Verbesserte Template-Editor-Funktionen und Template-Pattern-Integration

Globale Styles mit Responsive Typography und einheitlichen Design-Tools

Fluid Typography, Spacing-Presets und erweiterte Block-Metriken

Neue Editor-Features wie Content-only Editing und verbesserte Platzhalter

Performance‑ und Accessibility-Optimierungen sowie neue API-Funktionen 

Neues Standard-Theme: Twenty Twenty‑Three

Minimalistisch modernes Theme mit zehn verschiedenen Stilvarianten

Integrierte Unterstützung für lokale Google Fonts

Accessibility-ready durch klare Struktur und kontrastoptimierte Farbwahl 

Verbesserungen im Block-Editor

Template Editor & Pattern Integration

Einbindung von Template Patterns für Beiträge, Seiten und Custom Post Types

Direkte Bearbeitung von Templates innerhalb des Site Editors ohne Code-Bereich 

Fluid Typography & Spacing

Verwendung von CSS-Funktionen zur automatischen Skalierung von Schriftgrößen je nach Viewport

Vorab definierte Abstände (Spacing Presets) sorgen für konsistentes Layout-Design 

New Dimension Controls

Margins, Padding und Border-Einstellungen direkt im Block-Stileditor steuerbar

Unterstützung für individuelle Ränder, Größenparameter und visuelles Feedback im Editor 

Content‑Only Editing & Block Locking

Ermöglicht das Sperren von Block-Struktur und Stil, während nur Inhalte änderbar bleiben

Ideal für Publishing-Workflows mit mehreren Benutzerrollen 

Verbesserte Nutzeroberfläche & Funktionen

Einheitliche Toolbar für Zitat-, Listen- und Navigationsblöcke

Neue Tastenkürzel für Listenbearbeitung und schnelle Navigation im Editor

Seitenstatus-Panel zeigt nun zusätzliche Metainformationen wie Lesezeit und Strukturübersicht 

Performance & Entwicklung

Zuverlässigkeit & Stabilität

Über 400 Core-Verbesserungen und Bugfixes, inklusive Backports aus 10 Gutenberg-Releases

Fokus auf REST API, WP_Query, Caching und Performance im Backend 

Weitere Optimierungen

Persistente Speicherung von Editor-Preferences auf Serverseite

Neue Health-Checks für Full Page Cache und Persistent Object Cache

Mehr als 60 Accessibility-Fixes in Admin-Oberfläche und Editor 

Für wen ist WordPress 6.1 relevant?

Website-Betreiber

Modern gestaltbare Websites ohne Programmierung

Klarer Editor-Workflow, stabil und performant

Redakteur:innen & Designer

Einheitliches Styling, zuverlässige Layouts, weniger visuelle Inkonsistenzen

Kontrolle über Typografie, Farben und Abstände direkt im Editor

Entwickler & Agenturen

Erweitertes API-Angebot für Layout-Dialoge, Block-Steuerung und Themes

Stabiler Core ohne Breaking-Changes – ideal für individuelle Erweiterungen

Empfehlungen zur Einführung

V

[Content truncated — full version at https://www.purin.at/wordpress-6-1-misha-refinement-konsistenz-im-fokus]

---

## WordPress 6.2 („Dolphy“)  - Christoph Purin {#page-52}

- URL: https://www.purin.at/wordpress-6-2-dolphy
- Description: WordPress 6.2 wurde am 29. März 2023 veröffentlicht. Der Codename „Dolphy“ steht für ein zukunftsgerichtetes Update mit Fokus auf Editor-Erlebnis,
- Words: 522

WordPress 6.2 wurde am 29. März 2023 veröffentlicht. Der Codename „Dolphy“ steht für ein zukunftsgerichtetes Update mit Fokus auf Editor-Erlebnis, Designkontrolle und Performanceverbesserungen. Das Release bringt zahlreiche neue Features und integriert den Gutenberg-Editor vollständig in den Core.

Überblick der wichtigsten Neuerungen

Site Editor ohne „Beta“-Label – jetzt offizielle Funktion

Einführung des Style Book

Verbesserte Navigation im Editor über Browse Mode

Distraction-free Writing Mode für fokussiertes Arbeiten

Openverse-Integration im Medien-Tab

Trennung von Block-Steuerelementen in „Styles“ und „Settings“

Farbliche Kennzeichnung von globalen Templates und wiederverwendbaren Blöcken

Sticky positioning für Gruppenblöcke

Globale CSS-Anpassung für Site oder einzelne Blöcke

Über 900 Änderungen, mehr als 350 Fehlerkorrekturen und rund 290 Verbesserungen

Site Editor – Neuer Workflow

Editor ohne Beta-Label – markiert den Abschluss der Entwicklungsphase 2

Neuer Browse Mode: Templates und Template-Teile zunächst auswählen, dann bearbeiten

Farbige Darstellung bei Template-Teilen und wiederverwendbaren Blöcken im List View zur besseren Orientierung

Menüverwaltung jetzt direkt über Block-Inspektor statt Inline im Header möglich

Style Book & Designkontrolle

Style Book zeigt in einer Übersicht alle Blockdesigns der Website

Styles lassen sich kopieren und auf andere Blöcke übertragen

Eigener Bereich für globale CSS oder blockbezogene CSS-Definitionen

Unterstützung für moderne Typografie, Schatten, Abstände direkt im Blockdesign

Schreibkomfort & Blockstruktur

Neuer Fokusmodus blendet Bedienelemente aus, um clean zu schreiben

Block-Steuerelemente sind klar in Stil- und Einstellungspanels getrennt

Verbesserte Inserter-Oberfläche, mit Vorschau von Block-Patterns und Medien

Schnellnavigation über Command Palette (z. B. Seitenwechsel, Blockwahl)

Medien & Integration

Openverse-Fotos direkt im Medien-Tab nutzbar, mit automatischer Lizenzangabe

Unterstützte moderne Bildformate, exemple Avif/WebP

Sticky-Positionierung ermöglicht fixierte Gruppenelemente beim Scrollen

Performance & Stabilität

Block-Themes laden laut Entwickler messbar schneller: bis zu 18 % Frontend, bis zu 23 % Server-seitige Performance-Verbesserung

Optimierter Script-Ladeprozess durch async/defer sowie Priorisierung bei Bildern

Über 350 Fehlerkorrekturen und nahezu 300 generelle Verbesserungen sorgen für mehr Zuverlässigkeit

Zielgruppen & Relevanz

Website-Betreiber

Klarer und stabiler Editor für tägliche Inhalte

Verbesserte Medienverwaltung und konsistente Designmöglichkeiten

Redakteur:innen & Designer

Einheitliches Design über globale Styles und Style Book

Fokusmodus und verbesserte Navigation sorgen für effizienteres Schreiben

Entwickler & Agenturen

Leistungsfähige Design-APIs zur Integration eigener Patterns, Templates oder Daten

Modernisierte Blocksteuerung und API für globale CSS-Anpassung

Solide Basis für zukunftsorientierte Theme-Entwicklung

[Content truncated — full version at https://www.purin.at/wordpress-6-2-dolphy]

---

## WordPress 6.3 („Lionel“) - Christoph Purin {#page-53}

- URL: https://www.purin.at/wordpress-6-3-lionel
- Description: WordPress 6.3 wurde unter dem Codenamen „Lionel“ veröffentlicht. Das Major-Update integriert zehn Versionen des Gutenberg-Editors in den Core und fokussiert
- Words: 570

WordPress 6.3 wurde unter dem Codenamen „Lionel“ veröffentlicht. Das Major-Update integriert zehn Versionen des Gutenberg-Editors in den Core und fokussiert sich auf eine umfassend optimierte Nutzererfahrung im Site Editor sowie entschieden verbesserte Performance und Entwicklerfunktionen. Es ist Teil des zweiten Entwicklungszyklus gemäß dem WordPress-Roadmap‑Plan.

Überblick der Kern-Neuerungen

Vollständig überarbeiteter Site Editor mit verbesserter Navigation

Einführung synchronisierbarer Patterns (My Patterns)

Integration der Command Palette für schnelle Navigation und Aktionen

Style‑Revisionen mit Undo-/Rollback-Funktion für globale Styles

Zwei neue Blöcke: Footnotes und Details

Mehr als 170 Performance‑Verbesserungen

Über 50 Accessibility-Fixes im gesamten System 

Site Editor & Navigation

Navigation vereint Inhalte, Templates, Styles und Patterns in einem Interface

Leinwand-Ansicht zur nahtlosen Navigation zwischen Seiten und Seitenvorlagen

Schneller Seitenwechsel über Command Palette oder Interface-Bereich

Neues Panelsystem mit Modulen für Navigation, Styles, Pages, Patterns und Templates 

Synced & Unsynced Patterns

Nutzer können Patterns direkt im Editor erstellen und als synchronisierte oder eigenständige Version speichern

Synced Patterns verhalten sich wie globale Blockvorlagen: Änderungen wirken sich auf alle Instanzen aus

Unsynced Patterns ermöglichen individuelle Anpassungen je Blockkopie 

Command Palette & Style Revisions

Zugriff über Tastenkürzel (Ctrl / Cmd + K) oder Suchsymbol im Editor

Schnellnavigation zu Seiten, Templates und Editor-Kommandos

Öffnen oder Erstellen von Posts, Umstellen von UI-Modi, Rücksetzen von Vorlagen etc.

Style Revision zeigt alle Änderungen an globalen Styles inklusive Zeitstempel und Benutzer, Rückkehr zu älteren Styles per Klick möglich 

Neue Blöcke & Design-Verbesserungen

Footnotes Block

Ermöglicht Fußnoten direkt im Inhalt ohne Drittanbieter-Plugins

Automatische Verlinkung von z. B. Zitaten oder Anmerkungen

Details Block

Inhalte können ein- oder ausgeblendet werden, ideal für FAQs oder Codeabschnitte

Überschrift sichtbar, Inhalt bei Klick erweiterbar

Weitere Verbesserungen:

Cover Block erhält neue Controls für Typografie, Border- und Layoutoptionen

Dimensionssteuerung für Padding/Margin über ikonbasierte UI verbessert 

Performance & Barrierefreiheit

Über 170 Leistungsoptimierungen, u. a. defer/async für Skripte, fetchpriority bei Bildern, verbesserte Lazy-Loading-Logik

Ladezeiten verbessert: bis zu 10 % schnelleres Rendering bei Block-Themes und 8–9 % bei Classic Themes

Mehr als 50 Accessibility-Fixes: verbesserte Tastaturnavigation, Labeling, Struktur im Admin-Interface 

Entwickler-Funktionen & APIs

Command Palette API ermöglicht Plugin-Integration und eigene Kommandos

Musterverwaltung (Patterns API) jetzt voll UI-basiert nutzbar

Verbesserte Script-Handling APIs unterstützen modularen und asynchronen Code

Neue Cache-Gruppen für WP_User_Query zur Effizienzsteiger

[Content truncated — full version at https://www.purin.at/wordpress-6-3-lionel]

---

## WordPress 6.4 („Shirley“)  - Christoph Purin {#page-54}

- URL: https://www.purin.at/wordpress-6-4-shirley
- Description: WordPress 6.4 wurde am 7. November 2023 veröffentlicht und trägt den Codenamen „Shirley“. Die Version bringt zahlreiche Verbesserungen für den Blockeditor,
- Words: 525

WordPress 6.4 wurde am 7. November 2023 veröffentlicht und trägt den Codenamen „Shirley“. Die Version bringt zahlreiche Verbesserungen für den Blockeditor, ein neues Standard-Theme sowie Performance- und Barrierefreiheits-Optimierungen. Im Fokus stehen bessere Workflows für Redakteure, Design-Flexibilität und neue Entwicklerfunktionen.

Überblick der wichtigsten Neuerungen

Neues Standard-Theme Twenty Twenty-Four

Verbesserte Schreib- und Bearbeitungserfahrung im Editor

Erweiterte Designkontrollen für Layout und Stil

Einführung von Block Hooks

Performance- und Barrierefreiheitsverbesserungen

Neues Standard-Theme: Twenty Twenty-Four

Flexibles Block-Theme mit drei Designvarianten

Fokus auf breite Anwendbarkeit für Unternehmen, Einzelpersonen und Projekte

Enthält über 35 Patterns und Templates

Ideal für kreatives Arbeiten ohne Codierung

Verbesserungen im Blockeditor

Effizienterer Schreibfluss

Einheitliche Werkzeugleisten für Zitat-, Navigations- und Listenblöcke

Verbesserte Listenbearbeitung mit automatischer Gruppierung

Neue Tastenkürzel in der Listenansicht

Überarbeitete Kommandopalette

Neue visuelle Darstellung

Zusätzliche Befehle und Funktionen für die Blockbearbeitung

Schnellere Navigation durch das Interface

Erweiterte Listenansicht

Umbenennen von Gruppen direkt in der Listenansicht

Miniaturvorschauen für Galerien und Bilder

Bessere Kontrolle und Übersicht bei komplexen Seitenlayouts

Neue Design- und Layoutfunktionen

Hintergrundbilder jetzt in Gruppenblöcken möglich

Lightbox-Funktion für Bilder direkt im Core verfügbar

Einheitliche Steuerung für Schatten, Ränder und Eckabrundungen

Unterstützung für Platzhalterformate bei Bildern (z. B. Aspect Ratio)

Navigationselemente können jetzt Buttons enthalten

Neue Funktionen für Entwickler

Block Hooks

Blöcke können an definierte Stellen in andere Blöcke „eingehängt“ werden

Vergleichbar mit klassischen PHP-Hooks, aber blockbasiert

Ideal für Plugins, die Inhalte an bestimmten Stellen einfügen sollen

Pattern-Management

Eigene Patterns lassen sich kategorisieren und filtern

Muster können exportiert und auf anderen Websites wiederverwendet werden

Performance- und Barrierefreiheit

Über 100 Performance-Optimierungen, darunter Ladezeiten und Skriptverarbeitung

Async und defer-Unterstützung für Skripte

Optimierte Übersetzungsverarbeitung über sogenannte „performante Übersetzungen“

Barrierefreiheits-Korrekturen in der Admin-Oberfläche und im Editor

Für wen ist WordPress 6.4 besonders interessant?

Website-Betreiber und Redaktionen

Mehr Kontrolle über Gestaltung direkt im Editor

Verbesserter Arbeitsfluss für das tägliche Schreiben und Publizieren

Designer und Kreative

Flexiblere Gestaltungsmöglichkeiten ohne eigenes CSS

Einsatz von Patterns, Lightbox und responsiven Layouts direkt im Core

Entwickler und Agenturen

Block Hooks ermöglichen präzise Erweiterungen

Verbesserte Performance als Grundlage für skalierbare Anwendungen

Pattern-Verwaltung vereinfacht die Wiederv

[Content truncated — full version at https://www.purin.at/wordpress-6-4-shirley]

---

## WordPress 6.5 („Regina“)  - Christoph Purin {#page-55}

- URL: https://www.purin.at/wordpress-6-5-regina
- Description: WordPress 6.5, intern als „Regina“ bezeichnet, ist ein bedeutendes Major Release mit vielen Neuerungen im Bereich Site‑Editor, Design, Performance und
- Words: 520

WordPress 6.5, intern als „Regina“ bezeichnet, ist ein bedeutendes Major Release mit vielen Neuerungen im Bereich Site‑Editor, Design, Performance und Entwickler-APIs.

Überblick der wichtigsten Neuerungen

Einführung der neuen Font Library für zentral gesteuerte Typografie

Überarbeitete Datenansichten (DataViews) und Style Book Revisionen

Neue Interactivity API und Block Bindings API

Verbesserte Design‑Kontrollen für Hintergrundbilder, Schatten, Corner Styles

Erste Performance‑Optimierungen mit über 110 Verbesserungstickets

Unterstützung moderner Bildformate wie AVIF sowie Lazy Loading für bessere Performance

Neue Design- und Editor-Funktionen

Font Library

Installieren, aktivieren und verwalten von Google Fonts sowie lokal gespeicherten Webfonts direkt aus dem Editor

Farb‑ und Typografie-Optionen zentral steuerbar und nutzbar für Block Themes

DataViews & Style Book

Änderungen an Templates und Templates‑Teilen enthalten jetzt Revisionen mit Zeitstempeln und kurzen Zusammenfassungen

Übersicht über Style Book Revisionen zeigt visuelle Auswirkungen auf alle Blöcke

Verbesserte Hintergrund- und Schattensteuerung

Cover‑Block mit automatischem Farb‑Overlay basierend auf dem Bildinhalt

Kontrollmöglichkeiten für Aspekte wie Position, Wiederholung und Schatten bei Gruppenblöcken

Unterstützung für Box Shadows, Teilverläufe und Aspect Ratio Einstellungen

Interaktion & Entwickler-APIs

Interactivity API

Ermöglicht interaktive Funktionen ohne Seitenreload, z. B. Live-Suche, Favoritenlisten oder AJAX-basierte Aktionen im Editor

Block Bindings API

Core-Blöcke können mit Custom Fields verbunden werden

Direkte Datenbindung für Inhalt, Titel oder Bilder über Blockattribute

Plugin Dependencies

Plugins können Abhängigkeiten definieren, die beim Aktivieren automatisch geprüft und aktiviert werden

Verhindert versehentliches Deaktivieren notwendiger Plugins

Editor-Ergonomie & Performance

Verbesserte Drag‑&‑Drop-Steuerung

Visuelle Hinweise beim Ziehen von Blöcken

Nahtloses Platzieren von Blöcken am Anfang oder Ende eines Inhaltsbereichs

Verbesserte Navigation in der Listenansicht

Neue Kontext‑Controls

Rechtsklick-Menü zur direkten Bearbeitung von Link-Einstellungen

Umbenennen von Blöcken im Listen-View zur besseren Übersichtlichkeit

Performance-Updates

Über 110 Tickets für Editor- und Frontend-Performance verbessert

AVIF Unterstüzung mit deutlich kleinerer Dateigröße und besserer Ladezeit

Verbesserte Übersetzungs-Ladeprozesse über neue Binary-Formate (Performant Translations)

Wer profitiert besonders?

Website‑Betreiber

Einfachere Gestaltung und konsistente Stile ohne Code‑Editor

Schnellere Bearbeitung sowie besseres Nutzererlebnis im Site‑Editor

Designer & Redaktion

Einheitliches Design über zentrale Styleverwaltung

Patterns anpassen und verwalten ohne JavaScript oder CSS

Entwickler & Agenturen

Leistungsfähige APIs zur Einbindung eigener Tools oder Daten

Stabiler Core mit neuen Erweiterungsmöglichkeiten

Automatische Plugin-D

[Content truncated — full version at https://www.purin.at/wordpress-6-5-regina]

---

## WordPress 6.6 „Dorse - Christoph Purin {#page-56}

- URL: https://www.purin.at/wordpress-6-6-dorse
- Description: WordPress 6.6 trägt den Codenamen „Dorsey“ und wurde am 16. Juli 2024 veröffentlicht. Das Release widmet sich gezielt der Verbesserung der Nutzererfahrung im
- Words: 505

WordPress 6.6 trägt den Codenamen „Dorsey“ und wurde am 16. Juli 2024 veröffentlicht. Das Release widmet sich gezielt der Verbesserung der Nutzererfahrung im Blockeditor (Gutenberg) und anpassbaren Design-Workflows im Site Editor. Technisch liegt der Schwerpunkt auf Performance-Deoptimierung, Barrierefreiheit und Developer APIs.

Überblick der Neuerungen

Umfangreiche Editor- und Design-Verbesserungen

Neue Publishing-Flow Nutzerführung

Block-Pattern-Overrides und Block-Bindings API

Theme.json Version 3 mit erweiterten Stiloptionen

Performance-Optimierungen und Bildformate

Mehr als 50 Accessibility-Fixes

Design und Site Editor

Maximale Flexibilität bei Farbpaletten und Schriftsets

Schnellvorschauen von Seiten direkt im Site Editor

Einheitliche Publishing-Oberfläche für Beiträge und Site-Templates

Blockeditor-Verbesserungen

Pattern Overrides und Block Bindings

Blöcke lassen sich als „synced patterns“ verwenden, Inhalte einzelner Instanzen über Overrides anpassen

Bindung von Custom Fields an Blöcke ermöglicht dynamische Inhaltsverknüpfung via API

Inserter und Blockverwaltung

Inserter zeigt nun alle passenden Blöcke, auch jene, die im aktuellen Kontext erlaubt sind

Mehr Übersichtlichkeit und komfortable Blockauswahl beim Erstellen von Inhalten

Benutzerfreundliche Shortcuts

Tastenkombination zum Gruppieren mehrerer Blöcke hinzugefügt (z. B. Strg / Cmd + G)

Theme- und Entwickler‑Funktionen

Einführung von Theme.json Version 3 mit neuen Optionen zur Typografie und Layoutsteuerung

Unterstützung für Git‑ähnliche Rollback‑Funktion bei automatischen Plugin-Updates

Unterstützung für React‑JSX, Vorbereitung auf React 19, jQuery UI Updates

Optionen-API optimiert: Autoload für große Einstellungen wurde entkoppelt bzw. modifizierbar

Performance & Barrierefreiheit

Entfernen unnötiger Theme.json-Aufrufe, Lazy Loading für Embeds, Template-Ladezeiten um etwa 33 % reduziert

Neue data-wp-on-async Direktive für besseres Rendering im Editor

Mehr als 55 Accessibility-Fixes, insbesondere im Inserter und den Data Views Komponenten 

Unterstützte Medien & Layout

Native Unterstützung für moderne Bildformate AVIF und WebP

Grid-Layout und negative Außenabstände („negative margins“) ohne Code möglich

Custom Schatten („custom shadows“) in globalen Stilen auswählbar

Section Styles zur Gestaltung ganzer Blockgruppen zentral steuerbar

Für wen ist WordPress 6.6 relevant?

Website-Betreiber

Intuitivere Bearbeitung von Seitenlayouts

Schnellere Darstellung im Editor durch Performanceoptimierungen

Designer & Content-Teams

Einheitliche Stile und Layout-Optionen direkt im Site Editor

Einfaches Anpassen wiederverwendbarer Patterns und Abschnitte

Entwickler & Theme-Autoren

Erweiterte APIs für visuelle Integration und Dynamik

Stabiler Core mit klar definierten Update-Möglichkeiten

Neue Template- und Feldsteuerung unabhängig vom Theme

Empfehlungen für den Umstieg

Vollständiges Backup von Datenbank und Dateien anlegen

Update zunächst in einer Staging-

[Content truncated — full version at https://www.purin.at/wordpress-6-6-dorse]

---

## WordPress 6.7  - Christoph Purin {#page-57}

- URL: https://www.purin.at/wordpress-6-7
- Description: WordPress 6.7 wurde unter dem Codenamen „Rollins“ veröffentlicht und ist ein Major Release mit Schwerpunkt auf Design, Nutzerfreundlichkeit und technischer
- Words: 523

WordPress 6.7 wurde unter dem Codenamen „Rollins“ veröffentlicht und ist ein Major Release mit Schwerpunkt auf Design, Nutzerfreundlichkeit und technischer Erweiterbarkeit. Es bringt viele Verbesserungen für den Site Editor, neue Design-Funktionen, ein neues Standard-Theme sowie APIs für Entwickler.

Überblick der wichtigsten Neuerungen

Neues Standard-Theme „Twenty Twenty-Five“

Zoom-Out-Ansicht zur Bearbeitung kompletter Seitenlayouts

Verbesserte Design-Steuerung und globale Stilverwaltung

Erweiterungen im Blockeditor, insbesondere für den Query Loop Block

Neue APIs zur Einbindung von Datenfeldern und Vorschau-Modi

Verbesserte Performance bei Bildern und Skripten

Design und Editor-Verbesserungen

Neues Standard-Theme: Twenty Twenty-Five

Vollständig blockbasiert

Integriert Pattern-First-Ansatz

Modularer Aufbau für verschiedene Branchen, z. B. Blogging, Portfolios oder Unternehmen

Zoom-Out-Modus

Neue Ansicht zum Bearbeiten des Seitenlayouts auf Pattern-Ebene

Erleichtert das Verschieben, Einfügen und Ersetzen ganzer Inhaltsabschnitte

Aktivierbar im Site Editor

Erweiterte Design-Kontrollen

Verbesserte Einstellungen für Farben, Typografie und Layout-Abstände

Unterstützung für fluid Typography

Verbesserte Kontrolle über Schatten, Rahmen und Hintergrundbilder

Stilfunktionen jetzt auch für Zitat-, Vers- und Inhaltsblöcke verfügbar

Medien- und Performanceoptimierungen

Automatische sizes=“auto“-Unterstützung für Bilder mit Lazy Loading

Unterstützung für HEIC/HEIF-Bilder mit automatischer Umwandlung in JPEG

Lightbox-Funktion für Galerien

Blockeditor-Verbesserungen

Query Loop Block

Neue Filteroptionen für Sticky Posts und Inhaltsarten

Verbesserte Auswahl von Seiten über alle Hierarchieebenen

Bessere Layoutkontrolle für verschachtelte Loops

Verbesserte globale Stile

Klare Trennung zwischen benutzerdefinierten und systemweiten Styles

Einheitlichere Darstellung auf Website-Ebene

Mehr Designkonsistenz bei Wiederverwendung von Patterns

Entwicklerfunktionen und APIs

Block Bindings API (UI)

Blöcke können direkt mit Custom Fields verknüpft werden

Unterstützt u. a. Paragraph-, Heading-, Button- und Image-Blöcke

Template Registration API

Plugins können eigene Templates registrieren – unabhängig vom Theme

Templates können im Editor geladen und angepasst werden

Preview Options API

Eigene Vorschau-Modi im Editor definierbar

Nützlich für z. B. Dark Mode, PDF-Ansicht oder Mobilgeräte-Vorschau

Verbesserte Script- und Interactivity API

Ladeverhalten von Skripten optimiert

Unterstützung für Code-Splitting und modulare interaktive Blöcke

Für wen ist WordPress 6.7 besonders relevant?

Website-Betreiber

Moderner Site Editor mit intuitiver Bedienung

Leistungsstarkes neues Standard-Theme

Vereinfachter Workflow für Layout, Farben und Typografie

Designer und Redakteure

Optimierte globale Styles

Wiederverwendbare Patterns mit mehr Kontrolle

Zoom-Out-Funktion für besseres visuelles Arbeiten

Entwickler und Agenturen

Neue APIs und s

[Content truncated — full version at https://www.purin.at/wordpress-6-7]

---

## WordPress 6.7.1 – Maintenance Release - Christoph Purin {#page-58}

- URL: https://www.purin.at/wordpress-6-7-1-maintenance-release
- Description: WordPress 6.7.1 wurde am 21. November 2024 veröffentlicht. Dabei handelt es sich um ein Maintenance Release, das ausschließlich Fehlerbehebungen im Core und
- Words: 316

WordPress 6.7.1 wurde am 21. November 2024 veröffentlicht. Dabei handelt es sich um ein Maintenance Release, das ausschließlich Fehlerbehebungen im Core und im Blockeditor enthält.

Übersicht der Änderungen

Insgesamt 16 Bugfixes

Beheben von Problemen, die in Version 6.7 eingeführt wurden

Blockeditor- und Core-Bereinigung im Fokus 

Technische Verbesserungen im Core

Fehlerkorrekturen in der HTML API und interner Darstellung, speziell Funktionen rund um Übersetzungen und Größenattribute

Behebung von Problemen mit automatisch generierten Bildgrößen (sizes=auto), die Bilder fälschlich verkleinert haben 

Verbesserungen im Blockeditor

Layoutprobleme innerhalb von Blöcken wurden korrigiert

Drag & Drop im Editor funktioniert nun stabiler und zuverlässiger

Probleme im Customizer, darunter unerwartete horizontale Scrolling-Fehler, wurden bereinigt 

Weitere Fixes

Übersetzungen, die in bestimmten JavaScript-Dateien nicht korrekt geladen wurden, wurden angepasst

Warnungen bei mehrfacher Verwendung der Funktion wp_salt() wurden behoben 

Für wen ist das Update relevant?

Website-Betreiber

Mehr Stabilität durch eine bereinigte Codebasis

Konsistentes Nutzererlebnis im Editor ohne Fehler oder Darstellungsprobleme

Entwickler und Agenturen

Solide Grundlage ohne neue API-Änderungen oder Breaking Changes

Sicherer Einsatz von Themes und Plugins auf Basis von stabilisierten Funktionen

Multisite-Administratoren

Verbesserte Funktionalität in Netzwerkinstallationen

Stabilere Abläufe auch bei komplexen WordPress-Setups 

Empfehlungen für das Update

Backup von Datenbank und Dateien erstellen

Update in einer Staging-Umgebung testen

Plugins und Themes auf Funktionalität prüfen

Live-Update bei erfolgreichem Test durchführen

Prüfung besonders im Blockeditor durchführen

Fazit

Version 6.7.1 ist ein typisches Wartungsrelease mit 16 gezielten Fehlerbehebungen. Es verbessert die Stabilität des Core und des Editors und schafft eine solide Basis für zukünftige Updates. Wer Wert auf Verlässlichkeit und reibungslosen Betrieb legt, sollte das Update zeitnah einspielen.

mögen diesen Artikel.

Verfasst am 22. November 2024

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## WordPress 6.7.2 – Maintenance Release  - Christoph Purin {#page-59}

- URL: https://www.purin.at/wordpress-6-7-2-maintenance-release
- Description: WordPress 6.7.2 wurde am 11. Februar 2025 veröffentlicht. Es handelt sich um ein reines Wartungsupdate ohne neue Funktionen. Schwerpunkt sind Fehlerbehebungen
- Words: 294

WordPress 6.7.2 wurde am 11. Februar 2025 veröffentlicht. Es handelt sich um ein reines Wartungsupdate ohne neue Funktionen. Schwerpunkt sind Fehlerbehebungen im Core und im blockbasierten Editor.

Übersicht der Änderungen

Insgesamt 35 Fehlerbehebungen

im WordPress-Core

im Gutenberg‑Blockeditor

Betroffene Bereiche: Block-Editor, HTML API und Anpassungen der Darstellung

Nächste Hauptversion (WordPress 6.8) ist für den 15. April 2025 geplant

Automatische Hintergrund-Aktualisierungen werden — falls aktiviert — automatisch durchgeführt

Technische Details im Core

Behebung von Fehlern im Zusammenhang mit HTML API und interner Darstellung

Verbesserte Stabilität in Kernkomponenten ohne neue API-Änderungen

Verbesserungen im Blockeditor

Korrekturen bei Layout-Darstellung und Rendering innerhalb von Blöcken

Stabilere Drag‑&‑Drop-Funktionalität und bessere Nutzerführung

Anpassungen im Customize-Panel zur Live-Vorschau

Warum dieses Update wichtig ist

Für Website-Betreiber

Erhöhte Systemstabilität durch umfangreiche Fehlerbehebung

Konsistentes Verhalten im Editor und in der Darstellung einer Website

Für Entwickler und Agenturen

Solide, bereinigte Codebasis ohne API-Breaks oder Risiko-injektierte Legacy-Funktionen

Robuste Basis für eigene Themes und Plugins

Multisite-Nutzer

Verbesserte Performance und Zuverlässigkeit selbst in verteilten Geo-Installationen

Empfehlungen zum Update

Komplettes Backup von Dateien und Datenbank erstellen

Update in einer Testumgebung durchführen

Plugins und Themes auf Kompatibilität überprüfen

Live-Update nach erfolgreichem Test ausführen

Inhaltliche Prüfung insbesondere im Editor vornehmen

Fazit

WordPress 6.7.2 ist ein typisches Maintenance-Release. Es schließt 35 relevante Fehler, optimiert die Editor-Performance und stärkt die Stabilität des Gesamtsystems. Für alle, die in produktiven Umgebungen Wert auf Sicherheit, Zuverlässigkeit und reibungslose Nutzung legen, bietet es eine saubere und sichere Upgrade-Basis.

mögen diesen Artikel.

Verfasst am 14. Februar 2025

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## WordPress 6.8.0 – Hauptrelease vom 15. April 2025 - Christoph Purin {#page-60}

- URL: https://www.purin.at/wordpress-6-8-0-hauptrelease-vom-15-april-2025
- Description: WordPress 6.8.0, intern als „Cecil“ bezeichnet, wurde am 15. April 2025 veröffentlicht. Die Version richtet sich an die regelmäßige Wartung des Systems mit
- Words: 350

WordPress 6.8.0, intern als „Cecil“ bezeichnet, wurde am 15. April 2025 veröffentlicht. Die Version richtet sich an die regelmäßige Wartung des Systems mit klarer Fokussierung auf Design‑, Editor‑ und Workflow-Optimierungen. Sie führt keine neuen Major‑Funktionen ein, sondern verfeinert bestehende Werkzeuge.

Überblick der Neuerungen

Refinements statt Feature-Flut

Fokus auf Benutzerfreundlichkeit im Blockeditor und auf Site Design

Keine größeren API-Änderungen oder Breaking‑Changes

Nur eine Hauptversion im Jahr, gefolgt von klassischen Maintenance‑Releases

Verbesserungen im Designbereich

Übersichtlich strukturierte Style Book‑Ansicht

Einheitlichere Darstellung von Farben, Typografie und Block-Stilen

Zugang zum Style Book direkt aus dem Editor‑Sidebar

Optimierungen im Blockeditor

Query Loop Block :

Inhalte mit oder ohne Sticky Posts auswählen

Neue Sortieroptionen

Auswahl von Seiten über alle Hierarchie-Ebenen hinweg

Layout und Handling :

Verbesserte Steuerung bei verschachtelten Layouts

Optimiertes Drag‑&‑Drop bei Blöcken

Konsistentere Verarbeitung von Abständen und Container-Strukturen

Entwicklerrelevante Merkmale

Weiterentwicklung des Block Hooks API

Weitere Backend-Optimierungen für Ladezeiten und Performance

Unterstützung für Font Library und verbesserte Template-Steuerung

Spekulatives Laden von Seiten zur Performanceverbesserung

Zielgruppen und Relevanz

Website-Betreiber

Schlankere und intuitivere Designwerkzeuge

Einheitlichere Style-Umgebung ohne zusätzlichen Aufwand durch Plugins

Content-Teams und Designer

Einfacheres Anpassen von globalen Farben und Typografie

Schnelleres Arbeiten über konsistente Block-Stile und Layouts

Entwickler und Agenturen

Klarer und stabiler Core ohne unerwartete Breaking-Änderungen

Verbesserte APIs zur Integration eigener Tools oder Plugins

Empfehlungen zur Nutzung

Themes und Plugins aktualisieren und testen

Design-Templates überarbeiten, falls notwendig

Neue Style-Optionen im Site Editor überprüfen

Inhalte mit dem Query Loop Block dynamisch gestalten

Fazit

WordPress 6.8.0 („Cecil“) ist ein Release für Feinschliff statt Innovation. Der Schwerpunkt liegt auf verbesserten Design-Workflows, optimierten Editoren und erhöhter Stabilität. Wer Wert legt auf konsistente Styles und ein intuitives Editor-Erlebnis, findet hier eine moderne und zuverlässige Basis für weitere Updates in der 6.8.x-Reihe.

mögen diesen Artikel.

Verfasst am 18. April 2025

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## WordPress 6.8.1 – Wartungs-Release im Überblick - Christoph Purin {#page-61}

- URL: https://www.purin.at/wordpress-6-8-1-wartungs-release-im-ueberblick
- Description: WordPress 6.8.1 ist ein kurzes Wartungs-Update, veröffentlicht am 30. April 2025. Die Version enthält ausschließlich Bugfixes im Core und im Blockeditor und
- Words: 269

WordPress 6.8.1 ist ein kurzes Wartungs-Update, veröffentlicht am 30. April 2025. Die Version enthält ausschließlich Bugfixes im Core und im Blockeditor und führt keine neuen Funktionen ein  .

Übersicht der Änderungen

Insgesamt 15 Fehlerbehebungen

im WordPress-Core

im Gutenberg‑Blockeditor

Behebung von Problemen in Multisite-Umgebungen und bei der REST API 

Planung weiterer Maintenance-Releases für 2025 

Technische Details

Core‑Fixes

Fehler im Zusammenhang mit Multisite-Funktionen wurden behoben, darunter weiterhin nicht verfügbare Funktionen wie is_super_admin 

Weitere Korrekturen rund um REST API und Backend-Integration 

Blockeditor-Optimierungen

Stabilere Funktionalität bei verschachtelten Layouts und Block-Inhalte

Verbesserte Darstellung und Bedienbarkeit bei Drag‑&‑Drop

Behebung von Rendering-Fehlern und falsch platzierten Elementen im Editor 

Zielgruppen und Nutzen

Website-Betreiber

Höhere Stabilität durch korrigierte Fehler

Editorarbeiten verlaufen flüssiger ohne enttäuschende Darstellungsfehler

Entwickler & Agenturen

Stabilere Codebasis ohne neue APIs oder Break-Änderungen

Sichere Upgrade-Basis für Themes und Plugins

Multisite-Administrator:innen

Verbesserte Bedienbarkeit und Fehlerfreiheit bei Netzwerk-Installationen

Empfehlungen für das Update

Komplette Datensicherung erstellen (Dateien + Datenbank)

Update in einer Testumgebung installieren

Plugin- und Theme-Kompatibilität prüfen

Live-Upgrade durchführen und Funktionalität überprüfen

Editor und Seiten gezielt testen

Fazit

WordPress 6.8.1 ist ein klassisches Wartungs-Release. Die Version behebt etwa 15 relevante Fehler, verbessert die Kompatibilität und sorgt für einen stabileren Blockeditor. Für alle, die auf Sicherheit und Verlässlichkeit setzen, bietet sie eine solide Grundlage ohne Risiko.

mögen diesen Artikel.

Verfasst am 2. Mai 2025

Ich bin Christoph, Webentwickler und Certified Neuro Web Expert. Ich helfe Unternehmen, Webseiten zu bauen, die nicht nur schön sind, sondern psychologisch funktionieren.

Hinterlasse den ersten Kommentar

Name *

E-Mail *

Website

Kommentar *

---

## WordPress Webhosting: Die besten Anbieter im Vergleich 2023 - Christoph Purin {#page-62}

- URL: https://www.purin.at/wordpress-webhosting-die-besten-anbieter-im-vergleich-2023
- Description: Die Wahl des richtigen Webhostings ist entscheidend für den Erfolg einer WordPress-Website. In diesem Artikel vergleichen wir die besten
- Words: 519

Die Wahl des richtigen Webhostings ist entscheidend für den Erfolg einer WordPress-Website. In diesem Artikel vergleichen wir die besten WordPress-Webhosting-Anbieter im Jahr 2023 und geben praxisnahe Tipps, um Ihnen bei der Auswahl zu helfen.

Warum ist Webhosting für WordPress so wichtig?

WordPress ist eines der beliebtesten Content-Management-Systeme (CMS) der Welt. Die Leistung Ihrer Website hängt jedoch stark von der Qualität des Webhostings ab. Ein gutes Hosting sorgt für hohe Verfügbarkeit, schnelle Ladezeiten und eine sichere Umgebung für Ihre Daten. Wenn Sie die falsche Wahl treffen, kann dies negative Auswirkungen auf Ihre Sichtbarkeit in Suchmaschinen und die Benutzererfahrung haben.

Worauf Sie bei der Auswahl des Webhostings achten sollten

Leistung: Stabiles und schnelles Hosting ist entscheidend, insbesondere bei hohem Traffic.

Support: Ein kompetenter und schneller Kundensupport sollte rund um die Uhr verfügbar sein.

Backup-Optionen: Stellen Sie sicher, dass regelmäßige Backups angeboten werden, um Datenverluste zu vermeiden.

Preis-Leistungs-Verhältnis: Achten Sie auf versteckte Kosten und vergleichen Sie verschiedene Pakete.

Benutzerfreundlichkeit: Eine intuitive Benutzeroberfläche erleichtert die Verwaltung Ihrer Website.

Die besten WordPress Webhosting-Anbieter 2023

1. SiteGround

SiteGround wird oft als einer der besten Hosting-Provider für WordPress angesehen. Die Hauptmerkmale sind:

Super schneller Support: 24/7 Support über Live-Chat und Telefon.

Leistungsstarkes Caching: Integriertes Caching für schnellere Ladezeiten.

Regelmäßige Backups: Automatische tägliche Backups.

Preise: Ab 3,99 €/Monat

2. Bluehost

Bluehost ist bekannt für seine Benutzerfreundlichkeit und ist eine offizielle WordPress-Empfehlung. Die Vorteile sind:

Ein-Klick-Installation: Einfache Installation von WordPress.

Kostenloses Domain: Bei Buchung eines Pakets erhalten Sie eine kostenlose Domain für das erste Jahr.

Guter Kundenservice: 24/7 Support über Telefon und Chat.

Preise: Ab 2,95 €/Monat

3. HostEurope

HostEurope bietet eine Vielzahl von Hosting-Paketen und ist besonders für Unternehmen geeignet. Die Highlights sind:

Skalierbarkeit: Ideal für wachsende Unternehmen, die ihre Ressourcen flexibel anpassen möchten.

SSL-Zertifikat: In allen Paketen inklusive, was für Sicherheit sorgt.

Testphase: 30 Tage Geld-zurück-Garantie.

Preise: Ab 4,99 €/Monat

Praxisnahe Tipps zur Auswahl des richtigen Anbieters

Testen Sie den Support: Stellen Sie verschiedene Fragen an den Support, um die Reaktionszeiten und die Qualität der Antworten zu überprüfen.

Überprüfen Sie die Ladezeiten: Nutzen Sie Tools wie Google PageSpeed Insights, um die Ladezeiten der Anbieter zu vergleichen.

Lesen Sie Bewertungen: Schauen Sie sich Erfahrungsberichte und Bewertungen auf unabhängigen Websites an.

Nutzen Sie Testzeiträume: Wo möglich, nutzen Sie kostenlose Testzeiträume, um den Anbieter kennenzulernen.

Fazit

Die Wahl des richtigen Webhosting-Anbieters ist ents

[Content truncated — full version at https://www.purin.at/wordpress-webhosting-die-besten-anbieter-im-vergleich-2023]

---

## Portfolio - Christoph Purin {#page-63}

- URL: https://www.purin.at/work
- Description: Als erfahrener Webentwickler mit besonderem Fokus auf Elementor verfüge ich über ein tiefes Verständnis dieser Plattform, die es mir ermöglicht, hochwertige
- Words: 515

Ergebnisse, die für sich sprechen.

Keine Templates von der Stange, sondern maßgeschneiderte Lösungen. Entdecke Webseiten, die nicht nur gut aussehen, sondern Kunden gewinnen, barrierefrei sind und technisch perfekt laufen.

Projekt anfragen

WEBDESIGN

Neubergalm

Vom Geheimtipp zum Buchungsmagneten. Eine moderne Website, die Lust auf Urlaub macht.
Projekt ansehen

WEBDESIGN

Coach Ester Baldauf

Digitale Kompetenz, die Vertrauen schafft. Ein klares, reduziertes Design, das die Professionalität des Coachings unterstreicht und Interessenten gezielt filtert.
Projekt ansehen

BARRIEREFREIHEIT

Rescue EDV

Perfekte Technik für Technik-Profis. Ein Relaunch, der die Kompetenz des Kunden widerspiegelt: Die Webseite wurde massiv beschleunigt, barrierefrei umgebaut und wird nun laufend gewartet.
Projekt ansehen

BARRIEREFREIHEIT

Fenster Vallaster

Handwerk digital in Szene gesetzt. Ein moderner, komplett barrierefreier Relaunch. Durch den Einsatz neuer, hochwertiger Bilder wird die Qualität der Fensterbau-Arbeit sofort sichtbar.
Projekt ansehen

WEBDESIGN

Lustenauer Hütte

Schnelle statt langer Suche. Eine effiziente Übergangslösung für den Alpenverein. Das Ziel: Wanderer sofort über den aktuellen Öffnungsstatus zu informieren, bis der große Relaunch folgt.
Projekt ansehen

AGENTUR-PARTNER

Conspecto Architekt

Ein kompletter Neubau, der die Architektur in den Mittelpunkt stellt. Pixelgenaue technische Umsetzung des Designs, damit die Referenzprojekte auf jedem Screen perfekt wirken.
Projekt ansehen

WEBDESIGN

Fischerheim See Bartholomäberg

Genuss beginnt beim ersten Klick. Ein emotionaler Webauftritt für die Gastronomie. Mit einem eigens erstellten Teaser-Video wird die Atmosphäre am See spürbar – inklusive digitaler Speisekarte.
Projekt ansehen

AGENTUR-PARTNER

Mikrozement

Pixelgenaue Umsetzung eines anspruchsvollen Designs für eine Partner-Agentur. Ein technisches Fundament, das so robust und ästhetisch ist wie das Material selbst – zu 100% White-Label realisiert.
Projekt ansehen

AGENTUR-PARTNER

Landes Radsportverein Steiermark

Ein technischer Neubau, der mehr kann als nur gut aussehen. Komplexe Daten (Rennen, Ergebnisse) wurden intelligent verknüpft, damit der Verband große Informationsmengen einfach verwalten kann.
Projekt ansehen

Gefällt dir, was du siehst? Lass uns deine eigene Erfolgsgeschichte starten.

Möchtest du ein unverbindliches Erstgespräch, ein individuelles Angebot oder einfach nur weitere Informationen?

Fülle ganz unkompliziert unser Kontaktformular aus – den Rest übernehmen wir.

Name

E-Mail

Telefon

Nachricht

Datenschutzrechtlicher Hinweis Wir verarbeiten Deine hier im Formular eingegebenen Daten zur Anfragebeantwortung und berufen uns hierbei auf den Rechtfertigungsgrund der Vertragserfüllung nach Art 6 Abs 1b DSGVO. Weitere Informationen zur Datenverarbeitung .

Nachricht abschicken

Kostenlos & unverbindlich 

Häufig gestellte Fragen

Wie schnell wird meine Anfrage bearbeitet?

Ihre Anfrage wird in der Regel innerhal

[Content truncated — full version at https://www.purin.at/work]

---

## Zugänglichkeit testen: Best Practices für eine inklusive Website - Christoph Purin {#page-64}

- URL: https://www.purin.at/zugaenglichkeit-testen-best-practices-fuer-eine-inklusive-website
- Description: In der heutigen digitalen Welt ist es von entscheidender Bedeutung, dass Websites für alle Benutzer zugänglich sind, unabhängig von ihren Fähigkeiten oder
- Words: 706

In der heutigen digitalen Welt ist es von entscheidender Bedeutung, dass Websites für alle Benutzer zugänglich sind, unabhängig von ihren Fähigkeiten oder Einschränkungen. Zugänglichkeit bedeutet, dass alle Menschen, einschließlich Personen mit Behinderungen, die Inhalte und Funktionen einer Website nutzen können. In diesem Artikel werden wir die besten Praktiken für das Testen der Zugänglichkeit von Websites erläutern und praxisnahe Tipps geben, um eine inklusive Benutzererfahrung zu gewährleisten.

Was ist Web-Zugänglichkeit?

Web-Zugänglichkeit bezieht sich auf die Gestaltung und Entwicklung von Websites, sodass sie für Menschen mit unterschiedlichen Fähigkeiten nutzbar sind. Das schließt Menschen mit Sehbehinderungen, Hörbehinderungen, motorischen Einschränkungen und kognitiven Beeinträchtigungen ein. Die Web Content Accessibility Guidelines (WCAG) stellen eine international anerkannte Richtlinie dar, die Website-Betreibern hilft, die Zugänglichkeit zu verbessern.

Warum ist Zugänglichkeit wichtig?

Die Bedeutung von Zugänglichkeit lässt sich nicht nur auf ethische Überlegungen reduzieren. Auch aus geschäftlicher Sicht ist eine zugängliche Website von Vorteil. Eine inklusive Benutzererfahrung kann tägliche Besucherzahlen erhöhen, das Engagement fördern und letztendlich die Konversionen steigern. Zudem können Websites, die Zugänglichkeitsstandards nicht einhalten, rechtliche Konsequenzen nach sich ziehen.

Best Practices für das Testen der Zugänglichkeit

1. Frühzeitige Integration in den Entwicklungsprozess

Die Zugänglichkeit sollte von Anfang an in den Entwicklungsprozess integriert werden. Dies bedeutet, dass Designer und Entwickler bereits bei der Planung und dem Design der Website die Zugänglichkeitsrichtlinien berücksichtigen. Tools wie Wireframes und Prototypen sollten so gestaltet werden, dass sie die Grundlagen der Zugänglichkeit berücksichtigen.

2. Automatisierte Tests nutzen

Automatisierte Tests sind ein wertvolles Werkzeug zur Überprüfung grundlegender Zugänglichkeitsprobleme. Es gibt verschiedene Tools, die helfen können, die Zugänglichkeit zu bewerten, wie zum Beispiel:

WAVE : Ein Web Accessibility Evaluation Tool, das visuelle Feedbacks zur Zugänglichkeit liefert.

Lighthouse : Ein Open-Source-Tool von Google zur Analyse der Leistung, der Zugänglichkeit und der SEO einer Website.

axe : Eine Browser-Erweiterung, die eine detaillierte Analyse zur Zugänglichkeit bietet.

Diese Tools helfen dabei, grundlegende Probleme wie fehlende Alt-Texte für Bilder oder falsche HTML-Strukturen zu identifizieren.

3. Manuelle Tests durchführen

Obwohl automatisierte Tests nützlich sind, können sie nicht alle Probleme erkennen. Es ist daher wichtig, manuelle Tests durchzuführen. Dazu gehören:

Screenreader-Tests : Verwenden Sie einen Screenreader wie JAWS, NVDA oder VoiceOver, um zu überprüfen, wie die Inhalte von der Software interpretiert werden.

Tastatur-Navigation : Stellen Sie sicher, dass alle Funktionen der Website über die Tastatur z

[Content truncated — full version at https://www.purin.at/zugaenglichkeit-testen-best-practices-fuer-eine-inklusive-website]

---

## Barrierefreiheits-Audit (WCAG) | Website fit für 2025? {#page-65}

- URL: https://www.purin.at/barrierefreiheitsaudit
- Description: Ab Juni 2025 drohen Abmahnungen (EAA). Ich prüfe deine Website auf WCAG 2.2 Konformität. Inkl. verständlichem Prüfbericht & Maßnahmenplan. 🛡️ Jetzt Risiko checken.
- Words: 1504

Webseiten Barrierefrei, zugänglich für alle

Ist deine Website sicher vor dem Barrierefreiheitsgesetz 2025?

Seit Juni 2025 drohen Abmahnungen und Strafen für nicht-barrierefreie Websites (EAA). Ich prüfe deine Seite, finde die Lücken und zeige dir den Weg zur Rechtssicherheit.

Audit-Pakete ansehen

Warum du das Thema nicht ignorieren darfst.

Das Gesetz: Seit 28. Juni 2025 gilt der European Accessibility Act . Er macht Barrierefreiheit zur Pflicht – auch für viele KMUs und Shops.

Das Risiko: Wer nicht konform ist, riskiert Abmahnungen und Bußgelder.

Die Chance: Eine barrierefreie Seite rankt besser bei Google und erreicht 100% deiner potenziellen Kunden.

Dein Weg zur barrierefreien Website – in drei maßgeschneiderten Paketen.

Wir bieten drei aufeinander aufbauende Prüfpakete an, die dir helfen, den Stand der Barrierefreiheit deiner Website einzuschätzen und gezielt weiterzuentwickeln.

Leistung

Schnelltest Der erste Check

Optimierungs-Check Empfehlung für KMUs

Rundum-Check Volle WCAG-Konformität

Zielsetzung

Erste Orientierung

Praxis-Verbesserung

(Pareto-Prinzip)

Maximale Konformität

(Nach WCAG-Norm)

Umfang Seiten

1 Seite (meist Startseite)

bis zu 10 Seiten (Repräsentativ)

bis zu 18 Seiten (Tiefenprüfung)

Prüftiefe (WCAG 2.2)

Basis-Scan 11 Prüfpunkte

Fokus-Prüfung Die 13 wichtigsten Fehler

Voll-Prüfung (AA/AAA) Alle 55+ Kriterien

Ergebnis-Bericht

Status-Report

(Ampel-System)

Report +

Anleitung zur Behebung

Umfassender

Prüfbericht

Handlungsplan

✔ Priorisierte Mängel

✔ Priorisierte Mängel

Erklärungstext

✔ Technische Vorlage

für Barrierefreiheitserklärung

Dauer ca.

5 Werktage

10 Werktage

21 Werktage

Dein Invest

540 €
pauschal / netto

ab 2.700 €
netto

ab 6.400 €
netto

Was bedeuten die Prüfpunkte im Detail?

Barrierefreiheit ist komplex. Je nach Paket prüfen wir unterschiedlich tief.
Hier ist der Unterschied zwischen Basis-Check und Voll-Prüfung.

🔍 Die 11 Basis-Punkte

(Schnelltest)

Ein automatisierter Scan der offensichtlichsten technischen Fehler. Wir prüfen, was Maschinen erkennen können.

Kontrastverhältnisse (Texte lesbar?)

Fehlende Alt-Texte bei Bildern

Leere Links oder Buttons

Grundlegende HTML-Struktur

Sprachauszeichnung (DE/EN)

Meta-Daten & Titel

🛠 Die 13 Fokus-Punkte

(Optimierungs-Check)

Eine manuelle Prüfung der Barrieren, die Nutzer am häufigsten blockieren (Pareto-Prinzip: 20% Aufwand, 80% Wirkung).

Tastatur-Bedienbarkeit (Wichtig!)

Sinnvolle Fokus-Reihenfolge

Formular-Label & Fehlermeldungen

Mobile Nutzbarkeit & Zoom

Logische Überschriften-Struktur

Skip-Links (Navigation überspringen)

+ Alles aus dem Schnelltest

⚖️ Alle 55+ WCAG Kriterien

(Rundum-Sorglos)

Die vollständige Konformitätsprüfung nach Norm EN 301 549 / WCAG 2.2 Level AA.

Komplexe Interaktionen (Popups, Menüs)

Screenreader-Tiefenprüfung

Zeitbasierte Medien (Video/Audio)

Konsistente Navigation

Fehlervermeidung bei Eingaben

Parsing & Code-Validität

Ergebnis: Konformität für Behörden/Konzerne

Optionale Erweit

[Content truncated — full version at https://www.purin.at/barrierefreiheitsaudit]

---

## Neue WordPress Website | Verkaufsstark, Schnell & Barrierefrei {#page-66}

- URL: https://www.purin.at/leistungen/wordpress-webseite
- Description: Mehr als nur Design: Ich baue Webseiten, die Kunden gewinnen, rasend schnell laden & rechtssicher sind. Neuro-Webdesign trifft Technik. 🚀 Hol dir dein Angebot.
- Words: 1064

Deine neue Website: Verkaufsstark, Barrierefrei & Zukunftssicher.

Ab 2025 ist Barrierefreiheit Pflicht. Ich entwickle WordPress-Websites, die nicht nur gesetzlich sicher sind, sondern durch Neuro-Webdesign deine Besucher zu echten Kunden machen.

Projekt anfragen Erstmal nur Audit buchen

Warum "hübsch" heute nicht mehr reicht.

Viele Websites sehen gut aus, scheitern aber im Hintergrund. Wenn deine aktuelle Seite eines dieser Probleme hat, verlierst du täglich Geld:

Die gute Nachricht: Eine moderne Website löst alle drei Probleme gleichzeitig.

Zufriedene Kunden vertrauen auf Neuro Marketing

Webentwicklung mit Strategie.

Eine erfolgreiche Website basiert nicht auf Zufall. Ich kombiniere drei Disziplinen, die sonst oft getrennt betrachtet werden, zu einem starken Gesamtpaket für dein Unternehmen:

Neuro-Webdesign (Verkauf)

Wir bauen die Seite so auf, wie das Gehirn deiner Kunden entscheidet. Klare Strukturen, emotionale Bilder und Texte, die zum Klicken anregen. Ergebnis: Mehr Anfragen von den richtigen Kunden.

Barrierefreiheit & Recht (Sicherheit)

Ich programmiere strikt nach WCAG 2.2 Richtlinien. Das macht deine Seite für Menschen mit Einschränkungen zugänglich und schützt dich vor rechtlichen Konsequenzen. Ergebnis: Zukunftssicher & gesetzeskonform.

High-End Performance (Technik)

Keine aufgeblähten Baukästen. Ich nutze den Bricks Builder für extrem schlanken Code. Ergebnis: Blitzschnelle Ladezeiten (Google PageSpeed 90+).

Unsicher, ob du neu bauen musst?

Du weißt nicht, ob deine aktuelle Seite den neuen Gesetzen standhält? Spar dir das Rätselraten. Zum Barrierefreiheits-Audit gehen .   Ich prüfe deine Seite auf Herz und Nieren – zum Fixpreis.

In 4 Schritten zu deiner neuen Website.

Transparenz ist mir wichtig. Bei mir gibt es keine Blackbox – du weißt zu jedem Zeitpunkt, wo wir stehen und was als Nächstes passiert. So entsteht dein Projekt:

Strategie & Konzept

Wir klären nicht nur Farben, sondern Ziele. Wen willst du erreichen? Was muss die Seite können?

Design & Entwicklung

Ich baue deine Seite pixelgenau und technisch sauber (Mobile First). Du siehst den Fortschritt live.

Content & Feinschliff

Wir füllen die Seite mit Leben. Bilder, Texte und rechtliche Pflichtangaben werden perfekt platziert.

Go-Live & Schulung

Deine Seite geht online. Danach zeige ich dir in einer persönlichen Schulung, wie du Texte selbst ändern kannst. Mehr zur WordPress-Schulung .

Mehr als nur Code: Ergebnisse, die zählen.

Ein ansprechendes Design ist heute der Mindeststandard. Mein Anspruch geht weiter: Diese Projekte sehen nicht nur gut aus – sie sind technisch sauber umgesetzt , schnell und darauf optimiert, Besucher in Kunden zu verwandeln. Sieh dir an, wie wir individuelle Ziele in der Praxis erreicht haben.

WEBDESIGN

Neubergalm

Vom Geheimtipp zum Buchungsmagneten. Eine moderne Website, die Lust auf Urlaub macht.
Projekt ansehen

WEBDESIGN

Coach Ester Baldauf

Digitale Kompetenz, die Vertrauen schafft. Ein klares, reduziertes Design, das 

[Content truncated — full version at https://www.purin.at/leistungen/wordpress-webseite]