Kursus platform

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:

Denne guide er kun for betalende kursister

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>

Brug for hjælp? 👋

Gå til ressource-bibliotek eller book et online en-til-en support møde med mig – så løser vi det sammen. Book et online møde her eller skriv til emil@klitmose.dk for hjælp.

Jeg kan desværre ikke nås på telefonen da jeg sandsynligvis sidder og hjælper en anden kursist. Men book et møde, så får vi det løst!