Skip to main content

Onderwerp categorie: indexeerniet

Programma maken vanuit YouTube playlist

Je kan heel snel een programma opzetten vanuit een een YouTube playlist, zie video hieronder.

  • Zorg dat je de teksten en titels correct hebt ingevoerd in YouTube dan neemt hij deze over
YouTube player

Link toevoegen en aanpassen

Er zijn verschillende manieren om een linkje in je website te plaatsen

  • menu
  • tekstlink
  • button
  • linkje op een titel of afbeelding

Waar moet je op letten?

  • is het een interne of externe link? (vinkje zetten bij openen in een nieuw tabblad)
  • Gebruik relatieve link ipv hele link met https, dus /agenda bij interne linkjes
  • is het duidelijk waar de link heen gaat? Is de link omschrijvend?
YouTube player

Toegankelijkheid

In de praktijk zijn lees meer, lees verder en klik hier geen goede teksten voor buttons. Het is soms lastig om kort te blijven. Een alternatief is dan geen link te plaatsen met een tekst als lees verder. Maar de link op de titel te zetten of op het hele panel. Deze methode wordt goed gekeurd bij toegankelijkheids scans.

Partijen die screenings van websites doen

Cardan Technobility

Accessibillity (onderdeel van Bartiméus)

Werken met templates

Het werken met templates heeft de voorkeur als je blog berichten wil vormgeven. En de berichten overzichtspagina. Waarom? Omdat je dan meer invloed hebt op wat er in de zijkolom komt te staan en je dan je lezers meer kan sturen. Je kan er specifieke promo’s naast zetten of gerelateerde berichten. Dat kan minder makkelijk als je met basis instellingen werkt.

In wezen niets anders dan werken met de bouwer maar dan in combinatie met dynamische content.

Je kan een template toewijzen aan een groep (categorie of tag) van berichten.

Dit bied ook hele mooie mogelijkheden als je gaat inzetten op contentmarketing en van plan bent heel veel te gaan bloggen. Als je net start met je een website zou ik het eenvoudig houden en de blogoverzichtspagina en de berichtenpagina instellen.

De templates kunnen ook gebruik worden voor

  • WooCommerce pagina
  • Zoekresultatenpagina
  • Categoriepagina’s
YouTube player

Instellingen van de achtergrondfoto

Er zijn nog een aantal geavanceerde instellingen die je kan doen aan de achtergrondfoto:

  • Breedte en hoogte invoeren
  • Grootte
  • Positie
  • Effect (bijvoorbeeld parallax effect instellen)
  • Zichtbaarheid
  • Achtergrondkleur
  • Overlappingskleur

Waarom zou je dit willen doen? In sommige gevallen komt het ten goede van de leesbaarheid. De kleurtoon kan beter aansluiten bij je huisstijl kleur. Of je past de positie van de foto zo aan dat je onderwerp of de persoon op de foto beter in beeld komt.

YouTube player

Aparte weergave voor tablet en mobiel

Laadtijd is erg belangrijk. Daarom is het goed om een aangepaste weergave van de belangrijkste pagina’s te maken.

Je moet dan denken aan het weglaten van bepaalde foto’s die voor mobiel te groot zijn en hier te werken met kleurvlakken. Ook zou je een kopie kunnen maken van je header of hero en zo twee verschillende weergaves te tonen. Dit heeft een aantal voordelen

  • laadtijd voor mobiel en tablet is kleiner omdat je een kleinere foto inlaad.
  • je kan een andere foto kiezen die qua uitsnede beter past.
YouTube player

Extra gebruikersvelden aanmaken

Maak gebruik van een child theme en plak in de functions.php de volgende code voor 1 extra veld:

// Extra veld "Registratienummer"
add_action( 'woocommerce_edit_account_form', 'add_registratie_nummer_to_edit_account_form' );
function add_registratie_nummer_to_edit_account_form() {
    $user = wp_get_current_user();
    ?>
        <h2>Vul hier in wat op jouw certificaat moet komen.</h2>
		
		<p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
        <label for="registratie_nummer"><?php _e( 'Registratienummer (Bijvoorbeeld: <strong>Registratienummer XXXX</strong> . Of: <strong>BIG: XXXX.</strong)', 'woocommerce' ); ?></label>
        <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="registratie_nummer" id="registratie_nummer" value="<?php echo esc_attr( $user->registratie_nummer ); ?>" />
    </p>
    <?php
	
// Tweede Extra veld
    ?>
    <p class="woocommerce-form-row woocommerce-form-row--wide form-row form-row-wide">
        <label for="registratie_nummer"><?php _e( 'Geboortedatum (dd-mm-yyyy)', 'woocommerce' ); ?>
        <input type="text" class="woocommerce-Input woocommerce-Input--text input-text" name="geboortedatum" id="geboortedatum" value="<?php echo esc_attr( $user->geboortedatum ); ?>" />
    </p>
    <div class="clear"></div>
    <?php
}

// Sla extra velden op 
add_action( 'woocommerce_save_account_details', 'save_registratie_nummer_account_details', 12, 1 );
function save_registratie_nummer_account_details( $user_id ) {
    // Registratienummer
    if( isset( $_POST['registratie_nummer'] ) )
        update_user_meta( $user_id, 'registratie_nummer', sanitize_text_field( $_POST['registratie_nummer'] ) );

     // Geboortedatum
    if( isset( $_POST['geboortedatum'] ) )
        update_user_meta( $user_id, 'geboortedatum', sanitize_text_field( $_POST['geboortedatum'] ) );

    }

Dat levert in het winkelaccount twee extra velden op:

Afhankelijk van jouw opmaak kan je nog wat spelen met de line-height, text-align en text-indent. Succes!

<p style="text-align: left; color: #e4f1ef; line-height: 12px;">.</p>


<h1 style="text-indent: 19px; text-align: left;">[usermeta field="first_name"]  [usermeta field="last_name"]</h1>
<h3 style="text-indent: 19px; text-align: left;"> [usermeta field="registratie_nummer"]</h3>
<h3 style="text-indent: 19px; text-align: left;"> Geboortedatum: [usermeta field="geboortedatum"]</h3>
<p style="text-indent: 19px; text-align: left;"> [courseinfo show="enrolled_on"]</p>
<p style="text-indent: 19px; text-align: left;"> [courseinfo show="completed_on"]</p>
<p style="text-indent: 19px; text-align: left;"> [quizinfo show="completed_on"]</p>

Video’s over de hele breedte

Voor deze aanpassing moet je een child theme kunnen maken van je hoofd thema. Ben je hier niet bekend of vertrouwd mee? Vraag dan een webbouwer.

Vervolgend plak je in functions.php een stukje code nl deze:

add_action( 'after_setup_theme', function() {
    add_theme_support( 'responsive-embeds' );
} );

Let er op dat er ook een openingstag is als dit het eerste stukje code is wat je er in plakt.

YouTube player

Open vragen (essays) in een Quiz

Bij een quiz kan je ook open vragen aanmaken. Als je aanvinkt dat je de statistieken wilt gebruiken, dan kan de student zijn inzendingen inzien. Zij zal dit zien bij de training.

Open vragen worden opgeslagen maar niet op de trainingspagina’s. Dat kan wat verwarrend zijn. Het is daarom goed je studenten uitleggen dat ze na inzending hun vragen in het profiel kunnen teruglezen.

De open vragen krijgen een eigen taxanomie in WordPress, nl. /essay/. Daar bedoel ik mee dat ze opgeslagen worden in je website onder essay. Als ze op hun essay klikken dan is dit de url jouwwebsite.nl/essay/naamvandevraag. Hier kunnen ze hun antwoord nog een keer aanpassen.
Of dit wenselijk is, is de vraag, want hoe houd je dan bij wat de laatste is.

Waar vind je als beheerde de antwoorden terug?

Er zijn twee plekken waar je bij de antwoorden uit komt

  1. Via Toetsen en dan het tabje ingeleverde toetsantwoorden
  2. Via gebruikers

Profielopties van de klant

Je kan als beheerder het gebruikersprofiel aanpassen. Hier kan je manueel de training markeren als voltooid. Maar je kan ook een hele training leegmaken voor deze persoon. Dit is voor jezelf ook handig om te gebruiken in de testfase als je door alle vragen loopt.

Goedkeuren van open vragen

Het goedkeren van een vraag gaat via het tabje “ingeleverde toetsen”. Hier kan je in bulk alles goedkeuren.

Alle antwoorden tegelijk inzien

Het is in LearnDash niet standaard mogelijk om een export te maken van alle antwoorden. Hiervoor heb je een extra plugin nodig bijvoorbeeld deze van https://wisdmlabs.com/reports-for-learndash/. Daarmee kan je een Excel downloaden. Bijzonder handig als je veel vragen ineens wil bekijken.