Shortcodes voor het tonen en verbergen van content

Hoe maak ik een shortcode waarmee ik content van mijn posts kan verbergen?

Wil je direct een mail ontvangen wanneer nieuwe snippets zijn toegevoegd?

Vul dan onderstaand formulier in en je krijgt direct na het toevoegen van nieuwe snippets een email. Zo blijf je altijd bij!

Over dit onderwerp heb ik enkele jaren geleden een vrij uitgebreid artikel geschreven, waarin ik aangaf hoe je content in een blog kan tonen of verbergen. Ik behandel daar de opbouw van de code stap voor stap. Hier in de Snippet base, sla ik alle stappen die ik heb genomen even over en beperk mij tot het eindresultaat. Mocht je dieper geïnteresseerd zijn in de werking van de code, verwijs ik je graag naar mijn blogpost.

Let ook op : Ik heb de code enigszins aangepast om in overeenstemming te laten zijn met de afgesproken conventie voor de snippet base met betrekking tot prefixes. In de originele code gebruikte ik de prefix ‘member’.

De situatie

Binnen de content van een blogpost (of een pagina, les, of wat voor ander post type dan ook), wil ik bepaalde content alleen tonen aan ingelogde gebruikers met een bepaalde rol. Deze content wil ik tussen twee shortcodes ‘beschermen’. Daarnaast wil ik aan bezoekers duidelijk maken, dat alleen leden toegang hebben tot de content.

Ik wil de shortcode [member][/member] gebruiken om de content voor ingelogde gebruikers met een specifieke rol zichtbaar te maken.

Ik wil de shortcode [visitor][/visitor] gebruiken om de content voor niet ingelogde gebruikers zichtbaar te maken.

En tenslotte wil ik de shortcode [notrole][/notrole] gebruiken om de content voor ingelogde gebruikers, die niet een bepaalde rol hebben zichtbaar te maken.

Laten we met de shortcode voor de members beginnen.

Members

<?php 

add_shortcode( 'member', 'wxp_member_check_shortcode' );

function wxp_member_check_shortcode( $atts, $content = null ) 
     if (empty($atts['role']) {
          return 'FOUT: Je moet een rol meegeven, anders valt er niets te controleren';
     } else {
       $role = ($atts['role']);
     }
     $user = wp_get_current_user();
     if ( in_array( $role, (array) $user->roles ) ) {
        $rolematch = true;
     } else {
        $rolematch = false;
     } 
     if ( is_user_logged_in() && $rolematch && !is_null( $content ) && !is_feed() )	return do_shortcode($content); 
     return '';
}

Het gebruik van deze shortcode is vrij eenvoudig

[member]Speciale kortingscode alleen voor leden: 123456[/member]

Visitors

De code voor bezoekers is eigenlijk kinderlijk eenvoudig. Het enige wat je hoeft te controleren is of de bezoeker niet is ingelogd.

<?php 

add_shortcode( 'visitor', 'wxp_visitor_check_shortcode' );

function wxp_visitor_check_shortcode( $atts, $content = null ) {
	 if ( !is_user_logged_in() && !is_null( $content ) && !is_feed() )
		return do_shortcode($content); 
	return '';
}

Dat is werkelijk alles. En nu de shortcode in het gebruik

[visitor]Het spijt mij, alleen leden hebben toegang. <a href="/inschrijven/">Klik hier om lid te worden</a>[/visitor]

Een eitje nietwaar?

Niet de juiste rol hebben…

De [notrol] check is iets ingewikkelder. Maar ook weer niet zoveel ingewikkelder dan de [member] check.

<?php 
add_shortcode( 'notrole', 'wxp_notrole_check_shortcode' );

function wxp_notrole_check_shortcode( $atts, $content = null ) 
     if (empty($atts['role']) {
          return 'FOUT: Je moet een rol meegeven, anders valt er niets te controleren';
     } else {
       $role = ($atts['role']);
     }
     $user = wp_get_current_user();
     if ($user) {
        if ( in_array( $role, (array) $user->roles ) ) {
           $show = false;
        } else {
           $show = true;
        } 
     } else {
          $show = true
     }
	 if ( $show && !is_null( $content ) && !is_feed() )
		return do_shortcode($content); 
	return '';
}

In een praktisch voorbeeld :

[member role="premium"]Gefeliciteerd, jij bent premium member[/member]
[notrole role="premium"]Als je premium member was geweest, had je iets leuks te lezen gekregen.[/notrole]

Codesnippet verbeteren

Het doel van deze code snippet is een probleem op te lossen in een specifieke situatie. Daarom zie je regelmatig voorbeelden waar je specifiek tekst moet aanpassen om te krijgen wat je wilt. 

Wil jij leren hoe je complete plugins zelf kunt programmeren inclusief ‘admin’ schermen voor het instellen en de output in de gewenste taal, dan is misschien de cursus ‘Introductiecursus Plugins Programmeren‘ iets voor jou. 

Wil je als ‘full stack’ WordPress programmeur aan de gang gaan, dan biedt WordXPression ook een compleet traject ‘WordPress Developer‘ aan. Dit is een traject wat deels online, deels klassikaal wordt gegeven.

WordPress Developer worden?

Wil je leren hoe je zelf plugins, thema's, shortcodes, widgets, Gutenberg blocks en meer kan maken?
Schrijf je dan in voor de cursus WordPress Developer.

Meer snippets

Een 'terug' knop voor je webpagina
Stel, je bezoeker is op een pagina en je wilt dat die bezoeker eenvoudig terug kan gaan naar de voorgaande...
Hoe maak ik zelf een shortcode?
Bij het live gaan van de snippet base vroeg ik in mijn nieuwsbrief aan mijn lezers, of ze suggesties...
Beperk zoekresultaten tot bepaalde post-typen
Hoe beperk je de post typen die terug komen vanuit een zoekopdracht?
Een shortcode om de winkelwagen inhoud te tonen
Soms wil je de inhoud van een winkelwagen laten zien. Met behulp van deze shortcode kan je de inhoud...
Custom fields in Elementor gebruiken
Elementor is natuurlijk een prachtige page- en theme builder, maar is toch een aantal kleine uitdagingen...
Checkout velden wel of niet verplicht maken
Hoe kan je checkout velden in WooCommerce wel of niet verplicht stellen?

Veiligheid voor alles!

Met betrekking tot de code die je hier aantreft een aantal waarschuwingen, voordat je deze code snippets toepast op je eigen website.

  1. Voer de code nooit direct uit op je eigen website, maar probeer deze eerst op een staging omgeving of een locale kopie van je website. 
  2. Voor je de geteste code installeert op je website, maak eerst een back up van je website.
  3. Zorg altijd voor alle zekerheid, dat je voor je een aanpassing live zet, je ook de FTP gegevens van je website bij de hand hebt.  
 
Voel je je onvoldoende vertrouwd met het toepassen van een dergelijke code snippet, bedenk dat je dit ook door een professional kan laten doen. De WordXPression support strippenkaart is een voordelige manier om dit soort aanpassingen te laten doen.
Heeft dit artikel je geholpen je probleem op te lossen?
Deel het met je vrienden via je favoriete social media.

Heb je vragen bij, of opmerkingen over deze code snippet, stel deze bij de commentaren hieronder.

Geef een reactie

Je e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *

Word je website de baas. Neem vandaag nog contact op!

Contact Information

WordXPression 

Bezoekadres
Eperweg 135 (op afspraak)
8072 PL Nunspeet

Postadres
Aardoliestraat 14-I
7553GT Hengelo

06-10449807 (van 9:00 tot 17:00 van ma-vr)

KVK : 75580152 

Social media
Stuur een bericht

Introductiecursus Plugins Programmeren

wordpress coding Can use php code as background in html

Ontdek de wereld van WordPress Plugin ontwikkeling met WordXPression's introductiecursus