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>