Dit is nogal een stap bleek wel, dus mocht je tegen problemen aanlopen, dan horen we dat graag.

Nu ben ik echt een beginneling op het gebied van CIDR.

Bij deze post vermeld ik de opdrachten.

Opdracht 1:

Speciale objecten. 

Het is de bedoeling dat ik hierbij het één en ander moet invullen. 

# write code here

print (a) # prints 1

print (b) # prints 1

print (a-b) # prints 2

Ik ben benieuwd of er hier respons voor is en of jullie mij hierbij kunnen helpen. Alvast bedankt.

Raymond

Wat voor mijn website goed werkte:

$current_url = home_url($_SERVER);

Uiteraard zal iemand wel mopperen omdat ik "REQUEST_URI" gebruik, daarom deze alternatieven die zouden moeten werken. 
Helaas in mijn ervaring intussen niet echt betrouwbaar.

// Option 1
// requires $wp, may not work with permalinks set to plain
global $wp; 
$current_url = home_url( $wp->request );

// Option 2
// requires $wp, may not work with permalinks set to plain
global $wp;
$current_url = add_query_arg( $wp->query_vars, home_url( $wp->request ) );

// Some other options that may be helpful:
$current_url = get_permalink( get_the_ID() ); // for page
$current_url = get_category_link( get_query_var( 'cat' ) ); // for category

Ik heb het met deze functie opgelost:

(kopieer dit in de functions.php van het theme dat je gebruikt)

// Start gebruikersoverzicht gesorteerd op datum (nieuwste eerst)

function t4a_default_users_by_date($args){
    if ( empty( $args ) ) {  
        $args = "user_registered";
        $args   = "DESC"; 
      }
        
    return $args;
}

add_filter("users_list_table_query_args","t4a_default_users_by_date");

Als er dus geen sorteer volgorde is gezet (hier begint het mee), dan wordt de sorteer volgorde op "bij datum, nieuwste eerst" gezet.

Dit kleine scriptje (bron) doet precies dat (run in de console):

for(var b in window) { 
  if(window.hasOwnProperty(b)) console.log(b); 
}

In Google Chrome, ga naar developer mode (F12).

Druk op ⌘+Shift+P (Mac) of Control+Shift+P (Windows, Linux) om het Command Menu te openen.

Begin nu het woord "render" te typen, totdat je de optie "Drawer Show Rendering" ziet - klik op deze optie.

Er verschijnt nu meer informatie waar je even naar beneden moet scrollen tot je "Emulate CSS media type" ziet. Kies daar de optie "Print".

Google Chrome laat nu een preview van de CSS voor printen zien.

N.B.: dit kan waarschijnlijk ook in andere Chromium gebaseerde browsers (b.v. Microsoft Edge, Apple Safari, Opera).

Wat er gebeurt is dit: bij een WordPress Multisite, als je in de site gebruikers een gebruiker markeert als spammer, dan trek Wordpress de hele sub-site uit de lucht door deze als spam te markeren. Yikes!

Ik heb hiervoor een fix gemaakt, maar ...
Dit is slechts een tijdelijke fix, door een trigger te gebruiken op de database die voorkomt dat een site als "spam" gemarkeerd kan worden.
Wie markeert er eigenlijk een website als "spam" ??

Merk op:
- door deze fix kun je een website niet meer als spam markeren!
- gebruik deze truc op eigen risico, je kunt de trigger echter weer verwijderen als het fout gaat

Je hebt hiervoor toegang nodig tot jouw WordPress database, en ik ga er vanuit dat het een MySQL of een MariaDB database is (andere Database engines zouden triggers misschien niet ondersteunen of een anderSQL formaat hanteren om een trigger aan te maken). 

Ik ga er vanuit dat "wp_" de prefix voor jouw hoofd-Wordpress website is, en dat je de blogs tabel hebt gevonden (wp_blogs).
Vervolgens voegen we een trigger met het volgende SQL statement toe:

CREATE TRIGGER `prevent_mark_as_spam` BEFORE UPDATE ON `wp_blogs` FOR EACH ROW SET NEW.spam = 0;

Wat deze trigger doet: voordat een regel in de wp_blogs tabel wordt geüpdate (BEFORE UPDATE), wordt de nieuwe (NEW) waarde van het veld "spam" geforceerd naar 0.
Nul wordt gebruikt als indicatie voor "false", dus als het veld "spam" = 0 dan wordt de betreffende site gezien als NIET spam.

De trigger kan weer verwijderd worden met:

DROP TRIGGER IF EXISTS `wp_blogs`.prevent_mark_as_spam;

WebP is a modern image format that provides superior lossless and lossy compression for images on the web

Ik kan niet bevestigen of het superieur is, maar ik weet wel dat ik genoeg grafische programma's heb die WEBP niet ondersteunen (op dit moment van schrijven, faalt het zelfs bij Photoshop 2012).

Er zijn verschillende methode om een WEBP bestand om te zetten naar een ander formaat, zoals online conversie, or desktop applicaties.
Maar er is ook een methode om dit van Terminal/Shell/DOS te doen met de Webp-tools van Google die je hier kunt downloaden.

Selecteer de versie voor jouw besturingssysteem, en pak het gedownloade bestand uit.

Je kunt nu in de directory "bin" het bestand "dwebp" (in the bin directory), waarmee je een Webp afbeelding naar PNG (default) kunt omzetten:

./dwebp -o output.png input.webp

Dit tooltje ondersteund ook andere formaten zoals PAM (raw RGBA), PPM (raw RGB), BMP, TIFF, PGM en YUV.
(merk op: JPG ontbreekt!)

Mocht je bijvoorbeeld de voorkeur hebben voor BMP, dan kan dit als volgt:

./dwebp -bmp -o output.bmp input.webp

Geen idee of dit ook voor Windows of Linux werkt, maar bij de Mac versie kon ik het bestand dwebp gewoon elders plaatsen en de andere bestanden blijken niet nodig voor het functioneren van dwebp.

In dit voorbeeld zet ik de tekst die op de knop moet worden weergegeven tussen HTML span tags, en dit mag op een willekeurige plaats in jouw tekst staan.

Zo kunnen we bijvoorbeeld een "Enter" toets weergeven (alles wat in de span staat werkt, dus zelfs een <i class="icon-xyz"></i> zoals je die ziet bij IcoMoon voorbeelden, bijvoorbeeld om de Windows toets te reproduceren):

<span class="keyboardkey">Enter</span>

Je kunt uiteraard ook andere HTML tags gebruiken, maar in dit voorbeeld gebruik ik de "span" tag omdat het een van de meest gebruikelijke is.
De CSS voor "keyboardkey" voor een dergelijke span ziet er dan zo uit:

span.keyboardkey {
    box-shadow: rgb(132 132 132 / 0.16) 1px 1px 4px 1px;
    text-shadow: none;
    font-weight: bold;
    margin-right: 4px;
    margin-left: 4px;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 14px;
    padding: 0.2em 1em;
    border: 1px solid;
    border-color: #d6d6d6 #b4b4b4 #b4b4b4 #d6d6d6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #F2F2F2;
    background-image: -moz-linear-gradient(top, #FCFCFC, #E0E0E0);
    background-image: -o-linear-gradient(top, #FCFCFC, #E0E0E0);
    background-image: -webkit-linear-gradient(top, #FCFCFC, #E0E0E0);
    background-image: linear-gradient(top, #FCFCFC, #E0E0E0);
}

Dit genereert dan een knop zoals in dit voorbeeld:

Uiteraard zou je het argument kunnen maken dat toetsen niet bol staan, en je liever de knop ziet zoals hieronder:

Met een kleine CSS modificatie kun je ook dat bereiken (de kleuren in de dikke rode tekst zijn omgedraaid):

span.keyboardkey {
    box-shadow: rgb(132 132 132 / 0.16) 1px 1px 4px 1px;
    text-shadow: none;
    font-weight: bold;
    margin-right: 4px;
    margin-left: 4px;
    font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
    font-size: 14px;
    padding: 0.2em 1em;
    border: 1px solid;
    border-color: #d6d6d6 #b4b4b4 #b4b4b4 #d6d6d6;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    background-color: #F2F2F2;
    background-image: -moz-linear-gradient(top, #E0E0E0, #FCFCFC);
    background-image: -o-linear-gradient(top, #E0E0E0, #FCFCFC);
    background-image: -webkit-linear-gradient(top, #E0E0E0, #FCFCFC);
    background-image: linear-gradient(top, #E0E0E0, #FCFCFC);
}

In Apache kun je de volgende regel toevoegen aan httpd.conf. Alle websites worden dan meteeen beveiligd tegen clickjacking:

Header always append X-Frame-Options SAMEORIGIN

Tip: als je cPanel/WHM op jouw webserver hebt, ga dan naar:

Home » Service Configuration » Apache Configuration » Include Editor » pre virtual host »  selecteer "All versions", en voeg betreffende regel hier toe.
Apache moet wel opnieuw gestart worden.

Als alternatief kun je dit ook in de .htaccess file doen met de volgende regel:

Header append X-FRAME-OPTIONS “SAMEORIGIN”