{"id":59208,"date":"2024-05-02T08:52:34","date_gmt":"2024-05-02T06:52:34","guid":{"rendered":"https:\/\/kinsta.com\/nl\/?p=59208&#038;preview=true&#038;preview_id=59208"},"modified":"2024-05-08T09:26:44","modified_gmt":"2024-05-08T07:26:44","slug":"wordpress-coderingsstandaarden","status":"publish","type":"post","link":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/","title":{"rendered":"Een inleiding in de coderingsstandaarden van WordPress"},"content":{"rendered":"<p>Coderingsstandaarden bij <a href=\"https:\/\/kinsta.com\/wordpress\">de ontwikkeling van WordPress<\/a> zijn cruciaal voor een robuuste en duurzame codebase. Ze dienen als richtlijnen en conventies waar ontwikkelaars zich aan houden bij het schrijven van code, waardoor de samenwerking wordt verbeterd, het onderhoud wordt gestroomlijnd en de algehele betrouwbaarheid wordt gewaarborgd.<\/p>\n<p>Bovendien beschermen coderingsstandaarden tegen veelvoorkomende valkuilen en fouten, waardoor de kwaliteit van de code verbetert. Bij de ontwikkeling van WordPress, waar vaak meerdere medewerkers aan \u00e9\u00e9n project werken, ondersteunen coderingsstandaarden effectief teamwerk. Ze vergemakkelijken de communicatie, verminderen mogelijke conflicten en dragen bij aan een effici\u00ebnter ontwikkelingsproces.<\/p>\n<p>Het naleven van coderingsstandaarden bevordert de consistentie tussen projecten, waardoor het makkelijker wordt om naadloos over te schakelen tussen verschillende codebases. Deze consistentie strekt zich uit tot de leesbaarheid en onderhoudbaarheid van code en bevordert een gedeeld begrip onder teamleden.<\/p>\n<p>De offici\u00eble WordPress coderingsstandaarden omvatten vijf belangrijke gebieden voor een samenhangend en effici\u00ebnt ontwikkelproces:<\/p>\n<ul>\n<li><a href=\"https:\/\/kinsta.com\/php\/\">PHP<\/a> voor het waarborgen van server-side code consistentie<\/li>\n<li><a href=\"https:\/\/kinsta.com\/blog\/what-is-html\/\">HTML<\/a> voor het bevorderen van gestructureerde en semantische opmaak<\/li>\n<li><a href=\"https:\/\/kinsta.com\/javascript\/\">JavaScript<\/a> voor effectieve functionaliteit aan de client-zijde<\/li>\n<li><a href=\"https:\/\/kinsta.com\/nl\/blog\/css-best-practices\/\">CSS<\/a> voor het handhaven van een consistente stylingaanpak<\/li>\n<li><a href=\"https:\/\/kinsta.com\/blog\/wordpress-accessibility\/\">Toegankelijkheid<\/a> om ervoor te zorgen dat het eindproduct inclusief en gebruiksvriendelijk is voor mensen met verschillende behoeften<\/li>\n<\/ul>\n<p>In dit artikel verkennen we deze coderingsstandaarden om je op weg te helpen met het bouwen van websites die aan de eisen voldoen en wellicht een bijdrage te leveren aan de WordPress ontwikkelgemeenschap.<br \/>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc><\/p>\n<h2>PHP standaarden in WordPress ontwikkeling<\/h2>\n<p>WordPress specifieke <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/php\" target=\"_blank\" rel=\"noopener noreferrer\">PHP coderingsstandaarden<\/a> zorgen voor consistentie en leesbaarheid in WordPress code. Ze zijn verplicht voor WordPress Core en worden sterk aanbevolen voor thema&#8217;s en plugins. Deze standaarden hebben betrekking op verschillende aspecten, waaronder naamgevingsconventies, inspringen en codestructuur om de leesbaarheid te verbeteren en samenwerking te vergemakkelijken.<\/p>\n<p>WordPress PHP standaarden beslaan de volgende categorie\u00ebn:<\/p>\n<ul>\n<li><strong>Algemeen<\/strong> &#8211; Deze standaarden bevatten het plaatsen van de openende en sluitende PHP-tags op een regel op zichzelf wanneer je een PHP fragment van meerdere regels insluit in een HTML blok, het vermijden van steno PHP tags bij het gebruik van enkele en dubbele aanhalingstekens en richtlijnen voor het schrijven van <code>include<\/code> en <code>require<\/code> statements:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Opening and closing PHP tags within HTML:\n\/\/ Put open\/close tags on their own lines.\n\n## DO\nfunction foo() {\n  ?&gt;\n  &lt;div&gt;\n    &lt;?php\n    echo esc_html (\n      bar (\n        $param1,\n        $param2\n      )\n    );\n    ?&gt;\n  &lt;\/div&gt;\n  &lt;?php\n}\n\n## DON'T\nif ( $x === $y ) { ?&gt;\n  &lt;div&gt;\n    <!-- HTML content -->\n  &lt;?php }<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Avoid shorthand PHP tags\n\n## DO\n&lt;?php ... ?&gt;\n&lt;?php esc_html( $x ); ?&gt;\n\n## DON'T\n&lt;? ... ?&gt;\n&lt;? esc_html( $x ); ?&gt;\n<\/code><\/pre>\n<pre><code class=\"language-php\">\/\/ Writing include\/require statements:\n\/\/ Avoid include_once as it continues execution \n\/\/ even if the file is not found. \n\/\/ Do not use brackets around the file path.\n\n## DO\nrequire_once ABSPATH . 'file-name.php'\n\n## DON'T\nrequire_once  __DIR__ . '\/file-name.php'\ninclude_once  ( ABSPATH . 'file-name.php' );<\/code><\/pre>\n<ul>\n<li><strong>Naamgeving<\/strong> &#8211; Standaarden voor naamgeving omvatten naamgevingsconventies en interpolatie voor het benoemen van dynamische hooks:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">## DO\n\/\/ Use lowercase letters for function and variable names.\nfunction my_function( $some_variable ) {}\n\n\/\/ Use uppercase letters for constant names.\ndefine('MAX_AGE', 60);\n\n## DON'T\n\/\/ Use camelCase.\nfunction myFunction( $someVariable ) {}<\/code><\/pre>\n<ul>\n<li><strong>Whitespace<\/strong> &#8211; Whitespace standaarden geven richtlijnen voor het gebruik van spaties, inspringen en het verwijderen van spaties. (Als je een enthousiaste discussie onder developers wilt starten, vraag dan eens of ze de voorkeur geven aan tabs of spaties voor het inspringen van code. Wat je voorkeur ook is, de offici\u00eble aanbeveling voor WordPress devs is tabs &#8211; en dat geldt voor JavaScript en CSS, naast PHP. Houd daar dus rekening mee als je aan samenwerkingsprojecten werkt)<\/li>\n<\/ul>\n<pre><code class=\"language-php\">## DO\n\/\/ Put spaces after commas.\n$colors = ['red', 'green', 'blue']\n\n\/\/ Put spaces on both sides of the opening and \n\/\/ closing brackets of control structures. \nforeach( $foo as $bar ) { ...\n\n\/\/ Defining a function:\nfunction my_function() { ...\n\n\/\/ Logical comparisons:\nif ( ! $foo ) { ...\n\n\/\/ Accessing array items:\n$a = $foo['bar']\n$a = $foo[ $bar ]\n\n## DON'T\n$colors = ['red','green','blue']\nforeach($foo as $bar){ ...\nfunction my_function(){ ...\nif (!$foo) { ...\n$a = $foo[ \u2018bar\u2019 ]\n$a = $foo[$bar]<\/code><\/pre>\n<ul>\n<li><strong>Opmaak<\/strong> &#8211; Opmaakstandaarden voor WordPress PHP ontwikkeling zijn onder andere accoladestijlen, array declaraties, richtlijnen voor meerregelige functie-calls, type declaraties, magische constanten en de spread operator:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ DO\n\/\/ Use the following brace style.\nif ( condition ) {\n    action();\n} elseif ( condition2 ) {\n    action2();\n} else {\n    default_action();\n}\n\n\/\/ Declare arrays using the long syntax.\n$numbers_long = array(1, 2, 3, 4, 5);\n\/* In multi-line function calls, each parameter should only take up one line.\nMulti-line parameter values should be assigned a variable, and the variable passed to the function call. *\/\n$data = array(\n    'user_name' =&gt; 'John Doe',\n    'email'     =&gt; 'john@example.com',\n    'address'   =&gt; '123 Main Street, Cityville',\n);\n$greeting_message = sprintf(\n    \/* translation function. %s maps to User's name *\/\n    __( 'Hello, %s!', 'yourtextdomain' ),\n    $data['user_name']\n);\n$result = some_function (\n    $data,\n    $greeting_message,\n    \/* translation function %s maps to city name*\/\n    sprintf( __( 'User resides in %s.' ), 'Cityville' )\n);\n\n\/\/ Magic constants should be uppercase.\n\/\/ The ::class constant should be lowercase with no spaces around the scope resolution operator (::).\nadd_action( my_action, array( __CLASS__, my_method ) );\nadd_action( my_action, array( My_Class::class, my_method ) );\n\n\/* Add a space or new line with appropriate\n   indentation before a spread operator.\n\n   There should be:\n\n   * No space between the spread operator and the \n     variable\/function it applies to.\n\n   * No space between the spread and the reference \n     operators when combined.\n*\/\n\n\/\/DO\nfunction some_func( &...$arg1 ) {\n    bar( ...$arg2 );\n    bar(\n        array( ...$arg3 ),\n        ...array_values( $array_vals )\n    );\n}\n\n\/\/DONT\nfunction some_func( &   ...  $arg1 ) {\n    bar(...\n        $arg2 );\n    bar(\n        array( ...$arg3 ),...array_values( $array_vals )\n    );\n}<\/code><\/pre>\n<ul>\n<li><strong>Declare statements, namespace en import statements<\/strong> &#8211; Deze coderingsstandaarden behandelen namespace declaraties en <code>use<\/code> statements:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Each namespace declaration should contain \n\/\/ capitalized words separated by underscores.\nnamespace My_CompanyProjectKinsta_ProjectUtilities;\n\n\/\/ Import use statements can use aliases \n\/\/ to prevent name collisions.\nuse Project_NameFeatureClass_C as Aliased_Class_C;<\/code><\/pre>\n<ul>\n<li><strong>Objectgeori\u00ebnteerd programmeren (OOP)<\/strong> &#8211; Deze standaarden omvatten het gebruik van slechts \u00e9\u00e9n objectstructuur per bestand, het geven van richtlijnen voor het gebruik van trait <code>use<\/code> statements, ervoor zorgen dat zichtbaarheid altijd wordt gedeclareerd, het schetsen van de volgorde van zichtbaarheid en modifier, en het geven van een overzicht van regels voor objectinstantie:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Trait use statements should be at the top of a class.\n\/\/ Trait use should have at least one line before and after\n\/\/ the first and last statements.\n\/\/ Always declare visibility.\nclass Foo {\n    use Bar_Trait;\n    public $baz = true;\n    ...\n}\n\n\/\/ Always use parentheses when instantiating a new \n\/\/ object instance.\n\/\/ Don't add space between a class name and the opening bracket.\n$foo = new Foo();<\/code><\/pre>\n<ul>\n<li style=\"list-style-type: none\">\n<ul>\n<li><strong>Besturingsstructuren<\/strong> &#8211; Besturingsstructuren gaan over het gebruik van <code>elseif<\/code>, niet <code>else if<\/code>, en richtlijnen voor Yoda conditions. Yoda declarations: Wanneer je variabelen mengt met constanten, literals of functie calls in logische vergelijkingen, plaats dan de variabele aan de rechterkant om onbedoelde toewijzing te voorkomen, zoals hieronder getoond:<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ A \"legal\" comparison:\nif ( true === $result ) {\n    \/\/ Do something with $result\n}\n\n\/\/ But a typo like this could get past you:\nif ( $result = true ) {\n    \/\/ We will always end up here\n}<\/code><\/pre>\n<ul>\n<li><strong>Operators<\/strong> &#8211; Deze standaarden behandelen ternaire operators, de error control operator (<code>@<\/code>), en increment\/decrement operatoren:<\/li>\n<\/ul>\n<pre><code class=\"language-php\">\/\/ Always have ternary operators \n\/\/ test if the statement is true, not false.\n$programming_language = ( 'PHP' === $language ) ? 'cool' : 'meh'; \n\n\/\/ Favor pre-increment\/decrement over post-increment\/decrement\n\/\/ for stand-alone statements.\n\n\/\/ DO\n--$a;\n\n\/\/ DON'T\n$a--;<\/code><\/pre>\n<ul>\n<li><strong>Database<\/strong> &#8211; Database coderingsstandaarden geven instructies voor het uitvoeren van database queries en het formatteren van SQL statements.<\/li>\n<li><strong>Aanvullende aanbevelingen<\/strong> &#8211; Aanvullende aanbevelingen bevatten standaarden zoals het gebruik van zelfverklarende flagwaarden voor functieargumenten, slimme code, closures (anonieme functies), regular expressions, shell-commando&#8217;s en instructies om <code>extract()<\/code> te vermijden.<\/li>\n<\/ul>\n<h3>WordPress inline documentatiestandaarden voor PHP code<\/h3>\n<p>Naast de bovenstaande richtlijnen biedt WordPress <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/php\/\" target=\"_blank\" rel=\"noopener noreferrer\">inline documentatiestandaarden<\/a> voor PHP code. WordPress gebruikt een aangepast documentatieschema dat is ge\u00efnspireerd op de PHPDoc syntaxis, een evoluerende standaard voor het leveren van documentatie bij PH code die wordt onderhouden door <a href=\"http:\/\/phpdoc.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">phpDocumentor<\/a>. Deze standaarden stroomlijnen het genereren van externe documentatie en dragen bij aan de bredere WordPress dev community door het bevorderen van een gedeeld begrip van codebase structuren.<\/p>\n<p>PHP documentatie in WordPress verschijnt meestal als opgemaakte blokken of inline commentaar. Documenteer het volgende in WordPress bestanden:<\/p>\n<ul>\n<li>Functies en class-methods<\/li>\n<li>Klassen<\/li>\n<li>Klassen members, inclusief properties en constants<\/li>\n<li>Requires en includes<\/li>\n<li>Hooks (acties en filters)<\/li>\n<li>Inline comments<\/li>\n<li>Bestandsheaders<\/li>\n<li>Constanten<\/li>\n<\/ul>\n<h2>HTML en CSS standaarden in WordPress<\/h2>\n<p>WordPress thema&#8217;s en plugins houden zich aan strikte <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/html\/\" target=\"_blank\" rel=\"noopener noreferrer\">HTML coderingsstandaarden<\/a> om consistentie, toegankelijkheid en onderhoudbaarheid te garanderen. De richtlijnen benadrukken semantische opmaak en moedigen developers aan om HTML elementen te gebruiken waarvoor ze bedoeld zijn. Deze praktijk verbetert de structuur van de inhoud en verbetert de prestaties van zoekmachineoptimalisatie (SEO). Daarnaast wordt je aangemoedigd om je HTML te valideren om compatibiliteit tussen browsers te garanderen.<\/p>\n<p>HTML codestandaarden bieden richtlijnen voor:<\/p>\n<ul>\n<li><strong>Validatie &#8211; <\/strong>Je moet al je HTML pagina&#8217;s valideren met de <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C-validator<\/a> om ervoor te zorgen dat je markup goed is geformatteerd.<\/li>\n<li><strong>Zelfsluitende elementen<\/strong> &#8211; De voorwaartse schuine streep in zelfsluitende elementen moet worden voorafgegaan door een spatie.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;br \/&gt;\n\n&lt;!-- DON'T \u2013&gt;\n&lt;br\/&gt;<\/code><\/pre>\n<ul>\n<li><strong>Attributen en tags<\/strong> &#8211; Alle attributen en tags moeten in kleine letters zijn. Bovendien moeten attribuutwaarden alleen in kleine letters worden geschreven als ze voor machine-interpretatie zijn. Als je voor mensen schrijft, gebruik dan het juiste titelhoofdlettergebruik.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;a href=\"http:\/\/example.com\/\" title=\"Link Description\"&gt;Descriptive text&lt;\/a&gt;\n&lt;meta http-equiv=\"content-type\" content=\"text\/html; charset=utf-8\" \/&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;a HREF=\"http:\/\/example.com\/\" TITLE=\"link description\"&gt;Click here&lt;\/a&gt;<\/code><\/pre>\n<ul>\n<li><strong>Aanhalingstekens<\/strong> &#8211; Alle attributen moeten een waarde hebben en moeten enkele of dubbele aanhalingstekens gebruiken. Als de waarden niet worden aangehaald, kan dat leiden tot beveiligingsproblemen.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;input type=\"text\" name=\"email\" disabled=\"disabled\" \/&gt;\n&lt;input type='text' name='email' disabled='disabled' \/&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;input type=text name=email disabled&gt;<\/code><\/pre>\n<ul>\n<li><strong>Inspringen<\/strong> &#8211; De HTML inspringing moet altijd de logische structuur weerspiegelen. Als je PHP en HTML mengt, laat de PHP blokken dan inspringen zodat ze overeenkomen met de omringende HTML code.<\/li>\n<\/ul>\n<pre><code class=\"language-html\"><!-- DO -->&lt;!-- DO --&gt;\n&lt;?php if ( ! have_articles() ) : ?&gt;\n&lt;div class=\"article\"&gt;\n    &lt;h1 class=\"article-title\"&gt;Not Found&lt;\/h1&gt;\n    &lt;div class=\"article-content\"&gt;\n        &lt;p&gt;No results were found.&lt;\/p&gt;\n        &lt;?php get_error_msg(); ?&gt;\n    &lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php endif; ?&gt;\n\n<!-- DON'T -->&lt;!-- DON'T --&gt;\n&lt;?php if ( ! have_articles() ) : ?&gt;\n&lt;div class=\"article\"&gt;\n&lt;h1 class=\"article-title\"&gt;Not Found&lt;\/h1&gt;\n&lt;div class=\"article-content\"&gt;\n&lt;p&gt;No results were found.&lt;\/p&gt;\n&lt;?php get_error_msg(); ?&gt;\n&lt;\/div&gt;\n&lt;\/div&gt;\n&lt;?php endif; ?&gt;<\/code><\/pre>\n<p>Naast deze HTML standaarden helpen <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/css\/\" target=\"_blank\" rel=\"noopener noreferrer\">de CSS standaarden van WordPress<\/a> je om schone, modulaire en responsieve stylesheets te maken. Ze vormen een basislijn voor samenwerking en beoordeling, van kerncode tot thema&#8217;s en plugins. Deze richtlijnen helpen ervoor te zorgen dat je code leesbaar, consistent en zinvol is.<\/p>\n<p>WordPress CSS code standaarden benadrukken het gebruik van specifieke klassen voor elementen, waardoor een consistente en georganiseerde structuur wordt bevorderd. Specifiek beschrijven ze standaarden voor:<\/p>\n<ul>\n<li><strong>Structuur<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* DO \nEach selector should be on its own line ending with \na comma or curly brace. The closing brace should occupy \nthe same indentation level as the opening selector. *\/\n#selector-1,\n#selector-2 {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Selectors<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* DO \nUse lowercase and separate words using hyphens.\nUse double quotes around values for attribute selectors.\nAvoid overqualified selectors, such as div.container. *\/\n#contact-form {\n    property: value;\n}\ninput[type=\"text\"] {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><b>Properties <\/b>(volgorde en vender prefixes):<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Append properties with a colon and a space. \nProperties should be lowercase \u2014 except font names \nsnd vendor-specific properties \u2014 and use shorthand. *\/\n#selector {\n    property: value;\n}<\/code><\/pre>\n<ul>\n<li><strong>Waarden<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Add a space before the value and a semicolon after.\nUse double quotes.\n0 values should not have units.\nUse a leading zero for decimal values.\nDelineate multiple comma-separated values for \na single property with a space or new line. *\/\n#contact-form {\n    font-family: \"Helvetica Neue\", sans-serif;\n    opacity: 0.9;\n    box-shadow:\n        0 0 0 1px #5b9dd9,\n        0 0 2px 1px rgba(20, 120, 170, 0.9);\n}<\/code><\/pre>\n<ul>\n<li><strong>Media queries<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-css\">\/* Rules set for media queries should be indented one level in.\nKeep media queries grouped by media at the bottom of the stylesheet. *\/\n@media all and (max-width: 1024px) and (min-width: 780px) {\n    $selector {\n        property: value;\n    }        \n}<\/code><\/pre>\n<ul>\n<li><strong>Comments<\/strong>:<\/li>\n<\/ul>\n<p>Sinds de start in 2003 zijn de WordPress coderingsstandaarden voor HTML en CSS afgestemd op de richtlijnen van het World Wide Web Consortium (W3C) voor HTML en CSS. De W3C standaarden benadrukken de integratie van responsieve ontwerpprincipes en semantische markup en hebben de ontwikkeling van thema&#8217;s en plugins be\u00efnvloed, te beginnen met de release van HTML5 en CSS3.<\/p>\n<p>Deze toepassing van de W3C richtlijnen zorgt ervoor dat WordPress websites voldoen aan de wereldwijde webstandaarden, waardoor de interoperabiliteit en gebruikerservaring worden verbeterd en de toewijding wordt weerspiegeld om actueel, veilig en compatibel te blijven binnen het bredere web ecosysteem.<\/p>\n<p>Het naleven van deze richtlijnen in WordPress benadrukt de controle van de HTML kwaliteit met de <a href=\"https:\/\/validator.w3.org\/\" target=\"_blank\" rel=\"noopener noreferrer\">W3C HTML markup validator<\/a>.<\/p>\n<p>Deze HTML en CSS standaarden zorgen voor een visueel aantrekkelijke, gebruiksvriendelijke en effici\u00ebnte presentatie van WordPress websites op verschillende platforms. Ze ondersteunen een naadloze gebruikerservaring en vergemakkelijken de samenwerking tussen ontwikkelaars die werken aan verschillende aspecten van het WordPress ecosysteem.<\/p>\n<h2>JavaScript coderingsstandaarden in WordPress<\/h2>\n<p>De WordPress coderingsstandaarden bieden ook richtlijnen voor het opmaken en stylen van JavaScript code voor thema&#8217;s en plugins. Daarnaast helpen deze standaarden om codeconsistentie te bevorderen naast PHP, HTML en CSS code.<\/p>\n<p>De WordPress <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/\" target=\"blank\" rel=\"noopener\">JavaScript codeerstandaarden<\/a> zijn gebaseerd op de <a href=\"https:\/\/contribute.jquery.org\/style-guide\/js\" target=\"blank\" rel=\"noopener\">jQuery JavaScript Style Guide<\/a>, die in 2012 verscheen als een uitgebreide set codeerconventies die de code consistentie en leesbaarheid verbetert. In eerste instantie was deze specifiek gericht op jQuery projecten, maar het succes heeft geleid tot een wijdverspreide toepassing buiten het framework.<\/p>\n<p>Hoewel de jQuery richtlijnen de WordPress standaarden informeren, zijn er enkele opmerkelijke verschillen voor WordPress ontwikkeling:<\/p>\n<ul>\n<li>WordPress gebruikt enkele aanhalingstekens voor string declaraties.<\/li>\n<li>Case statements worden ingesprongen binnen switch blokken.<\/li>\n<li>Functie-inhoud wordt consequent ingesprongen, inclusief volledige afsluitwrappers.<\/li>\n<li>Sommige witruimte regels verschillen om aan te sluiten bij PHP WordPress standaarden, zoals het gebruik van tabs of inspringen.<\/li>\n<li>jQuery&#8217;s harde limiet van 100 karakters wordt weliswaar aangemoedigd, maar niet strikt gehandhaafd.<\/li>\n<\/ul>\n<p>WordPress JavaScript codeerstandaarden beslaan de volgende gebieden:<\/p>\n<ul>\n<li><strong>Code refactoring<\/strong>.<\/li>\n<li><strong>Codeafstand<\/strong>, inclusief objectdeclaraties, arrays en functie-calls:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Object declarations\n\/\/ DO\nvar obj = {\n    name: 'John',\n    age: 27,\n    height: 179\n}\n\n\/\/ DON'T\nvar obj = {\n    name: 'John',  age: 27,\n    height: 179\n}\n\n\/\/ Arrays and function calls\n\/\/ Include extra spaces around elements and arguments.\narray = [ 1, 2 ];\nfoo( arg1, arg2 );<\/code><\/pre>\n<ul>\n<li><strong>Gebruik van puntkomma&#8217;s:<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Always use semicolons\narray = [ 1, 2 ];<\/code><\/pre>\n<ul>\n<li><strong>Indentatie en regeleinden<\/strong>, inclusief blokken en accolades, declarations van meerdere regels en aaneengeschakelde method-calls:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use tabs for indentation\n( function ( $ ) {\n    \/\/ Expressions indented\n    function doSomething() {\n        \/\/ Expressions indented\n    }\n} )( jQuery );\n\n\/\/ if, else, for, while, and try blocks should span multiple lines\nif ( condition ) {\n    \/\/ Expressions\n} else if ( ( condition && condition ) || condition ) {\n    \/\/ Expressions\n} else {\n    \/\/ Expressions\n}\n\n\/\/ Line breaks must occur after an operator if the statement\n\/\/ is too long to fit on one line.\nvar html = '&lt;p&gt;The sum of ' + a + ' and ' + b + ' plus ' + c +\n    ' is ' + ( a + b + c ) + '&lt;\/p&gt;';\n\/* If a chain of method calls is too long to fit on a single line, \n   use one call per line. The first call should be on a separate line from\n   the object on which the methods are called. *\/\nelements\n    .addClass( 'foo' )\n    .children()\n        .html( 'hello' )\n    .end()\n    .appendTo( 'body' );<\/code><\/pre>\n<ul>\n<li><strong>Declarations en globals<\/strong>, inclusief het declareren van variabelen met <code>const<\/code> en <code>let<\/code>, het declareren van variabelen met <code>var<\/code>, globals en gemeenschappelijke bibliotheken.<\/li>\n<li><strong>Naamgevingsconventies<\/strong> zoals afkortingen en acroniemen, klassedefinities en constanten:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Abbreviations must be written in camelCase.\n\/\/ All letters of acronyms should be capitalized.\nconst userId = 1;\nconst currentDOMDocument = window.document;\n\n\/\/ Class definition must use UpperCamelCaseConvention.\nclass Human {\n    ...\n}\n\n\/\/ Constants should use SCREAMING_SNAKE_CASE convention.\nconst SESSION_DURATION = 60<\/code><\/pre>\n<ul>\n<li><strong>Equality:<\/strong><\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use strict equality\/inequality checks (=== and !==)\n\/\/ instead of abstract checks (== and !=).\nif ( name === \"John\" ) {\n    ...\n}\nif ( result !== false ) {\n    ...\n}\n\n\/\/ Also, with negation:\nif !( result === false ) {\n    ...\n}<\/code><\/pre>\n<ul>\n<li><strong>Strings<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use single-quotes for string literals.\n    var myString = 'Hello world!'<\/code><\/pre>\n<ul>\n<li><strong>Chain declarations<\/strong>:<\/li>\n<\/ul>\n<pre><code class=\"language-js\">\/\/ Use a break for each case other than default.\n\/\/ Indent case statements one tab within the switch.\nswitch ( event.keyCode ) {\n    \/\/ ENTER and SPACE both trigger x()\n    case $.ui.keyCode.ENTER:\n    case $.ui.keyCode.SPACE:\n        x();\n        break;\n    case $.ui.keyCode.ESCAPE:\n        y();\n        break;\n    default:\n        z();\n}<\/code><\/pre>\n<p>Daarnaast beschrijven de WordPress coderingsstandaarden verschillende <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/wordpress-coding-standards\/javascript\/#best-practices\" target=\"_blank\" rel=\"noopener noreferrer\">best practices<\/a> voor het schrijven van JavaScript code.<\/p>\n<p>Net als bij PHP biedt WordPress <a href=\"https:\/\/developer.wordpress.org\/coding-standards\/inline-documentation-standards\/javascript\/\" target=\"_blank\" rel=\"noopener noreferrer\">inline documentatiestandaarden<\/a> voor JavaScript code. Deze inline standaarden, die ofwel opgemaakte blokken documentatie of inline commentaar zijn, volgen de <a href=\"http:\/\/jsdoc.app\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSDoc 3 standaard<\/a> voor inline JavaScript documentatie. Inline standaarden hebben betrekking op functies, klassemethoden, objecten, afsluitingen, objecteigenschappen, gebeurtenissen en bestandsheaders.<\/p>\n<h2>Hoe zorg je voor toegankelijkheid bij het ontwikkelen van WordPress<\/h2>\n<p>Toegankelijkheidsstandaarden zijn cruciaal om ervoor te zorgen dat digitale content, inclusief websites gebouwd op platformen zoals WordPress, bruikbaar is voor mensen met alle capaciteiten. Door de toegankelijkheidsstandaarden van het W3C te gebruiken, zorg je ervoor dat websites die met WordPress zijn gemaakt, inclusief en toegankelijk zijn voor mensen met een beperking.<\/p>\n<p>De toegankelijkheidsrichtlijnen van het W3C, in het bijzonder de Web Content Accessibility Guidelines (WCAG), bieden een uitgebreid kader om webcontent toegankelijker te maken. WordPress erkent het belang van inclusiviteit en heeft deze richtlijnen opgenomen in de kernfuncties.<\/p>\n<p>De WCAG meet bijvoorbeeld de naleving van de <a href=\"https:\/\/kinsta.com\/nl\/blog\/europese-toegankelijkheidswet\/\">Europese toegankelijkheidswet<\/a>, die vanaf juni 2025 van toepassing zal zijn op veel organisaties in de EU.<\/p>\n<p>Om tegemoet te komen aan uiteenlopende behoeften, moeten functies en ontwerpprincipes zoals compatibiliteit met schermlezers, toetsenbordnavigatie en tekstalternatieven voor niet-tekstuele inhoud worden ge\u00efmplementeerd.<\/p>\n<p>Zorgen voor <a href=\"https:\/\/kinsta.com\/blog\/wordpress-accessibility\/\">toegankelijkheid in WordPress<\/a> is niet alleen een kwestie van naleving. Het is een verplichting om <em>iedereen<\/em> gelijke toegang te geven tot informatie en diensten. Door je te houden aan de W3C richtlijnen worden WordPress websites toegankelijker en gebruiksvriendelijker, wat een meer inclusieve online omgeving bevordert.<\/p>\n<p>Enkele praktische voorbeelden van het implementeren van toegankelijkheidsfuncties in je thema&#8217;s en plugins zijn de volgende:<\/p>\n<ul>\n<li><strong>Gebruik semantische HTML<\/strong> &#8211; Zorg voor het juiste gebruik van semantische HTML-tags. Gebruik bijvoorbeeld <code>&lt;nav&gt;<\/code> voor navigatiemenu&#8217;s, <code>&lt;header&gt;<\/code> voor site-headers en <code>&lt;main&gt;<\/code> voor hoofdinhoud. Deze tags helpen schermlezers en andere ondersteunende technologie\u00ebn de structuur van de pagina te begrijpen.<\/li>\n<li><strong>Voeg tekstalternatieven toe voor afbeeldingen, video en audio-inhoud <\/strong>&#8211; Geef beschrijvende alt-tekst voor afbeeldingen om hun betekenis over te brengen aan gebruikers die ze niet kunnen zien. Voeg in WordPress beschrijvende <code>alt<\/code> attributen toe aan de mediabibliotheek wanneer je afbeeldingen toevoegt. Neem bijschriften en transcripties op voor video&#8217;s en geef tekstalternatieven voor audio-inhoud om ervoor te zorgen dat dove of slechthorende gebruikers toegang hebben tot de informatie.<\/li>\n<li><strong>Bouw met een responsief ontwerp in gedachten<\/strong> &#8211; Zorg ervoor dat je thema of plugin responsief is en zich goed aanpast aan verschillende schermformaten. Deze aanpak komt ten goede aan gebruikers met verschillende apparaten en zorgt voor een consistente ervaring op verschillende platforms.<\/li>\n<li><strong>Ontwerp toegankelijke formulieren<\/strong> &#8211; Geef duidelijke labels en instructies voor formuliervelden. Gebruik de juiste invoertypes, zoals e-mail of telefoon, om het juiste toetsenbord te activeren op mobiele apparaten en ondersteunende technologie\u00ebn.<\/li>\n<li><strong>Gebruik toetsenbordnavigatie<\/strong> &#8211; Zorg ervoor dat alle interactieve elementen navigeerbaar zijn met een toetsenbord. Gebruikers moeten door links, knoppen en formuliervelden kunnen bladeren. Test en verbeter de toegankelijkheid van het toetsenbord door te voorkomen dat interacties alleen met de muis worden uitgevoerd.<\/li>\n<\/ul>\n<h2>Tools voor het naleven van de WordPress coderingsstandaarden<\/h2>\n<p>Er zijn veel code-snuffelprogramma&#8217;s beschikbaar die je kunnen helpen om je te houden aan de hierboven beschreven coderingsstandaarden van het platform. Laten we eens een paar van de validatietools bekijken die je kunt gebruiken om te controleren of de coderingsstandaarden van WordPress worden nageleefd.<\/p>\n<h3>PHP_CodeSniffer<\/h3>\n<p>De <a href=\"https:\/\/github.com\/WordPress\/WordPress-Coding-Standards\" target=\"_blank\" rel=\"noopener noreferrer\">PHP_CodeSniffer<\/a> scant je PHP codebase om afwijkingen van de vastgestelde normen op te sporen. Het maakt schonere, effici\u00ebntere code mogelijk door codeerfouten en stijlverschillen aan te wijzen. Dit leidt tot betere prestaties van WordPress websites en zorgt voor naadloze compatibiliteit met toekomstige updates en plugins.<\/p>\n<h3>W3 Org&#8217;s CSS Validation Service<\/h3>\n<p>De <a href=\"https:\/\/jigsaw.w3.org\/css-validator\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS Validation Service van W3 Org<\/a> scant CSS stylesheets en identificeert en corrigeert potenti\u00eble fouten die optimale prestaties van de site in de weg kunnen staan. Het speelt een cruciale rol in het handhaven van consistentie en naleving van de W3C-standaarden en garandeert een soepele gebruikerservaring op verschillende apparaten. Als resultaat zien websites verbeterde laadtijden en voldoen ze aan de strenge CSS coderingsstandaarden die WordPress heeft ingesteld.<\/p>\n<h3>JSHint<\/h3>\n<p><a href=\"https:\/\/jshint.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">JSHint<\/a> analyseert JavaScript code en identificeert potenti\u00eble fouten, inconsistenties in stijl en naleving van best practices. Het helpt je om schonere, effici\u00ebntere code te schrijven, waardoor uiteindelijk de prestaties van de website worden geoptimaliseerd. De scherpe focus op WordPress coderingsstandaarden zorgt ervoor dat JavaScript code naadloos integreert met de algehele architectuur van WordPress, waardoor je een samenhangende en gestandaardiseerde codeeromgeving behoudt.<\/p>\n<h3>WebAIM Contrast Checker<\/h3>\n<p>Met <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noopener noreferrer\">de Contrast Checker van WebAIM<\/a> kun je de toegankelijkheid van je WordPress websites beoordelen en verbeteren. Deze tool vereenvoudigt het vaak complexe proces van het bereiken van een optimaal kleurcontrast om de toegankelijkheid te bevorderen. Met behulp van de real-time feedback van de contrast checker kun je gebieden identificeren waar je de leesbaarheid en leesbaarheid van tekst voor alle bezoekers kunt verbeteren.<\/p>\n<h2>Samenvatting<\/h2>\n<p>Coderingsstandaarden vormen de ruggengraat van effici\u00ebnte en gezamenlijke softwareontwikkeling. Ze zorgen voor consistentie en leesbaarheid in code, stroomlijnen het codeerproces, verbeteren de onderhoudbaarheid en vergemakkelijken teamwerk. Voor WordPress ontwikkelaars is het naleven van coderingsstandaarden cruciaal voor het maken van robuuste en schaalbare websites.<\/p>\n<p>Kinsta kan helpen bij je inspanningen om aan deze standaarden te voldoen door ontwikkelomgevingen te ondersteunen waarmee je je op je werk kunt richten. Met onze eigen op Docker gebaseerde <a href=\"https:\/\/kinsta.com\/nl\/devkinsta\/features\/\">DevKinsta suite<\/a> kun je WordPress sites ontwerpen en ontwikkelen op je lokale machine en vervolgens naadloos deployen naar je productieomgevingen. Combineer DevKinsta met onze <a href=\"https:\/\/kinsta.com\/nl\/wordpress-hosting\/\">Managed WordPress Hosting<\/a> en je kunt meer tijd besteden aan je code en minder tijd aan het configureren van webservers.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Coderingsstandaarden bij de ontwikkeling van WordPress zijn cruciaal voor een robuuste en duurzame codebase. Ze dienen als richtlijnen en conventies waar ontwikkelaars zich aan houden bij &#8230;<\/p>\n","protected":false},"author":259,"featured_media":59209,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[],"topic":[883,892],"class_list":["post-59208","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","topic-webdevelopment-talen","topic-wordpress-ontwikkeling"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Een inleiding in de coderingsstandaarden van WordPress - Kinsta\u00ae<\/title>\n<meta name=\"description\" content=\"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Een inleiding in de coderingsstandaarden van WordPress\" \/>\n<meta property=\"og:description\" content=\"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-02T06:52:34+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-05-08T07:26:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Steve Bonisteel\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards-1024x512.png\" \/>\n<meta name=\"twitter:creator\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_NL\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Steve Bonisteel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"18 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\"},\"author\":{\"name\":\"Steve Bonisteel\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\"},\"headline\":\"Een inleiding in de coderingsstandaarden van WordPress\",\"datePublished\":\"2024-05-02T06:52:34+00:00\",\"dateModified\":\"2024-05-08T07:26:44+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\"},\"wordCount\":2353,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\",\"name\":\"Een inleiding in de coderingsstandaarden van WordPress - Kinsta\u00ae\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png\",\"datePublished\":\"2024-05-02T06:52:34+00:00\",\"dateModified\":\"2024-05-08T07:26:44+00:00\",\"description\":\"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png\",\"width\":1460,\"height\":730},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"WordPress ontwikkeling\",\"item\":\"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Een inleiding in de coderingsstandaarden van WordPress\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/nl\/#website\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Snelle, veilige, premium hostingoplossingen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/nl\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/\",\"https:\/\/x.com\/Kinsta_NL\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f\",\"name\":\"Steve Bonisteel\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g\",\"caption\":\"Steve Bonisteel\"},\"description\":\"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.\",\"url\":\"https:\/\/kinsta.com\/nl\/blog\/author\/stevebonisteel\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Een inleiding in de coderingsstandaarden van WordPress - Kinsta\u00ae","description":"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/","og_locale":"nl_NL","og_type":"article","og_title":"Een inleiding in de coderingsstandaarden van WordPress","og_description":"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.","og_url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","article_published_time":"2024-05-02T06:52:34+00:00","article_modified_time":"2024-05-08T07:26:44+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png","type":"image\/png"}],"author":"Steve Bonisteel","twitter_card":"summary_large_image","twitter_description":"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.","twitter_image":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards-1024x512.png","twitter_creator":"@Kinsta_NL","twitter_site":"@Kinsta_NL","twitter_misc":{"Geschreven door":"Steve Bonisteel","Geschatte leestijd":"18 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/"},"author":{"name":"Steve Bonisteel","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f"},"headline":"Een inleiding in de coderingsstandaarden van WordPress","datePublished":"2024-05-02T06:52:34+00:00","dateModified":"2024-05-08T07:26:44+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/"},"wordCount":2353,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png","inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/","url":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/","name":"Een inleiding in de coderingsstandaarden van WordPress - Kinsta\u00ae","isPartOf":{"@id":"https:\/\/kinsta.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png","datePublished":"2024-05-02T06:52:34+00:00","dateModified":"2024-05-08T07:26:44+00:00","description":"Voldoen aan coderingsstandaarden voor WordPress ontwikkeling helpt je om leuk te kunnen samenwerken met anderen, maar kan je ook helpen om je soloprojecten in vorm te houden.","breadcrumb":{"@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#primaryimage","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2024\/05\/wordpress-coding-standards.png","width":1460,"height":730},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/nl\/blog\/wordpress-coderingsstandaarden\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/nl\/"},{"@type":"ListItem","position":2,"name":"WordPress ontwikkeling","item":"https:\/\/kinsta.com\/nl\/onderwerpen\/wordpress-ontwikkeling\/"},{"@type":"ListItem","position":3,"name":"Een inleiding in de coderingsstandaarden van WordPress"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/nl\/#website","url":"https:\/\/kinsta.com\/nl\/","name":"Kinsta\u00ae","description":"Snelle, veilige, premium hostingoplossingen","publisher":{"@id":"https:\/\/kinsta.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/nl\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/nl\/wp-content\/uploads\/sites\/7\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Nederland-476213452787823\/","https:\/\/x.com\/Kinsta_NL","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/d84ceff87bd64a4368a581fc8aa8bd6f","name":"Steve Bonisteel","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/kinsta.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0adffb3f9c86a6ec8245f8399d540823?s=96&d=mm&r=g","caption":"Steve Bonisteel"},"description":"Steve Bonisteel is a Technical Editor at Kinsta who began his writing career as a print journalist, chasing ambulances and fire trucks. He has been covering Internet-related technology since the late 1990s.","url":"https:\/\/kinsta.com\/nl\/blog\/author\/stevebonisteel\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59208","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/users\/259"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/comments?post=59208"}],"version-history":[{"count":6,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59208\/revisions"}],"predecessor-version":[{"id":59269,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/posts\/59208\/revisions\/59269"}],"alternate":[{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/en"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/it"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/pt"},{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/fr"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/jp"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/nl"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/translations\/es"},{"href":"https:\/\/kinsta.com\/nl\/wp-json\/kinsta\/v1\/posts\/59208\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media\/59209"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/media?parent=59208"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/tags?post=59208"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/nl\/wp-json\/wp\/v2\/topic?post=59208"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}