propz

FAIR Package Manager: WordPress Revolution

propz — Wed, 18 Jun 2025 01:47:30 +0000

Das sind extrem spannende Neuigkeiten für alle, die mit WordPress arbeiten.

Was ist dieser FAIR Package Manager eigentlich?

Stell dir vor, du könntest deine WordPress-Plugins und Themes nicht nur aus dem offiziellen WordPress-Repository (wordpress.org) ziehen, sondern aus verschiedenen vertrauenswürdigen Quellen – genau das macht FAIR möglich. D.h. konkret, dass du nicht mehr auf eine einzige Quelle angewiesen bist.

Der Name steht übrigens für "Federated and Independent Repository".

Warum das ein Game-Changer ist

Normalerweise sind alle WordPress Websites zu 100% von wordpress.org abhängig und wenn da mal was schief geht, stehst du da wie der Ochs vorm Berg. Mit FAIR löst sich das Problem elegant auf.

Hier die wichtigen Vorteile:

Mehr Sicherheit: Das System baut Sicherheit direkt in die Lieferkette ein. Bessere Verschlüsselung, vertrauenswürdige Quellen – das ganze Programm.
GDPR-Compliance: Endlich weniger automatische Datenübertragungen an kommerzielle Anbieter. Deine Kunden werden es dir danken.
Dezentralisierung: Keine Abhängigkeit mehr von einer einzigen Quelle.
Bessere Entdeckbarkeit: Plugins und Tools werden leichter findbar, auch wenn sie nicht im Haupt-Repository stehen.

Wer steckt dahinter?

Eine beeindruckende Truppe: Die technische Leitung übernehmen Carrie Dils, Mika Epstein und Ryan McCue – alles echte WordPress-Veteranen mit 15+ Jahren Erfahrung.

Ryan McCue hat die WordPress REST API entwickelt und Mika Epstein war früher sogar Managerin des Plugin-Repositorys.

So gehst du vor

Bock auf die neue Technologie? So steigst du ein:

Informiere dich: Schau dir das GitHub-Repository an unter https://github.com/fairpm
Teste es: Das Shared Repository ist bereits live und nimmt Beiträge an
Plane deine Migration: Überlege, welche deiner Projekte von FAIR profitieren könnten
Verfolge die Entwicklung: Halte Ausschau nach Ankündigungen zu Governance und Finanzierung

Meine ehrliche Einschätzung

So, jetzt mal Butter bei die Fische: Das ist ein wichtiger Schritt für das WordPress-Ökosystem. Nach 15+ Jahren in der Branche kann ich dir sagen: Solche Dezentralisierungsansätze sind längst überfällig.

WordPress hat sich über die Jahre stark fragmentiert. FAIR könnte das Zeug dazu haben, die Community wieder zusammenzubringen. Und das ist super wichtig für die Zukunft der Plattform.

Natürlich ist das Projekt noch jung. Es wird dauern, bis sich ein robustes Ökosystem entwickelt. Aber die Grundlagen sind da, und die Köpfe dahinter wissen, was sie tun.

Der Beitrag FAIR Package Manager: WordPress Revolution erschien zuerst auf propz.

WordPress Hooks: Actions & Filters einfach erklärt

propz — Wed, 05 Jun 2024 09:33:00 +0000

Mit Actions und Filter kannst du u.a. Code ausführen und Daten manipulieren ohne Original Template-/Plugin-Dateien verändern zu müssen. Dadurch bleibt dein Code auch nach Plugin/Themes Updates funktional und zerhaut deine Website nicht.

Es gibt zwei Arten von Hooks:

Actions (Aktionen)

Werden zu bestimmten Zeitpunkten ausgeführt
Du machst etwas, gibst aber nichts zurück
1. Beispiel: Kritisches CSS im ausgeben
2. Beispiel: E-Mail senden, wenn ein Post veröffentlicht wird

Filters (Filter)

Verändern Daten, bevor sie angezeigt werden
Du bekommst etwas, veränderst es und gibst es zurück
3. Beispiel: Standard Thumbnail setzen
4. Beispiel: Versionsparameter aus Skripten entfernen

Easy Setup: So funktioniert's

Die Grundsyntax von Action und Filter Hooks sehen wie folgt aus:

add_action( $hook_name, $funktionsname, $prioritaet, $anzahl_parameter );
add_filter( $filter_name, $funktionsname, $prioritaet, $anzahl_parameter );

Action Hook einbauen

function meine_super_funktion() {
    // Dieser Code wird einfach an dieser Stelle ausgeführt
}
add_action('hook_name', 'meine_super_funktion');

Filter Hook einbauen:

function meine_filter_funktion($data) {
    // Hier können wir $data verändern
    return $data;
}
add_filter('hook_name', 'meine_filter_funktion');

4 Praxis-Beispiele, die du sofort nutzen kannst

1. Action: Kritisches CSS (Above the fold) im Bereich ausgeben (wp_head action)

Das mache ich gerne in meinen WordPress Templates um FOUC (Flash of unstyled content) zu vermeiden, denn das CSS wird SOFORT vom Browser gerendert, noch bevor andere CSS Dateien geladen werden.

function prpz_critical_css() {
	echo '';
}
add_action( 'wp_head', 'prpz_critical_css', 100 );

Zur Erklärung nochmal: Bei actions wird dein Code einfach 1 zu 1 an der entsprechenden Stelle ausgegeben/ausgeführt.

2. Action: Automatische E-Mail bei neuen Posts

Möchtest du vielleicht deine Autorinnen benachrichtigen wenn ein entsprechender Artikel veröffentlicht wird? Da kannst du dich auch einfach "einhaken", Daten aufbereiten und per E-Mail senden.

function prpz_notify_author_after_post_publish($post_id) { 
	$post = get_post($post_id);
	$author = get_userdata($post->post_author);
	$subject = "Dein Post wurde veröffentlicht";
	$headers = 'From: '.get_bloginfo( 'name' ).' ' . "\r\n";
	$message = "
		Moin ".$author->display_name.",

		Dein Post \"".$post->post_title."\" wurde gerade veröffentlicht.
		Post ansehen: ".get_permalink( $post_id )."
		
		Danke dir,
		propz";
		
	wp_mail($author->user_email, $subject, $message, $headers);
}
add_action('publish_post', 'prpz_notify_author_after_post_publish');

3. Filter: Standard Thumbnail setzen

In diesem Beispiel überprüfen ich ob bereits ein Thumbnail HTML-Markup existiert. Wenn nicht, erstelle ich ein eigenes als Standard Thumbnail (Nutze ich genau so auf meiner Website).

function prpz_post_thumbnail_html( string $html, int $post_id, int $post_thumbnail_id, string|array $size, string|array $attr ): string
{
	if ( empty( $html ) )
	{
		$thumbnail_url = '/uploads/propz-blog-default.svg';
		$html = ' . esc_url( $thumbnail_url ) . '" alt="' . esc_attr( get_the_title( $post_id ) ) . '" />';
	}

	return $html;
}
add_filter( 'post_thumbnail_html', 'prpz_post_thumbnail_html', 10, 5 );

Woher weiß ich welche Parameter da genau übergeben werden und was da drin ist? Google (In diesem Fall: "wordpress post thumbnail hooks")! Dann kommt man schnell zu der offiziellen WordPress Dokumentation für entsprechende Hooks. Hier der Link zur Dokumentation des oberen Beispiels.

4. Filter: Versionsparameter aus Skripten und Styles entfernen

Hier kann ich sogar die gleiche Funktion für zwei unterschiedliche Filter nutzen weil beide Filter gleich funktionieren.

function prpz_remove_version( string $src ): string {
	if( strpos( $src, '?ver=' ) )
		$src = remove_query_arg( 'ver', $src );
	return $src;
}
add_filter( 'style_loader_src', 'prpz_remove_version', 10, 2 );
add_filter( 'script_loader_src', 'prpz_remove_version', 10, 2 );

Wichtige Tipps

1. Hooks können wieder entfernt und verschoben werden

Es ist auch möglich bereits vorhandene Hooks von anderen Plugins oder Themes wieder zu entfernen. Ich nutze das gerne bei WooCommerce um z.B. Daten auszublenden die für mich irrelevant oder auch an einer andere Stelle besser aufgehoben wären.

Wie bereits erwähnt kann ich dadurch direkt Einfluss auf das Aussehen der Website nehmen ohne irgendeine Template-Datei anzufassen = Keine Gefahr beim nächsten Update.

// Entferne Produktbewertungen aus der Originalposition...
remove_action( 'woocommerce_after_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

// ... und füge es vor dem Produkttitel ein.
add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_rating', 5 );

Woher ich weiß wie die Hooks heißen? Stehen in den WooCommerce Template Dateien drin.

2. Setze die Prioritäten richtig

Du kannst bestimmen wann deine action genau ausgeführt wird. Beachte auch das vorherige Beispiel: wenn ich ein Hook entfernen möchte, muss ich ebenfalls die Original-Priorität kennen, sonst funktioniert das nicht.

add_action('hook_name', 'meine_funktion', 10); // Standard-Priorität
add_action('hook_name', 'wichtige_funktion', 1); // Läuft früher
add_action('hook_name', 'spaete_funktion', 99); // Läuft später

3. Setze die Anzahl der übergebenen Parameter richtig

Auch bei den Parametern muss du gut aufpassen. Wenn du die Anzahl der übergebenen/erwarteten Parameter falsch einträgst wird WordPress einen "fatal error" schmeißen. Woher weißt du wie viele Parameter übergeben werden? Die Dokumentation wird es dir verraten.

Du kannst es auch direkt an der Stelle erkennen wo der entsprechende Hook ausgeführt wird.

4. Hooks werden nur ausgeführt wenn sie wirklich existieren

Wenn du einen Hook aufrufst der nicht existiert, passiert auch nichts. Es gibt keinen Fehler o.ä. D.h. du kannst auch ohne Probleme Plugins deaktivieren, Updates installieren und es wird alles wie gewohnt funktionieren.

Der Nachteil: wenn du dich verschreibst, wirst du keine Fehlermeldung bekommen, überprüfe den Hook Namen also immer doppelt.

5. Gib bei Filtern mindestens den Original-Wert zurück

Falls du mit einem Filter Daten manipulieren möchtest, vergiss nicht den Original-Wert zurückzugeben, wenn du keine Änderung vorgenommen hast.

function prpz_maybe_hide_quantity_on_checkout( string $quantity_markup, array $cart_item, string $cart_item_key): string {
	// Verstecke "Menge" Feld, wenn das Produkt nur einzelnt verkauft wird
	if ( $cart_item['data']->is_sold_individually() )
		return '';

	// Wichtig:
	// Gib den Original-Wert zurück: $quantity_markup
	// Sonst wird das Feld nie angezeigt und das wollen wir ja nicht.
	return $quantity_markup;
}
add_filter( 'woocommerce_checkout_cart_item_quantity', 'prpz_maybe_hide_quantity_on_checkout', 10, 3);

Funktionsweise von Hooks richtig verstehen

Nicht alle Plugins/Themes sind gut dokumentiert. Manchmal muss man sich den Code des Plugins zu Gemüte führen. Wie kannst du dann verstehen was der Hook genau macht? Ich werde hier zwei komplexere Beispiele genauer erläutern.

1. So findest du Hooks

Actions werden vom Code-Autor festgelegt.

Diese erkennst du wenn "do_action" ausgeführt wird. D.h. überall wo do_action erscheint, kannst du dich mit add_action einhaken.

Bei Filter heißt es "apply_filters". D.h. überall wo apply_filters ausgeführt wird, kannst dich mit add_filter einhaken und die Daten manipulieren.

2. Filter verstehen

Für meinen Webshop nutze ich "WooCommerce Germanized" als extra Plugin. Das Plugin bietet auch die Option um Produktbilder im Checkout anzuzeigen. Das ist eine coole Funktion, aber für bestimmte Produkte möchte ich das nicht. Also habe ich in den Plugin Template Dateien gesucht ob ich das beeinflussen kann und folgendes gefunden:

...
if ( apply_filters( 'woocommerce_gzd_checkout_table_needs_thumbnail', ( ! strstr( $cart_item_name, $thumbnail ) ), $cart_item, $cart_item_key ) ) {
...

Genau da wird überprüft ob das Thumbnail dargestellt werden soll. Da der Plugin Entwickler mitgedacht hat, hat er dort ein Filter eingebaut, damit ich mich bei Bedarf einklinken kann.

Zur Erklärung:
Der erste Parameter ist immer der, der auch zurückgegeben wird: strstr Funktion gibt string oder false zurück.

Zusätzlich dazu bekommen wir weitere Parameter die für den Kontext relevant sind: $cart_item und $cart_item_key (in dem Kontext werden alle Warenkorb Produkte geloopt).

So sieht dann mein Code aus:

function prpz_maybe_hide_thumbnail_on_checkout( bool|string $needs_thumbnail, array $cart_item, string $cart_item_key ): bool|string {
	if ( $cart_item['data']->is_downloadable() || $cart_item['data']->is_virtual() )
	{
		return false;
	}
	return $needs_thumbnail;
}
add_filter( 'woocommerce_gzd_checkout_table_needs_thumbnail', 'prpz_maybe_hide_thumbnail_on_checkout', 100, 3 );

So kann ich selber überprüfen ob ich das Thumbnail für das jeweilige Produkt anzeigen lassen möchte oder nicht.

3. Action verstehen

Bei actions verhält sich das ganz ähnlich, mit dem Unterschied, dass kein Rückgabewert erwartet wird. Sehen wir uns dazu das 2. Beispiel an. Die do_action Dokumentation sagt folgendes:

do_action( “{$new_status}_{$post->post_type}”, int $post_id, WP_Post $post, string $old_status );

Hier wirds noch abgefahrener, denn der Hook Name wird dynamisch erstellt. Long story short: als Parameter bekommen wir die wichtigsten Daten um an der entsprechenden Stelle benötigte Aktionen ausführen zu können.

Im besten Fall gibt es eine Dokumentation dazu aber wir können auch ohne Probleme auch aus dem Code rauslesen was wir genau brauchen und wie wir es nutzen können.

Wo findest du alle verfügbaren Hooks?

WordPress hat unzählige Hooks! Die findest du im WordPress Codex oder in der Code Reference. Einfach nach "wordpress [dein Thema] hook" googeln und du findest schon was passendes.

Dein nächster Schritt

Jetzt ans Eingemachte! Schnapp dir ein Beispiel von oben und probier's aus. Am besten in einem Child-Theme oder einem Test-Plugin, dann machst du auch nix kaputt.

Mit diesem Wissen kannst du WordPress nach deinen Vorstellungen anpassen, ohne Plugin-/Template-Dateien zu zerstören. Das ist professionelle WordPress-Entwicklung at its finest!

WordPress hat zu dem Thema auch noch einige ausführlichere Artikel erstellt. Schaut mal bei denen vorbei falls ihr noch Fragen habt:

Der Beitrag WordPress Hooks: Actions & Filters einfach erklärt erschien zuerst auf propz.

Google Sign-in Pop-ups deaktivieren - so geht's richtig!

propz — Wed, 29 May 2024 10:41:00 +0000

Denn mal ehrlich: Diese Dinger tauchen gefühlt auf jeder zweiten Website auf und unterbrechen deinen Flow. Und das Schlimmste: Du klickst sie weg, aber beim nächsten Besuch sind sie wieder da. 😡

Direkt zum Punkt - hier ist die richtige Lösung:

Jetzt wird's interessant, denn viele Anleitungen im Netz sind schlichtweg falsch oder veraltet. Hier ist der Weg, der wirklich funktioniert (Stand: 06.2025):

Schritt-für-Schritt Anleitung

1. Geh zu deinen Google Sicherheits-Einstellungen:

Hier kommst du direkt zu den "Sicherheit" Einstellungen in deinem Google Konto: https://myaccount.google.com/u/1/security (du musst natürlich mit deinem Konto angemeldet sein).

2. Scrolle runter zum Punkt "Ihre Verbindungen zu Drittanbieter-Apps und ‑diensten" und klickt da auf "Alle Verbindungen ansehen":

Hier siehst du eine Übersicht der Dienste/Websites mit denen du dich bereits mit deinem Google Konto angemeldet hast.
Auf Englisch heißt es "Your connections to third-party apps and services" -> "See all connections"

3. Oben rechts auf das Zahnrad-Symbol klicken.

4. "Aufforderung zur Anmeldung" ("Sign-in prompts") ist die Einstellung die wir gesucht haben, einfach deaktivieren.

Et voilà! Das war's schon. Super easy, oder?

Was passiert dannn?

Nach der Deaktivierung sollten die nervigen Pop-ups verschwinden. Bei mir haben die Popups tatsächlich sofort (nach einem Website reload) aufgehört.

Ich finds schon frech von Google, diese Pop-ups so aggressiv zu pushen, aber auch das ist ja nichts neues. Wenn du der Anleitung folgst wird sich das Problem für dich schnell auflösen.

Der Beitrag Google Sign-in Pop-ups deaktivieren - so geht's richtig! erschien zuerst auf propz.

WordPress Login URL anpassen: von wp-login.php zu /login

propz — Wed, 03 Apr 2024 16:28:07 +0000

Voraussetzungen

Du brauchst Zugriff auf deine functions.php und auf deine .htaccess Datei.

So wirds gemacht:

Damit du dich in Zukunft einfach über meinedomain.de/login einloggen kannst musst du zwei Dinge tun...

1. htaccess Weiterleitung hinzufügen

Die Original htaccess von WordPress sieht so aus:

# BEGIN WordPress

RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]

# END WordPress

Direkt unterhalb von

RewriteBase /

musst du folgendes einfügen:

RewriteRule ^login$ wp-login.php

Dieser Code sorgt dafür, dass die richtige Datei geladen wird, wenn du meinedomain.de/login im Browser eingibst.

2. Interne URL's anpassen

Wenn du das erledigt hast wird es schon funktionieren, probier es mal aus. ABER: Damit WordPress selber auch richtig umleitet (z.B. wenn man auf meinedomain.de/wp-admin geht) brauchst du noch eine weitere PHP Funktion um interne URL's ebenfalls anzupassen. Der Code kommt dann in deine functions.php.

function propz_custom_login_url( $url )
{
	$alt = 'wp-login.php';
	$neu = 'login';
	return str_replace( $alt, $neu, $url );
}
add_filter( 'site_url', 'propz_custom_login_url', 10 );

Dieser Code sorgt dafür, dass immer wenn WordPress selber zur wp-login.php Datei weiterleiten möchte, anstelle der alten einfach die neue URL zurückgegeben wird. Dadurch leitet meinedomain.de/wp-admin ebenfalls zu meinedomain.de/login weiter.

Eh voilá!

Die Originalanleitung hab ich hier gefunden: https://wordpress.org/support/topic/how-to-change-from-wp-loginphp-to-login/

Der Beitrag WordPress Login URL anpassen: von wp-login.php zu /login erschien zuerst auf propz.

WordPress REST-API URL Präfix (wp-json) anpassen

propz — Tue, 02 Apr 2024 21:24:26 +0000

Ob es dir um Sicherheit (Abwehren von Bots) oder Style (propz) geht: die Änderung der REST-API URL ist super einfach und erfolgt über den rest_url_prefix Filter. Pack den nachfolgenden Code einfach in deine functions.php, aktualisiere deine Permalinks und es dürfte sofort funktionieren.

Voraussetzungen

Du brauchst Zugriff auf deine functions.php Datei

Der Code

/**
 * Custom WordPress REST-API URL Prefix
 * 
 * @param string $prefix - Current prefix
 * @return string
 */
function propz_rest_url_prefix( $prefix )
{
	return 'rastafapi';
}
add_filter( 'rest_url_prefix', 'propz_rest_url_prefix' );

Nachdem du den Code implementiert hast musst du einmalig die Permalinks aktualisieren: Einfach zur Permalink Einstellungsseite gehen und speichern ohne Änderungen vorzunehmen.

Das Ergebnis

Daraus wird die Original REST API URL wie folgt verändert:

ALT = Original:
https://propz.de/wp-json/wp/v2/posts/123

NEU = mit Style:
https://propz.de/rastafapi/wp/v2/posts/123

Der Beitrag WordPress REST-API URL Präfix (wp-json) anpassen erschien zuerst auf propz.

Der beste Weg um eine gesamte Website (inklusive Unterseiten) samt allem Furz und Feuerstein zu downloaden

propz — Tue, 26 Mar 2024 16:01:46 +0000

Hmm, es ist zwar etwas dubios warum du das machen willst aber hey... Der einfachste Weg eine Website komplett runterzuladen dürfte mit Wget sein (innerhalb der Kommandozeile aka. CLI).

Voraussetzungen:

Du hast bereits Erfahrung mit der Kommandozeile und weißt, was du tust;
Wget ist auf deinem Computer installiert.

Der Code:

# Lädt die gesamte Website runter. Magic!
wget -m -k -K -E -l 7 -t 6 -w 5 https://website.com

Wenn du den Befehl ausführst wird die gesamte Website unter der angegebenen Domain runtergeladen. Dabei wird automatisch ein neuer Ordner erstellt (benannt nach der Domain), innerhalb des Pfades wo du dich gerade in der Kommandozeile befindest.

Die Erklärung des Befehls und der einzelnen Optionen:

"-m": Spiegelt die Webseite, lädt alle Dateien und Unterverzeichnisse herunter.
"-k": Konvertiert Links, sodass sie lokal funktionieren.
"-K": Behält den ursprünglichen Dateinamen bei, wenn die Datei bereits vorhanden ist.
"-E": Fügt die Erweiterung ".html" zu HTML-Dateien ohne sie hinzu.
"-l 7": Rekursionstiefe auf 7 beschränkt, um nicht zu viele Seiten herunterzuladen.
"-t 6": Versucht 6 Mal, eine Verbindung herzustellen, bevor es aufgibt.
"-w 5": Wartet 5 Sekunden zwischen den einzelnen Anfragen, um den Server nicht zu überlasten.

Den Code habe ich übrigens bei Stack Overflow gefunden: https://stackoverflow.com/questions/9265172/scrape-an-entire-website

Der Beitrag Der beste Weg um eine gesamte Website (inklusive Unterseiten) samt allem Furz und Feuerstein zu downloaden erschien zuerst auf propz.