Lesefortschritt:

Ändern der Reihenfolge von Projekten im Divi-Portfolio-Modul

29. Oktober 2023 | Divi-Theme, functions.php

Dieser Beitrag beinhaltet 610 Wörter. – Geschätzte Lesezeit: ca. 4 Minuten.

Standardmässig zeigt das Divi-Portfoliomodul Projekte in chronologischer Reihenfolge an, basierend auf dem Datum, an dem das Projekt veröffentlicht wurde, wobei das neueste Projekt an erster Stelle steht. Dies ist jedoch in vielen Fällen nicht sinnvoll, und es wäre besser, andere Sortieroptionen zu haben. Mit dieser Anleitung werden Sie in der Lage sein, die Elemente in alphabetischer Reihenfolge, in umgekehrt-alphabetischer Reihenfolge und in zufälliger Reihenfolge zu sortieren.

Sie benötigen bloss einige Zeilen PHP-Code. Den untenstehenden Block fügen Sie in die functions.php Ihres Divi-Child-Themes ein. Unter Design/Theme-Datei-Editor:

add_filter('et_pb_module_shortcode_attributes', 'add_pre_get_portfolio_projects', 10, 3);
add_filter('et_pb_portfolio_shortcode_output', 'remove_pre_get_portfolio_projects');

function add_pre_get_portfolio_projects($props, $atts, $slug) {
$portfolio_module_slugs = array('et_pb_portfolio', 'et_pb_filterable_portfolio', 'et_pb_fullwidth_portfolio');
	if (!in_array($slug, $portfolio_module_slugs)) {
		return $props;
	}
	add_action('pre_get_posts', 'do_portfolio_pre_get_posts');

	return $props;
}

function do_portfolio_pre_get_posts($query) {
		
	do_action('pre_get_portfolio_projects', $query);
}
function remove_pre_get_portfolio_projects($content) {
	
	remove_action('pre_get_posts', 'do_portfolio_pre_get_posts');
	return $content;
}

//Projects nach Titel sortieren
add_action('pre_get_portfolio_projects', 'pa_change_portfolio_module_order');
function pa_change_portfolio_module_order($query) {	
	$query->set('orderby', 'title');
$query->set('order', 'ASC');
}

Der wichtigste Teil des Codes findet sich auf den Zeilen 24-29. Dort wird festgelegt, dass die Projekte nach Titeln von A-Z sortiert werden. Es geht aber noch mehr.

Umkehrung der Sortier-Reihenfolge Z-A

Wenn Sie aus irgendeinem Grund die Elemente in der umgekehrten Reihenfolge anzeigen möchten, können Sie das «ASC» im Codeschnipsel (auf Zeile 28) bearbeiten. Ersetzen Sie einfach ‹ASC› durch ‹DESC› und die Projekte werden von Z nach A sortiert angezeigt.

Sortierung in zufällige Reihenfolge ändern

Sie können die Projekte im Portfolio-Modul auch in zufälliger Reihenfolge anzeigen lassen. Dazu verwenden Sie den ersten Teil des obigen Snippets von Zeile 1-23 und ändern nur den letzten Teil von Zeile 24-29. Fügen Sie anstelle dieser Zeilen den unten folgenden Ausschnitt ein:

//Projekte in zufälliger Reihenfolge anzeigen
add_action('pre_get_portfolio_projects','pa_random_portfolio_module_order');
function pa_random_portfolio_module_order($query) {	
	$query->set('orderby', 'rand'); 
 }

Nach diesem Muster werden Ihre projects bei jedem Seitenaufruf in zufälliger Reihenfolge im Portfolio-Modul aufgelistet.

Werbung

Werbung

 

Kostenlose WordPress- und Divi-Tricks im Abo

Wir schicken Ihnen sporadisch (weniger als 10x jährlich) neue Tricks für Wordpress und das Divi-Theme, aber auch hilfreiche CSS- und HTML-Codes frei Haus.

Füllen Sie zur Anmeldung das folgende Formular aus. Angaben mit * sind Pflichtangaben.






Vielen Dank.

Pin It on Pinterest

Share This