Elementor: Skjul element for personer der er logget ind eller logget ud

Selvom Elementor og WordPress tilbyder mange funktioner til webdesign, mangler de stadig en indbygget funktion til let at skjule eller vise elementer baseret på brugerens login-status. Dette kan imidlertid løses med en simpel tilpasning.

Her er et eksempel på, hvordan du kan tilføje en funktion til dit WordPress-site for at skjule eller vise Elementor-elementer afhængigt af, om brugeren er logget ind eller ej:

• For at skjule element fra personer, der er logget ind skal du tilføje CSS class hide-logged-in
• For at skjule element fra personer, der IKKE er logget ind skal du tilføje css class hide-logged-out

Kode 1 (PHP): Tilføj til codesnippet

add_filter('body_class','er_logged_in_filter');
function er_logged_in_filter($classes) {
if( is_user_logged_in() ) {
$classes[] = 'logged-in-condition';
} else {
$classes[] = 'logged-out-condition';
}
// return the $classes array
return $classes;
}

Kode 2 (CSS): Tilføj til Elementor Kode

<style>
.logged-in-condition .hide-logged-in {
	display: none!important;
}

.logged-out-condition .hide-logged-out {
	display: none!important;
} 

</style>