WordPress Coding Standards 1.1.0 zijn beschikbaar

WordPress Coding Standards 1.1.0

Vorige maand schreven we al een blogpost over de WordPress Coding Standards 1.0.0, die negen jaar na de aanvang van het project eindelijk beschikbaar waren gesteld voor WordPress ontwikkelaars. Gisteren werd de tweede versie op GitHub geplaatst: de WordPress Coding Standards 1.1.0.

Verder lezen

JavaScript naar de footer verplaatsen met een plugin

javascript naar de footer verplaatsen

Wie zich een beetje in snelheidsoptimalisatie heeft verdiept, weet dat vaak wordt aangeraden om JavaScript naar de footer van je website te verplaatsen. Dit kun je natuurlijk handmatig doen, maar als je niet zo bekend bent met scripten en programmeren voel je je hier wellicht niet zo comfortabel bij. Gelukkig hoef je geen WordPress whizzkid te zijn – er zijn er ook andere manieren om het voor elkaar te krijgen! In dit artikel beschrijven we 3 simpele (en gratis!) plugins die scripts naar de footer verplaatsen. Tot slot bieden we nog een alternatieve methode om dit voor elkaar te krijgen.

Verder lezen

Custom CSS toevoegen aan WordPress: 4 methodes

custom CSS toevoegen

Elke WordPress site heeft minimaal een paar kleine CSS tweaks nodig om alles te krijgen zoals je het hebben wilt. Maar custom CSS aan WordPress toevoegen kan een beetje tricky zijn; het is namelijk geen goed idee om simpelweg het stylesheet van je parent thema te bewerken. In dit artikel bespreken we 4 manieren waarop je wél custom CSS kunt toevoegen.

Verder lezen

6 tips om code voor SEO te gebruiken

code voor seo

Heel veel webmasters zien zoekmachine optimalisatie (SEO) als iets dat je doet na het bouwen van je website. Dat is voor een deel ook wel waar: we beginnen pas zoekwoord analyses, blogberichten schrijven, permalinks optimaliseren en backlinks verkrijgen als de website eenmaal staat. Toch speelt de code van je website een zeer belangrijke rol bij het optimaliseren van je website. Als de code niet goed is, is het hetzelfde als een huis bouwen op een instabiele fundering. In dit artikel beschrijven we 6 tips om code voor SEO te gebruiken – al tijdens het bouwen van je WordPress site!

Verder lezen

WordPress pagina verwijderen? Maak eerst een 301 redirect aan!

wordpress pagina verwijderen

Er kunnen verschillende redenen zijn waarom je een WordPress pagina zou willen verwijderen. Bijvoorbeeld omdat een blogartikel verouderd is, of omdat je je site wilt herstructureren. Maar zomaar een WordPress pagina verwijderen is geen goed idee! Waarom? Wel, als je een pagina (dus ook een blogartikel of categorie) verwijdert, dan ‘breek’ je alle links die naar dat webadres leiden. Omdat er geen webpagina meer is om weergegeven te worden, stuurt de webserver een pagina terug waarop staat “404 Pagina kan niet gevonden worden.” Dit soort 404 errors zijn niet alleen heel frustrerend voor je gebruikers, maar kunnen ook een negatieve impact hebben op je ranking in Google. En dat wil je natuurlijk vermijden! Denk dus twee keer na voor je content verwijdert. Als het gaat om een verouderde blogpost, overweeg dan om deze te herschrijven en de permalink onveranderd te laten. Als je significante aanpassingen doet kun je altijd de publicatiedatum aanpassen. Dat gezegd, er is wel een manier om WordPress pagina’s te verwijderen zonder dat je ‘dode links’ krijgt: door het maken van een 301 redirect.

Verder lezen

Een introductie tot Functions.php

functions.php

Van alle bestanden in de WordPress core zijn er maar weinig zo veelzijdig als functions.php. Als je weet wat dit bestand doet en hoe je ermee moet werken, kun je met slechts een paar regeltjes code allerlei functies aan je WordPress site toevoegen. Zonder dat je hiervoor een plugin hoeft te installeren.

Verder lezen

3 JavaScript tips voor WordPress ontwikkelaars

javascript tips

JavaScript is een programmeertaal die door web ontwikkelaars wordt gebruikt om web applicaties te bouwen en interactieve functies toe te voegen. Alle grote internet browsers bieden ondersteuning voor JavaScript, wat ervoor zorgt dat dynamische content prachtig op webpagina’s kan worden weergegeven. JavaScript speelt tevens een prominente rol in WordPress ontwikkeling. Een WordPress ontwikkelaar met een adequate kennis van JavaScript kan robuuste, schaalbare en gebruiksvriendelijke applicaties bouwen. Als je een goede WordPress ontwikkelaar wil zijn, dan is het zeker aan te raden om je in JavaScript te verdiepen. Zoals WordPress oprichter Matt Mullenweg al zei in zijn jaarlijkse “State of the Word” speech: “Learn JavaScript, deeply.” Maar hoe begin je als WordPress ontwikkelaar met je JavaScript reis? En welke aspecten van deze veelzijdige programmeertaal zijn voor jou het belangrijkst? We hebben 3 JavaScript tips voor WordPress ontwikkelaars op een rijtje gezet.

Verder lezen

Een advertentie toevoegen aan je blogbericht

advertentie toevoegen aan je blogbericht

In principe kun je advertenties overal plaatsen: in een zijbalk, in de footer of in de header van je website. Maar content ads, dus advertenties die in je blogberichten staan, hebben doorgaans de beste click-through rates. Een relevante advertentie toevoegen aan je blogbericht is een uitstekende manier om wat extra geld te verdienen met je WordPress site. In dit artikel beschrijven we twee manieren waarop je een advertentie aan een blogbericht kunt toevoegen.

Verder lezen

Wat is een child thema en waarom zou je er één gebruiken?

een child thema

WordPress thema’s worden, net als WordPress zelf, regelmatig geüpdatet. Dat is belangrijk om ervoor te zorgen dat het thema veilig blijft en voldoet aan de huidige web standaarden. Er is echter één nadeel aan die updates. Stel, je maakt zelf wat aanpassingen in de code van je thema. En vervolgens wordt je thema automatisch geüpdatet. Al die custom aanpassingen die je destijds hebt gemaakt zijn dan weg. En dan kun je dus weer opnieuw beginnen… Als respons op dit probleem is het concept van child thema’s ontstaan. In dit artikel leggen we uit wat een child thema precies is, hoe het werkt, en waarom je er één zou moeten gebruiken.

Verder lezen

Zo voeg je een Terug Naar Boven knop toe!

terug naar boven

Als je veel content op je WordPress site hebt, betekent dat in veel gevallen ook dat je bezoekers veel moeten scrollen. Wil je het lezen van lange artikelen makkelijker en prettiger maken voor je bezoekers, dan kun je ervoor zorgen dat ze met één knop weer helemaal naar de bovenkant van de pagina kunnen. Het toevoegen van een Terug Naar Boven knop kan scroll kwesties oplossen en is super eenvoudig om te implementeren. In dit artikel leggen we uit hoe je dat doet.

Verder lezen

iFrame plugins voor WordPress

iframe plugins

Gisteren schreven we al over het toepassen van iFrames, en lieten we zien hoe je de simpele iFrame plugin kunt gebruiken om iFrames in WordPress toe te voegen. Vandaag gaan we hier nog wat dieper op in en laten we je kennismaken met 4 wat meer geavanceerde iFrame plugins voor WordPress.

Verder lezen

iFrames in WordPress

iframes in wordpress

Heb je ooit wel eens de behoefte gehad om een andere website op jouw website weer te geven, zonder dat je bezoekers daarvoor je website moeten verlaten? Wel, dat is mogelijk, namelijk met behulp van iFrames. In dit artikel vertellen we alles dat je moet weten over het gebruiken van iFrames in WordPress.

Verder lezen

AMP plugin voor WordPress

amp plugin

Gisteren gaven we al een korte introductie tot het Google AMP Project, dat speciaal is ontwikkeld om de performance van mobiele websites te optimaliseren. Vandaag gaan we eens kijken naar hoe je Google AMP met WordPress kunt integreren. Dit is het makkelijkste als je gebruik maakt van een AMP plugin.

Verder lezen

Google AMP: een korte introductie

google amp

Als je geregeld ons blog bezoekt, dan hoeven we je waarschijnlijk niet te vertellen over het belang van een snelle WordPress website. Lange laadtijden hebben een negatieve impact op je bounce rate, en zijn één van de belangrijkste oorzaken van gefrustreerde bezoekers. Er zijn honderden trucs en tools die je kunt toepassen om de laadtijden voor je mobiele website te optimaliseren. In dit artikel bespreken we het Google AMP Project, één van de meest veelbelovende methodes om de laadtijd van je WordPress website te verbeteren.

Verder lezen

Zoek en vervang teksten in WordPress

zoek en vervang

De zoek en vervang functie die je bijvoorbeeld in Microsoft Word hebt, kun je ook in WordPress gebruiken. Dat is handig voor verschillende situaties – stel dat je een bepaalde term op je WordPress site veelvuldig hebt gebruikt, en die term achteraf niet correct blijkt te zijn. Of dat je erachter komt dat er een alternatieve term is die veel beter scoort in Google. Als je die termen allemaal handmatig op zou moeten zoeken, ben je heel veel tijd kwijt. In dit artikel leggen we twee manieren uit waarmee je in WordPress eenvoudig teksten kunt zoeken en vervangen.

Verder lezen

Google Search voor WordPress: alles dat je moet weten

google search voor wordpress

De standaard zoekfunctie van WordPress werkt prima. Maar als je al wat langer met WordPress werkt, zal het je ongetwijfeld zijn opgevallen dat het ook zijn beperkingen heeft. Zodra de hoeveelheid content op je WordPress website groter wordt, besef je dat de WordPress functie niet altijd de meest relevante zoekresultaten weergeeft, waardoor je content lastiger te vinden is. Google is natuurlijk beroemd geworden als het op zoekfuncties aankomt, en het gebruiken van Google Search voor WordPress op je website kan je bezoekers een veel betere ervaring bieden dan de standaard zoekfunctie. In dit artikel vertellen we je alles dat je moet weten over Google Search voor WordPress!

Verder lezen

500 – Internal Server Error oplossen

internal server error

De Internal Server Error (500) is een relatief veelvoorkomende foutmelding, ook bij WordPress websites. Het lastige aan deze foutmelding is dat hij veel verschillende oorzaken kan hebben.

De 500- Internal Server Error verschijnt op elke pagina wanneer er een probleem is met de server of het bestandssysteem van je website. De fout ligt meestal in de root map, waar je WordPress bestanden zijn opgeslagen, maar de foutmelding kan ook veroorzaakt worden door een probleem op de server van je webhost.

In dit artikel vertellen we wat meer over de meest voorkomende oorzaken, en hoe je de Internal Server Error kunt oplossen.

Verder lezen

JavaScript automatisch in footer zetten

javascript

Er zijn talloze trucjes om de laadtijd van je WordPress blog te verbeteren. Eén van die trucjes is om al je JavaScript naar de footer van je HTML bestanden te verplaatsen. In de praktijk blijkt dit echter nog niet zo eenvoudig, met name in gevallen waarbij men gebruikt maakt van plugins die automatisch code in de header van je HTML bestanden zetten. Gelukkig is er een vrij simpele oplossing om al je JavaScript automatisch naar de footer van je HTML bestanden te verplaatsen.

Verder lezen

WordPress site aanpassen met HTML en CSS

html en css

Dit artikel is een korte introductie tot de verschillende tools en technieken die je kunt gebruiken om je WordPress website aan te passen. En het biedt een voorproefje van onze WordPress Handleiding! Er zijn twee manieren om de blog posts en pagina’s van je WordPress site te bewerken, namelijk met de Visuele editor en de Tekst editor. Beide editors maken gebruik van dezelfde internettaal, namelijk HTML (Hyper Tekst Markup Language). Ze bieden slechts twee verschillende manieren om de HTML te schrijven en te bewerken.

Het mooie van WordPress is dat je geen HTML hoeft te leren; de Visuele editor schrijft de HTML voor je. Maar een beetje HTML en CSS leren kan je wel een hoop frustraties schelen wanneer je een beroep moet doen op de Tekst editor om iets te verhelpen dat niet goed is gegaan, of wanneer je wat extra styling wil toevoegen.

Verder lezen

Tips voor het optimaliseren van je CSS code

Er zitten heel veel voordelen aan een schone, georganiseerde CSS code. Een lichtgewicht CSS bestand draagt bij aan een snellere laadtijd, is makkelijker te lezen, makkelijker te doorzoeken wanneer je iets wilt aanpassen of wanneer je problemen wilt oplossen, en doet je professioneler overkomen als web developer. Hieronder hebben we de beste tips voor het optimaliseren van je CSS code op een rijtje gezet!

Wordpress css code wijzigen

Verder lezen

Thijs Verhoeven (1985) is een WordPress specialist en online marketeer. In 2012 richtte hij WP handleiding op en schreef hij onder andere de WordPress Handleidingen. WP Handleiding ontstond omdat Thijs ervan overtuigd is dat iedereen tegenwoordig zelf een website moet kunnen bouwen. De handleidingen, waar je ook 6 maanden lang gratis de laatste versie van ontvangt, helpen hierbij.

Zo toon je eenvoudig code in je WordPress berichten

Run je een blog over web development en wil je graag code in je blogberichten delen? Vanwege veiligheidsredenen filtert WordPress standaard ‘raw code’ uit blogberichten, widgets en reacties. Gelukkig is er een uitstekende oplossing waarmee je code wél zichtbaar kunt maken in je blogberichten, namelijk de SyntaxHighlighter Evolved plugin.

De SyntaxHighlighter Evolved plugin

Verder lezen

Thijs Verhoeven (1985) is een WordPress specialist en online marketeer. In 2012 richtte hij WP handleiding op en schreef hij onder andere de WordPress Handleidingen. WP Handleiding ontstond omdat Thijs ervan overtuigd is dat iedereen tegenwoordig zelf een website moet kunnen bouwen. De handleidingen, waar je ook 6 maanden lang gratis de laatste versie van ontvangt, helpen hierbij.

Google Maps toevoegen aan WordPress met je eigen shortcode

Als je vaak gebruik maakt van Google Maps op je sites, of simpelweg op zoek bent naar een makkelijkere manier om kaarten in blog berichten en op pagina’s te embedden, dan is het creëren van je eigen shortcode voor Google Maps de ideale oplossing.

Google Maps toevoegen aan WordPress met je eigen shortcode

Verder lezen

Thijs Verhoeven (1985) is een WordPress specialist en online marketeer. In 2012 richtte hij WP handleiding op en schreef hij onder andere de WordPress Handleidingen. WP Handleiding ontstond omdat Thijs ervan overtuigd is dat iedereen tegenwoordig zelf een website moet kunnen bouwen. De handleidingen, waar je ook 6 maanden lang gratis de laatste versie van ontvangt, helpen hierbij.

6 handige WordPress snippets

 

1. Een custom post type FAQ in WordPress maken

Met de onderstaande snippet van rentageekmom.com kun je een custom post type FAQ maken.

<?php

add_action(‘init’, ‘custom_faqs’);

function custom_faqs()

{

$labels = array(

‘name’ => _x(‘faqs’, ‘post type general name’),

‘singular_name’ => _x(‘faq’, ‘post type singular name’),

‘add_new’ => _x(‘Add New’, ‘FAQ’),

‘add_new_item’ => __(‘Add New FAQ’),

‘edit_item’ => __(‘Edit FAQ’),

‘new_item’ => __(‘New FAQ’),

‘view_item’ => __(‘View FAQ’),

‘search_items’ => __(‘Search FAQs’),

‘not_found’ =>  __(‘No FAQs found’),

‘not_found_in_trash’ => __(‘No FAQs found in Trash’),

‘parent_item_colon’ => ”,

‘menu_name’ => ‘FAQ’

);

$args = array(

‘labels’ => $labels,

‘public’ => true,

‘publicly_queryable’ => true,

‘show_ui’ => true,

‘show_in_menu’ => true,

‘query_var’ => true,

‘rewrite’ => true,

‘capability_type’ => ‘post’,

‘has_archive’ => true,

‘hierarchical’ => false,

‘menu_position’ => 5,

‘supports’ => array(‘title’,’editor’,’thumbnail’,’excerpt’,’custom-fields’)

);

register_post_type(‘faqs’,$args);

}

//add filter to ensure the text faq, or faq, is displayed when user updates a faq

add_filter(‘post_updated_messages’, ‘faq_updated_messages’);

function faq_updated_messages( $messages ) {

global $post, $post_ID;

$messages[‘faqs’] = array(

0 => ”, // Unused. Messages start at index 1.

1 => sprintf( __(‘FAQ updated. <a href=”%s”>View FAQ</a>’), esc_url( get_permalink($post_ID) ) ),

2 => __(‘Custom field updated.’),

3 => __(‘Custom field deleted.’),

4 => __(‘FAQ updated.’),

/* translators: %s: date and time of the revision */

5 => isset($_GET[‘revision’]) ? sprintf( __(‘FAQ restored to revision from %s’), wp_post_revision_title( (int) $_GET[‘revision’], false ) ) : false,

6 => sprintf( __(‘FAQ published. <a href=”%s”>View FAQ</a>’), esc_url( get_permalink($post_ID) ) ),

7 => __(‘FAQ saved.’),

8 => sprintf( __(‘FAQ submitted. <a target=”_blank” href=”%s”>Preview FAQ</a>’), esc_url( add_query_arg( ‘preview’, ‘true’, get_permalink($post_ID) ) ) ),

9 => sprintf( __(‘FAQ scheduled for: <strong>%1$s</strong>. <a target=”_blank” href=”%2$s”>Preview FAQ</a>’),

// translators: Publish box date format, see http://php.net/date

date_i18n( __( ‘M j, Y @ G:i’ ), strtotime( $post->post_date ) ), esc_url( get_permalink($post_ID) ) ),

10 => sprintf( __(‘FAQ draft updated. <a target=”_blank” href=”%s”>Preview FAQ</a>’), esc_url( add_query_arg( ‘preview’, ‘true’, get_permalink($post_ID) ) ) ),

);

return $messages;

}

//display contextual help for faqs

add_action( ‘contextual_help’, ‘faq_add_help_text’, 10, 3 );

function faq_add_help_text($contextual_help, $screen_id, $screen) {

//$contextual_help .= var_dump($screen); // use this to help determine $screen->id

if (‘faqs’ == $screen->id ) {

$contextual_help =

‘<p>’ . __(‘Things to remember when adding or editing a FAQ:’) . ‘</p>’ .

‘<ul>’ .

‘<li>’ . __(‘Specify the correct topic such as Orders. Create a new topic if necessary.’) . ‘</li>’ .

‘<li>’ . __(‘Specify a custom excerpt – a short overview of the FAQ’) . ‘</li>’ .

‘</ul>’ .

‘<p>’ . __(‘Choose related posts using the MicroKids Related Posts Plugin below the FAQ’) . ‘</p>’ .

‘<ul>’ .

‘<li>’ . __(‘Click the Save button to save an FAQ as a draft’) . ‘</li>’ .

‘<li>’ . __(‘Click publish to publish an FAQ. ‘) . ‘</li>’ .

‘</ul></p>’;

} elseif ( ‘edit-faqs’ == $screen->id ) {

$contextual_help =

‘<p>’ . __(‘This is the list of all current FAQs in published or draft form. Hover over an FAQ and click Edit to edit, or click on the title of the FAQ to edit.’) . ‘</p>’ ;

}

return $contextual_help;

}

function my_rewrite_flush() {

custom_faqs();

flush_rewrite_rules();

}

register_activation_hook(__FILE__, ‘my_rewrite_flush’);

//hook into the init action and call create_FAQ_taxonomies when it fires

add_action( ‘init’, ‘create_faq_taxonomies’, 0 );

//create two taxonomies, genres and writers for the post type “FAQ”

function create_faq_taxonomies()

{

// Add new taxonomy, make it hierarchical (like categories)

$labels = array(

‘name’ => _x( ‘topics’, ‘taxonomy general name’ ),

‘singular_name’ => _x( ‘topic’, ‘taxonomy singular name’ ),

‘search_items’ =>  __( ‘Search Topics’ ),

‘all_items’ => __( ‘All Topics’ ),

‘parent_item’ => __( ‘Parent Topic’ ),

‘parent_item_colon’ => __( ‘Parent Topic:’ ),

‘edit_item’ => __( ‘Edit Topic’ ),

‘update_item’ => __( ‘Update Topic’ ),

‘add_new_item’ => __( ‘Add New Topic’ ),

‘new_item_name’ => __( ‘New Topic Name’ ),

‘menu_name’ => __( ‘Topics’ ),

);

register_taxonomy(‘topic’,array(‘faqs’), array(

‘hierarchical’ => true,

‘labels’ => $labels,

‘show_ui’ => true,

‘query_var’ => true,

‘rewrite’ => array( ‘slug’ => ‘topic’ ),

));

}

?>

Verder lezen

Thijs Verhoeven (1985) is een WordPress specialist en online marketeer. In 2012 richtte hij WP handleiding op en schreef hij onder andere de WordPress Handleidingen. WP Handleiding ontstond omdat Thijs ervan overtuigd is dat iedereen tegenwoordig zelf een website moet kunnen bouwen. De handleidingen, waar je ook 6 maanden lang gratis de laatste versie van ontvangt, helpen hierbij.

WordPress Snippets – widgets van het WordPress dashboard verwijderen

Om de widget op je WordPress dashboard weg te halen moet je onderstaande snippet toevoegen aan je functions.php bestand:

//Remove unwanted widgets from Dashboard

function remove_dashboard_widgets() {
global$wp_meta_boxes;
unset($wp_meta_boxes[‘dashboard’][‘normal’][‘core’][‘dashboard_plugins’]);
unset($wp_meta_boxes[‘dashboard’][‘side’][‘core’][‘dashboard_secondary’]);
}
add_action(‘wp_dashboard_setup’, ‘remove_dashboard_widgets’);

Thijs Verhoeven (1985) is een WordPress specialist en online marketeer. In 2012 richtte hij WP handleiding op en schreef hij onder andere de WordPress Handleidingen. WP Handleiding ontstond omdat Thijs ervan overtuigd is dat iedereen tegenwoordig zelf een website moet kunnen bouwen. De handleidingen, waar je ook 6 maanden lang gratis de laatste versie van ontvangt, helpen hierbij.

Controle van de website code in verschillende internet browsers

Browser compatibiliteit is iets waar alle webontwikkelaars veel tijd en werk aan besteden. Gebruik de volgende handige opdrachtregel om te controleren of de website code werkt in verschillende browsers zoals Internet Explorer, Mozilla Firefox, Google Chrome en Apple Safari.

Het handig NODE pakket, een programmeertaal om toepassingen in JavaScript op de server te plaatsen, maakt het gemakkelijk om te zien of nieuwe toegevoegde website functies, compatibel zijn met voldoende browsers en om die vervolgens te implementeren op de website.

Verder lezen

Thijs Verhoeven (1985) is een WordPress specialist en online marketeer. In 2012 richtte hij WP handleiding op en schreef hij onder andere de WordPress Handleidingen. WP Handleiding ontstond omdat Thijs ervan overtuigd is dat iedereen tegenwoordig zelf een website moet kunnen bouwen. De handleidingen, waar je ook 6 maanden lang gratis de laatste versie van ontvangt, helpen hierbij.

Social Media iconen toevoegen aan je WordPress navigatie balk

Zoals je inmiddels wel weet is social media integratie van essentieel belang voor je website. Het is een manier om bekend te worden. Social media iconen in je navigatie balk zijn direct zichtbaar voor je bezoekers, en verhogen de kans om gedeeld te worden. Maar hoe krijg je nu social media iconen in je navigatie balk?

Methode 1: Via CSS

  1. Download de benodigde social media iconen in formaat 32x 32.
  2. Ga naar Appearance > Menus.
  3. Open het Screen Options paneel aan de rechter bovenzijde.
  4. Vink ‘CSS Classes’ aan.
  5. Voer custom CSS classes in het veld in.

social media knoppen menu

Verder lezen