{"id":10353,"date":"2022-01-14T17:45:57","date_gmt":"2022-01-14T16:45:57","guid":{"rendered":"https:\/\/burorader.com\/?page_id=10353"},"modified":"2026-04-05T11:19:09","modified_gmt":"2026-04-05T09:19:09","slug":"handleiding-divi-website","status":"publish","type":"page","link":"https:\/\/burorader.com\/nl\/handleiding-divi-website\/","title":{"rendered":"Handleiding Divi website"},"content":{"rendered":"<p>[et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;2em||2em||true|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;0em||0em||true|false&#8221; collapsed=&#8221;on&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font_size=&#8221;16px&#8221; header_3_line_height=&#8221;1.6em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h1>Handleiding Divi website<\/h1>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_code _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.5&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Met deze handleiding kun je zelf jouw door Buro RaDer gemaakte website up to date houden. Dit is een algemene handleiding, voor alle Buro RaDer websites die met het Divi thema gemaakt zijn en die voor de meertaligheid gebruikmaken van de WPML plugin.<\/p>\n<p>Er kunnen in deze handleiding onderwerpen behandeld worden die niet van toepassing zijn op jouw website. Misschien heb jij wel geen reviews op jouw website. Maar omdat reviews op veel door ons gemaakte websites voorkomen, hebben we dit in deze handleiding opgenomen.<\/p>\n<p>Voor zaken die echt heel specifiek zijn voor jouw website, zul je een link ontvangen naar een speciale, op jouw website van toepassing zijnde pagina.<\/p>\n<p>Mocht er iets onduidelijk zijn, of je mist iets, laat dit weten! Dan leg ik het uit of pas ik de handleiding aan.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_88 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Alle onderwerpen<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle tabel met inhoud\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #790f75;color:#790f75\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #790f75;color:#790f75\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Over_WordPress\" >Over WordPress<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Themas\" >Themas<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Plugins\" >Plugins<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Updates\" >Updates<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Inloggen\" >Inloggen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Gebruikers\" >Gebruikers<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Gereedschap_en_Instellingen\" >Gereedschap en Instellingen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Cache\" >Cache<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#SEO_optimalisatie\" >SEO optimalisatie<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Media\" >Media<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afbeeldingen_toevoegen\" >Afbeeldingen toevoegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afbeeldingsformaten\" >Afbeeldingsformaten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afbeeldingen_vervangen\" >Afbeeldingen vervangen<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afmeting_fotos_aanpassen_en_uitsnedes_maken_in_IrfanView\" >Afmeting foto&#8217;s aanpassen en uitsnedes maken in IrfanView<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afmeting_aanpassen\" >Afmeting aanpassen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Uitsnede_maken\" >Uitsnede maken<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Het_Divi_thema\" >Het Divi thema<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Blokkenstructuur_van_Divi\" >Blokkenstructuur van Divi<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-19\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#De_Divi_bibliotheek\" >De Divi bibliotheek<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-20\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Lay-out_vanuit_Divi_bibliotheek_toevoegen\" >Lay-out vanuit Divi bibliotheek toevoegen<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-21\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Global_item_maken_van_gekopieerde_lay-out\" >Global item maken van gekopieerde lay-out<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-22\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Divi_Global_Presets\" >Divi Global Presets<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-23\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Paginas\" >Pagina\u2019s<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-24\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Teksten_aanpassen\" >Teksten aanpassen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-25\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Tekstlink_toevoegen\" >Tekstlink toevoegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-26\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Kleuren_van_een_tekstlink_aanpassen\" >Kleuren van een tekstlink aanpassen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-27\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Ankerlink_toevoegen\" >Ankerlink toevoegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-28\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Kleur_van_een_kop_aanpassen\" >Kleur van een kop aanpassen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-29\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Fotos_vervangen\" >Foto&#8217;s vervangen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-30\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Achtergrondafbeelding_vervangen\" >Achtergrondafbeelding vervangen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-31\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Positie_achtergrondafbeelding_aanpassen_op_tablet_en_mobiel\" >Positie achtergrondafbeelding aanpassen op tablet en mobiel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-32\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Verloopraster_over_achtergrondafbeelding_aanpassen\" >Verloopraster over achtergrondafbeelding aanpassen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-33\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Google_Maps_kaart_ingegreren_op_een_pagina\" >Google Maps kaart ingegreren op een pagina<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-34\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Video_toevoegen_op_een_pagina_via_Load_Video_On_Click_plugin\" >Video toevoegen op een pagina via Load Video On Click plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-35\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Nieuwe_pagina_maken_door_bestaande_pagina_te_kopieren\" >Nieuwe pagina maken door bestaande pagina te kopi\u00ebren<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-36\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Pagina_toevoegen_aan_het_menu\" >Pagina toevoegen aan het menu<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-37\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Tekst_van_het_menu-item_wijzigen\" >Tekst van het menu-item wijzigen<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-38\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Responsive_%E2%80%93_Juiste_weergave_op_tablet_en_mobiel\" >Responsive &#8211; Juiste weergave op tablet en mobiel<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-39\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Schakelen_naar_tablet_of_mobiele_weergave\" >Schakelen naar tablet of mobiele weergave<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-40\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Uitvinden_waar_de_witruimte_ingegeven_is\" >Uitvinden waar de witruimte ingegeven is<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-41\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Te_grote_witruimtes_verwijderen_op_tablet_en_mobiel\" >Te grote witruimtes verwijderen op tablet en mobiel<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-42\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Grootte_kopjes_aanpassen_op_tablet_en_mobiel\" >Grootte kopjes aanpassen op tablet en mobiel<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-43\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Berichten_%E2%80%93_oftewel_blogs\" >Berichten \u2013 oftewel blogs<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-44\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Een_blog_maken\" >Een blog maken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-45\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Kopjes_toevoegen_in_een_blog\" >Kopjes toevoegen in een blog<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-46\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Links_toevoegen_in_een_blog\" >Links toevoegen in een blog<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-47\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afbeelding_toevoegen\" >Afbeelding toevoegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-48\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Fotogallerij_toevoegen\" >Fotogallerij toevoegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-49\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Afwijkende_tekst_op_blogtegel_op_blogverzamelpagina\" >Afwijkende tekst op blogtegel op blogverzamelpagina<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-50\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Google_Maps_kaart_ingegreren_in_een_blog\" >Google Maps kaart ingegreren in een blog<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-51\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Video_toevoegen_in_een_blog_via_Load_Video_On_Click_plugin\" >Video toevoegen in een blog via Load Video On Click plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-52\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Categorieen\" >Categorie\u00ebn<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-53\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Tags\" >Tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-54\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Uitgelichte_afbeelding\" >Uitgelichte afbeelding<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-55\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Een_blog_bewerken\" >Een blog bewerken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-56\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Automatische_inhoudsopgave_%E2%80%93_plugin_instellen\" >Automatische inhoudsopgave &#8211; plugin instellen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-57\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Automatische_inhoudsopgave_toevoegen_%E2%80%93_weergeven_op_een_pagina_of_in_een_blog\" >Automatische inhoudsopgave toevoegen &#8211; weergeven op een pagina of in een blog<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-58\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Call_to_action_knop_toevoegen_in_blog\" >Call to action knop toevoegen in blog<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-59\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#De_Rank_Math_SEO_plugin\" >De Rank Math SEO plugin<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-60\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Veel_mogelijkheden\" >Veel mogelijkheden<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-61\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Wat_verschijnt_er_in_de_zoekresultaten\" >Wat verschijnt er in de zoekresultaten<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-62\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Informatie_zichtbaar_in_Google\" >Informatie zichtbaar in Google<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-63\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Feedback_op_inzetten_zoekterm\" >Feedback op inzetten zoekterm<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-64\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Social_media_afbeeldingen\" >Social media afbeeldingen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-65\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#301_redirects\" >301 redirects<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-66\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Geen_Rank_Math_op_je_website_toch_301_redirects\" >Geen Rank Math op je website, toch 301 redirects?<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-67\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Vertalen\" >Vertalen<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-68\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#BELANGRIJK_Vertalen_van_in_Divi_bibliotheek_opgeslagen_lay-outs\" >BELANGRIJK: Vertalen van in Divi bibliotheek opgeslagen lay-outs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-69\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Vertalen_van_paginas_en_berichten_blogpost\" >Vertalen van pagina&#8217;s en berichten (blogpost)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-70\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Menu_vertalen\" >Menu vertalen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-71\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Vertalen_van_categorieen_en_tags\" >Vertalen van categorie\u00ebn en tags<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-72\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#BELANGRIJK_Afbeeldingen_vertalen_inclusief_afwijkende_afbeelding\" >BELANGRIJK: Afbeeldingen vertalen inclusief afwijkende afbeelding<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-73\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Updaten_van_de_footer_%E2%80%93_Bijvoorbeeld_copyrightjaartal\" >Updaten van de footer &#8211; Bijvoorbeeld copyrightjaartal<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-74\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Aanpassen_van_de_footer_teksten_in_andere_talen\" >Aanpassen van de footer teksten in andere talen<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-75\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Reviews\" >Reviews<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-76\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Handmatig_toevoegen_van_een_Reviews\" >Handmatig toevoegen van een Reviews<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-77\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Reviews_weergeven\" >Reviews weergeven<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-78\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Bepaalde_reviews_op_een_pagina_plaatsen_met_behulp_van_views_en_categorieen\" >Bepaalde reviews op een pagina plaatsen met behulp van views en categorie\u00ebn<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-79\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Een_view_kopieren_om_een_nieuwe_view_te_maken\" >Een view kopi\u00ebren om een nieuwe view te maken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-80\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#View_op_een_pagina_plaatsen\" >View op een pagina plaatsen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-81\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Volgorde_van_reviews_in_een_view\" >Volgorde van reviews in een view<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-82\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Link_voor_review_naar_klanten_sturen\" >Link voor review naar klanten sturen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-83\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Review_goedkeuren_voor_publicatie\" >Review goedkeuren voor publicatie<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-84\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Reviews_importeren_vanuit_Google\" >Reviews importeren vanuit Google<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-85\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Google_API_sleutel_voor_Strong_Testimonials\" >Google API sleutel voor Strong Testimonials<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-86\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Formulieren\" >Formulieren<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-87\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Formulieren_met_Fluent_Forms\" >Formulieren met Fluent Forms<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-88\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Een_formulier_dupliceren\" >Een formulier dupliceren<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-89\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Velden_aanpassen_en_kolommen_aanmaken\" >Velden aanpassen en kolommen aanmaken<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-90\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Bedankpagina_of_bedankbericht\" >Bedankpagina of bedankbericht<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-91\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#E-mail_kennisgevingen\" >E-mail kennisgevingen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-92\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Aangepaste_knop_kleur\" >Aangepaste knop kleur<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-93\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Formulier_op_website_plaatsen\" >Formulier op website plaatsen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-94\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Fluent_Forms_formulieren_in_andere_talen_toevoegen\" >Fluent Forms formulieren in andere talen toevoegen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-95\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Formulieren_met_WPForms\" >Formulieren met WPForms<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-96\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#WPforms_formulieren_vertalen_met_WPML\" >WPforms formulieren vertalen met WPML<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-97\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#WooCommerce_instellen\" >WooCommerce instellen<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-98\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Informatie_nodig_om_product_toe_te_voegen_in_WooCommerce\" >Informatie nodig om product toe te voegen in WooCommerce<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-99\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Mollie_instellen\" >Mollie instellen<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-100\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Mollie_toevoegen_aan_tweede_website\" >Mollie toevoegen aan tweede website<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-101\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Spamwoorden_toevoegen_aan_filter_van_de_Stop_Spammers_plugin\" >Spamwoorden toevoegen aan filter van de Stop Spammers plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-102\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#CleanTalk_antispam_plugin\" >CleanTalk antispam plugin<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-103\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Beschikbaarheidskalender_WP_Simple_Booking_Calender\" >Beschikbaarheidskalender WP Simple Booking Calender<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-104\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Updaten_beschikbaarheid\" >Updaten beschikbaarheid<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-105\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Draw_attention_tekengereedschap\" >Draw attention tekengereedschap<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-106\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Intekenen_van_klikbare_delen_in_Draw_Attention\" >Intekenen van klikbare delen in Draw Attention<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-107\" href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#Aanvullende_informatie_invullen_in_Draw_Attention\" >Aanvullende informatie invullen in Draw Attention<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Over_WordPress\"><\/span>Over WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Jouw website is gebouwd met <a href=\"https:\/\/nl.wordpress.org\/\" target=\"_blank\" rel=\"noopener\">WordPress<\/a>. WordPress is het meest gebruikte content management systeem en geschikt voor een grote vari\u00ebteit aan websites.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Themas\"><\/span>Themas<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>De vormgeving van je website wordt bepaald door het gebruikte thema. Voor jouw website is dat <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Divi van Elegant Themes<\/a>. Dit thema is niet alleen een thema, maar ook een pagebuilder. Je kunt online een pagina aanmaken en vormgeven. Op de website van Elegant Themes kun je heel veel <a href=\"https:\/\/www.elegantthemes.com\/documentation\/\" target=\"_blank\" rel=\"noopener\">tutorials<\/a> vinden.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Plugins\"><\/span>Plugins<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Plugins zijn eenvoudig gezegd, aan de website toegevoegde functionaliteiten. Behalve dat je ze up to date moet houden, heb je hier verder niets mee van doen. Wanneer er een update beschikbaar is, zie je dat niet alleen in het dashboard bij <strong>Updates<\/strong>, maar ook in het plugin overzicht.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Updates\"><\/span>Updates<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Het is belangrijk om je website up to date te houden. Dit is iets wat je eenvoudig zelf kunt doen. Kleine WordPress updates worden vaak automatisch uitgevoerd. Voor grotere updates, zoals updates naar een echt nieuwe versie van WordPress wordt goedkeuring gevraagd. Dat is maar goed ook, want niet alle plugins en thema\u2019s blijken gelijk al goed te functioneren met een nieuwe versie van WordPress. Wij raden dan ook aan om altijd even te wachten met het updaten naar een nieuwe versie van WordPress.<\/p>\n<p>Het is ook belangrijk om je thema\u2019s en plugins up to date te houden. Updates zorgen er voor dat je website veilig en stabiel blijft.<\/p>\n<p><strong>Voordat je updates uitvoert, maak je altijd eerst even handmatig een back-up<\/strong>. Ga hier voor of via het topmenu of via <strong>Instellingen<\/strong> in het dashboard naar <strong>UpdraftPlus Backups<\/strong> en klik op <strong>Nu een back-up maken<\/strong>. Na iedere back-up (en dus ook na iedere back-up van een plugin) check je altijd of de website nog goed functioneert. Mocht dat niet zo zijn dan kun je via \u00e9\u00e9n druk op de knop in <strong>UpdraftPlus Backups<\/strong> de website terugzetten na de opgeslagen versie.<\/p>\n<p><strong>Nooit, maar dan ook nooit<\/strong> instellen dat plugins automatisch geupdate mogen worden.<\/p>\n<blockquote>\n<p>In februari 2026 wordt een totaal nieuwe versie van Divi gepubliceerd. Ik raad je aan om deze update niet gelijk te doen. Hierover ontvang via de Buro RaDer nieuwsbrief meer infomatie. Je mag me ook altijd even <a href=\"mailto:margriet@burorader.com\">mailen<\/a> wanneer je hier vragen over hebt.<\/p>\n<\/blockquote>\n<p>Mocht je dit nu allemaal eng vinden; je kunt het via een <a href=\"https:\/\/burorader.com\/nl\/onderhoudsabonnement-website\/\">onderhoudsabonnement<\/a> ook aan ons overlaten.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Inloggen\"><\/span>Inloggen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ga naar: <strong>https:\/\/typehierjouwdomein.com\/verbinden\/<\/strong> en log in. Na het inloggen kom je in het Dashboard. Het dashboard is als het ware de achterkant van de website. Hier maak je blogberichten, hou je je website up te date en kun je functionaliteiten toevoegen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Je kunt wanneer je ingelogd bent ook gewoon de website bekijken: wanneer je met je muis linksboven over het huisjes-icoon en websitenaam gaat, verschijnt er Site bekijken. Klik hierop en je ziet de website. Het voordeel van op deze manier je website bekijken, is dat jouw bezoek niet wordt meegenomen in de statistieken van Google Analytics, op voorwaarde dat dit goed is ingesteld. Dit kan bijvoorbeeld in de Rank Math SEO plugin.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/site-bekijken-ingelogd.jpg&#8221; alt=&#8221;Website bekijken wanneer je ingelogd bent&#8221; title_text=&#8221;Website bekijken wanneer je ingelogd bent&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Gebruikers\"><\/span>Gebruikers<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Hier zie je de personen die toegang tot de website hebben en wat hun rechten zijn. Bij <strong>Je profiel<\/strong> kun je je wachtwoord aanpassen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Gereedschap_en_Instellingen\"><\/span>Gereedschap en Instellingen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In principe hoef je hier nooit te zijn.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Cache\"><\/span>Cache<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Een opmerking vooraf: mocht een wijziging niet direct zichtbaar zijn; leeg de cache (de in het geheugen opgeslagen versie van een pagina). Dit kun je doen door in het topmenu te klikken op Alle cache wissen.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/verwijder-cache-clear-cache.jpg&#8221; alt=&#8221;Verwijder cache &#8211; Clear cache&#8221; title_text=&#8221;Verwijder cache &#8211; Clear cache&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"SEO_optimalisatie\"><\/span>SEO optimalisatie<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p><a href=\"https:\/\/yoast.com\/\" target=\"_blank\" rel=\"noopener\">Yoast<\/a> en <a href=\"https:\/\/rankmath.com\/\" target=\"_blank\" rel=\"noopener\">RankMath<\/a> zijn hulpmiddelen voor SEO-optimalisatie en kom je bij blogberichten en op pagina\u2019s tegen. De plugins werken hetzelfde, en in overleg met jou hebben we er \u00e9\u00e9n gekozen. In het SEO deel vul je de zoekterm in welke je voor de pagina \/ het bericht had bedacht. De plugin geeft je vervolgens feedback of je het goed hebt gedaan, waar je eventueel de zoekterm ook nog kan invullen etc.<\/p>\n<blockquote>\n<p>Verderop in deze handleiding kun je<a href=\"https:\/\/burorader.com\/nl\/handleiding-divi-website\/#De_Rank_Math_SEO_plugin\"> meer lezen over de Rank Math SEO plugin<\/a>.<\/p>\n<\/blockquote>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Media\"><\/span>Media<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;media&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Media, zoals afbeeldingen, maar ook video\u2019s en PDF-bestanden, worden in de Bibliotheek opgeslagen. De bibliotheek heeft 2 weergavemogelijkheden: tegels en lijst. De lijstweergave geeft meer informatie.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/keuze-media-bibliotheek-weergave.jpg&#8221; alt=&#8221;Keuze media bibliotheek weergave&#8221; title_text=&#8221;Keuze media bibliotheek weergave&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;media&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Afbeeldingen_toevoegen\"><\/span>Afbeeldingen toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Voordat je afbeeldingen toevoegt, zul je ze moeten optimaliseren voor je website. Eerst breng je de foto\u2019s terug naar het formaat waarop je ze getoond wilt hebben en vervolgens optimaliseer je ze via <a href=\"https:\/\/tinypng.com\/\" target=\"_blank\" rel=\"noopener\">TinyPNG<\/a>. Meer informatie in mijn blog <a href=\"https:\/\/burorader.com\/nl\/over-afbeeldingen-op-wordpress-websites\/\">Over afbeeldingen op WordPress websites<\/a>.<\/p>\n<p>Ga bij <strong>Media<\/strong> naar <strong>Nieuw bestand<\/strong> (kan ook vanuit de mediabibliotheek) en selecteer het bestand op je computer. Na het uploaden wijzig je de titel (hier wordt automatisch de bestandsnaam \u2013 dus met streepjes \u2013 geplaatst, wat niet fijn leest) en vul je de Alt-tekst in. Sla op.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Afbeeldingsformaten\"><\/span>Afbeeldingsformaten<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Klikbare foto&#8217;s &#8211; dus foto&#8217;s die je schermvullend wil laten zien wanneer iemand erop klikt &#8211; moeten maximaal 1920 pixels breed of 1200 pixels hoog zijn. Blijf binnen die waardes.<\/p>\n<p>Niet-klikbare foto&#8217;s wil je plaatsen op het formaat dat ze op de website getoond worden. Dat formaat is afhankelijk van de module waarin de afbeelding wordt geplaatst. Een afbeelding in een afbeeldingsmodule neemt een andere ruimte in dan een afbeelding in een blurbmodule. Ook speelt het een rol of zo&#8217;n module in een 1-kolomsrij (groen gedeelte) wordt gebruikt of wanner de rij in meerdere kolommen onderverdeeld is.<\/p>\n<p>Op de website van Elegant Themes vind je <a href=\"https:\/\/www.elegantthemes.com\/blog\/divi-resources\/the-ultimate-guide-to-using-images-within-divi\" target=\"_blank\" rel=\"noopener\">goede informatie hoe groot afbeeldingen in welke module moeten zijn<\/a>. Maar ik geef toe, die pagina is best overweldigend. Daarom hieronder een overzicht van de meest voorkomende modules waar afbeeldingen inzitten en welke afbeeldingsformaten daarbij horen.<\/p>\n<ul>\n<li><strong>Afbeeldingsmodule<\/strong> gebruikt voor losse afbeeldingen<br \/>1 kolom: 1080 pixels breed<br \/>2 t\/m 5 kolommen: 770 pixels breed<br \/>6 kolommen: 370 pixels breed<\/li>\n<li><strong>Uitgelichte foto van blogs<br \/><\/strong>795 pixels breed<\/li>\n<li><b>Blurbmodule<\/b> veel gebruikt voor blokjes met een afbeelding met daaronder een kopje en tekst.<br \/>1 kolom: 550 pixels breed<br \/>2 kolommen: 510 pixels breed<br \/>3 kolommen: 320 pixels breed<br \/>4 kolommen: 225 pixels breed<\/li>\n<li><strong>Fotogallerij<\/strong> module<br \/>Deze afbeeldingen zijn klikbaar en dus maximaal 1920 pixels breed of 1200 pixels hoog<\/li>\n<\/ul>\n<p>\u00a0Het kan ook zijn dat een afbeelding als achtergrond is toegevoegd. Dan gelden de volgende formaten:<\/p>\n<ul>\n<li>1 kolom: 1280 pixels breed<br \/>2 kolommen: 795 pixels breed<br \/>3 kolommen: 700 pixels breed<br \/>4 kolommen: 510 pixels breed<br \/>5 kolommen: 320 pixels breed<br \/>6 kolommen: 225 pixels breed<\/li>\n<\/ul>\n<p><strong>Twijfel je<\/strong> over welk formaat een afbeelding moet worden. Neem contact met me op. Ik kan het je snel vertellen!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Afbeeldingen_vervangen\"><\/span>Afbeeldingen vervangen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Normaalgesproken moet je het nieuwe bestand uploaden, hernoemen en opnieuw op de pagina of in de blogpost plaatsen. Nogal bewerkelijk dus. Met de <a href=\"https:\/\/wordpress.org\/plugins\/enable-media-replace\/\" target=\"_blank\" rel=\"noopener\">Enable Media Replace plugin<\/a> die op de website is ge\u00efnstalleerd is dit een stuk eenvoudiger. Je kunt wanneer je de plugin activeert, afbeeldingen en andere mediabestanden gewoon vervangen. Je hoeft het bestand dus niet meer op de pagina of in de blogpost aan te passen!<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Wanneer je naar de mediabibliotheek gaat, zie je in het menu onder de foto\u2019s <strong>Vervang media<\/strong> staan. Klik hierop.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/afbeelding-vervangen-activeren.jpg&#8221; alt=&#8221;Afbeelding vervangen activeren&#8221; title_text=&#8221;Afbeelding vervangen activeren&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Nadat je op <strong>Vervang media<\/strong> hebt geklikt verschijnt er een scherm waar je de nieuwe foto kunt uploaden. Upload de nieuwe foto en vink <strong>Vervang het bestand, gebruik de nieuwe naam en werk alle links bij<\/strong> aan. Klik op bijwerken. De foto is nu automatisch vervangen overal waar de foto op de website gebruikt is. <strong>Bij meertalige websites zul je dit wel voor alle taalversies moeten doen.<\/strong><br \/>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/afbeelding-vervangen.jpg&#8221; alt=&#8221;Afbeelding vervangen&#8221; title_text=&#8221;Afbeelding vervangen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Heb je het idee dat je na vervangen nog steeds de oude versie ziet? Dit kan komen omdat de oude foto in je cache (geheugen) zit. Ververs de pagina door een aantal keren op F5 te klikken.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Afmeting_fotos_aanpassen_en_uitsnedes_maken_in_IrfanView\"><\/span>Afmeting foto&#8217;s aanpassen en uitsnedes maken in IrfanView<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ik maak zelf gebruik van het gratis programma <a href=\"https:\/\/www.irfanview.com\/\" target=\"_blank\" rel=\"noopener\">IrfanView<\/a> om de afmetingen van foto&#8217;s aan te passen en om uitsnedes te maken. Het programma is razendsnel en je kunt er ook batch-bewerkingen in uitvoeren.<\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Afmeting_aanpassen\"><\/span>Afmeting aanpassen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li>Open een afbeelding via Irfanview. Je kunt IrfanView instellen als standaardprogramma om foto&#8217;s in te openen.<\/li>\n<li>CTRL-R<\/li>\n<li>Geef de nieuwe hoogte of breedte aan.<br \/>\n<strong>Let erop dat Preserve aspect-ratio (propotional) aangevinkt staat.<\/strong><\/li>\n<li>OK of enter<\/li>\n<li>Afmeting goed? CTRL-Y en je uitsnede is klaar.<br \/>\nOpslaan, door TinyPNG halen uploaden.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/afmeting-aanpassen-irfanview.jpg&#8221; alt=&#8221;Afmeting aanpassen in irfanview&#8221; title_text=&#8221;Afmeting aanpassen in irfanview&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Uitsnede_maken\"><\/span>Uitsnede maken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul>\n<li>Open een foto met IrfanView.<\/li>\n<li>CTRL-R<\/li>\n<li>Geef de nieuwe hoogte of breedte aan.<br \/>Wanneer de foto niet deze verhoudingen zal behouden moet je er voor zorgen dat je wanneer je of de hoogte of de breedte instelt, je van degene die afwijkt, pixels &#8211; ofwel een deel van de foto &#8211; kunt verwijderen.<br \/><strong>Let erop dat Preserve aspect-ratio (propotional) aangevinkt staat.<\/strong><\/li>\n<li>OK of enter<\/li>\n<\/ul>\n<p>Je kunt vervolgens op 2 manieren de uitsnede maken:<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<ul><\/ul>\n<p><strong>Uitsnede afmeting exact aangeven<\/strong><\/p>\n<ul>\n<li>Doe <strong>SHIFT-C<\/strong>, de hiernaast staande popup verschijnt.<\/li>\n<li>Vul bij\u00a0<strong>Width<\/strong> de gewenste breedte en bij\u00a0<strong>Height<\/strong> de gewenste hoogte van de uitsnede in<\/li>\n<li>Klik op\u00a0<strong>Save and draw on image<\/strong><\/li>\n<li>De afbeelding verschijnt weer in zijn geheel op het scherm, maar met een kader (gevormd door zwarte lijnen). Dat kader is de uitsnede.<\/li>\n<li>Verplaats het kader (de uitsnede) door middel van de pijltjestoetsen van jouw toetsenbord.<\/li>\n<li>Wanneer het kader op de juiste positie staat, doe je\u00a0<strong>CTRL-Y<\/strong>. De uitsnede verschijnt op je scherm en je kan de afbeelding opslaan.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/popup-exact-formaat-uitsnede-aangeven.jpg&#8221; alt=&#8221;Popup exact formaat uitsnede aangeven&#8221; title_text=&#8221;Popup exact formaat uitsnede aangeven&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/te-maken-uitsnede-weergegeven-als-kader.jpg&#8221; alt=&#8221;Te maken uitsnede weergegeven als kader&#8221; title_text=&#8221;Te maken uitsnede weergegeven als kader&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Handmatig uitsnede aangeven<\/strong><\/p>\n<ul>\n<li>Je kunt door met je muis op de foto te klikken en ingeklikt te houden een kader trekken. Indien de hoogte goed is, zorg je ervoor dat de kaderlijntjes helemaal onderaan en bovenaan komen te staan.<\/li>\n<li>Je kan de kaderlijntjes verschuiven door de muisknop los te laten (je ziet dan het kader) en vervolgens met je muis naar de aan te passen lijn te gaan. Wanneer je muis op die lijn staat, verschijnt er een omhoog\/omlaagpijl icoontje. Wanneer je dan klikt, kun je die lijn verslepen.<br \/>Boven in de foto zie je dan ook de pixels veranderen.<\/li>\n<li>Pas op die manier ook de breedte aan, totdat je bovenin de juiste afmeting ziet verschijnen.<\/li>\n<li>Afmeting goed? <strong>CTRL-Y<\/strong> en je uitsnede is klaar.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Het_Divi_thema\"><\/span>Het Divi thema<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Zoals je al kon lezen is Divi niet alleen een thema, maar ook een Visual Page Builder. De webpagina\u2019s worden daardoor op de pagina\u2019s zelf opgebouwd en aangepast. Divi is een betaald thema, maar met mijn levenslange licentie kost deze je niets.<\/p>\n<p>Divi heeft onderaan in het dashboard zijn eigen menu. Hier hoef je in principe nooit te zijn. Mocht je meer wil weten over Divi, kijk dan op de website van <a href=\"https:\/\/www.elegantthemes.com\/gallery\/divi\/\" target=\"_blank\" rel=\"noopener\">Elegant themes<\/a>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Blokkenstructuur_van_Divi\"><\/span>Blokkenstructuur van Divi<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om pagina\u2019s te maken voeg je eigenlijk blokken toe. Er zijn 3 types:<\/p>\n<ul>\n<li><span style=\"color: #2b87da;\"><strong>Secties<\/strong><\/span> \u2013 de grootste en meest eenvoudige blokken, welke in blauw zijn vormgegeven. Secties bevatten een verzameling van andere bloktypes. Er zijn 3 types:\n<ul>\n<li>Regular: bevatten rijen<\/li>\n<li>Specialty: hiermee kun je geavanceerde sidebar lay-outs maken<\/li>\n<li>Full width: voor vormgeving die de gehele breedte van het scherm behoeft<\/li>\n<\/ul>\n<\/li>\n<li><strong><span style=\"color: #29c4a9;\">Rows<\/span> <\/strong>\u2013 oftewel rijen, bevinden zich in de secties en zijn groen vormgegeven. Een sectie kan een onbeperkt aantal rijen bevatten. Een rij bevat op zijn beurt weer modules.<\/li>\n<li><span style=\"color: #000000;\"><strong>Modules<\/strong> <\/span>\u2013 bevinden zich in de rijen en zijn zwart vormgegeven. Hierin bevindt zich de daadwerkelijke inhoud van je website. Divi heeft meer dan 40 verschillende soorten modules om zo verschillende functionaliteiten toe te voegen aan websites. Zo gebruik je voor het toevoegen tekst de tekstmodule, maar er zijn bijvoorbeeld ook modules om losse afbeeldingen, foto albums, toggles en call-to-action knoppen toe te voegen. Op de <a href=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/modules\/\" target=\"_blank\" rel=\"noopener\">moduledocumentatiepagina<\/a> van Elgegant Themes vind je informatie over alle modules.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/divi-blokkenstructuur.jpg&#8221; alt=&#8221;Divi blokkenstructuur&#8221; title_text=&#8221;Divi blokkenstructuur&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;globalelement&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"De_Divi_bibliotheek\"><\/span>De Divi bibliotheek<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Bepaalde zaken komen op meerdere plekken op een website terug. Na het maken van zo\u2019n element kun je deze als lay-out aan de bibliotheek toevoegen en vervolgens hergebruiken. Alle 3 de verschillende blokken (sectie, row en module) kun je toevoegen aan de bibliotheek door op het <strong>Toevoegen aan de bibliotheek <\/strong>icoontje te klikken.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2025\/11\/toevoegen-aan-bibliotheek.jpg&#8221; alt=&#8221;Toevoegen aan bibliotheek&#8221; title_text=&#8221;Toevoegen aan bibliotheek&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text module_id=&#8221;globalelement&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Wanneer je bij het maken van een bibliotheekitem Global element aanvinkt, zal die element niet meer blauw (sectie), groen (row) of zwart (module) zijn, maar <strong><span style=\"color: #97d000;\">gifgroen<\/span><\/strong> kleuren. Wanneer je zo\u2019n global element aanpast (die kan via de biblitheek, maar ook op de pagina waar het element gebruikt is) wordt dit element <strong>overal<\/strong> waar het gebruikt wordt ook aangepast.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/Divi-bibliotheek-items.jpg&#8221; alt=&#8221;Voorbeeld Divi bibliotheek&#8221; title_text=&#8221;Voorbeeld Divi bibliotheek&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Lay-out_vanuit_Divi_bibliotheek_toevoegen\"><\/span>Lay-out vanuit Divi bibliotheek toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Zoals in bovenstaande afbeelding te zien is, kan een lay-out van een sectie, van een rij en van een module opgeslagen worden. Wanneer je een lay-out uit de bibliotheek wilt toevoegen, zul je goed moeten weten of die lay-out een sectie, een rij of een module is.<\/p>\n<p>Wanneer je dit weet klik je in de Divi Builder of op het <strong><span style=\"color: #2b87da;\">blauwe<\/span><\/strong> + icoontje (voor een sectie), of op het <strong><span style=\"color: #29c4a9;\">groene<\/span><\/strong> + icoontje (voor een rij) of op het <span style=\"color: #000000;\"><strong>zwarte<\/strong><\/span> + icoontje (voor een module).<\/p>\n<p>Nadat je op zo&#8217;n icoon klikt opent zich een pop-up met 2 tabs: <strong>Nieuwe sectie\/rij\/module<\/strong> en\u00a0<strong>Toevoegen vanuit bibliotheek.<\/strong> Klik op de laatste en de kunt een opgeslagen lay-out selecteren en toevoegen. Global items zijn ook hier duidelijk herkenbaar aan de <span style=\"color: #97d000;\"><strong>gifgroene<\/strong><\/span> kleur.[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/toevoeg-icoontjes.jpg&#8221; alt=&#8221;Toevoeg icoontjes&#8221; title_text=&#8221;Toevoeg icoontjes&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/toevoegen-van-uit-bibliotheek.jpg&#8221; alt=&#8221;Toevoegen vanuit bibliotheek&#8221; title_text=&#8221;Toevoegen vanuit bibliotheek&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;13098&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Tip: door in een lay-out op het allerbovenste radertje te klikken en in het scherm welke dan opent op Admin label te klikken, kun je de lay-out in de Divi Builder herkenbaar maken<\/strong>. Vul hier de naam van de lay-out in. Bijvoorbeeld: Reserveerknop NL of Inschrijving nieuwsbrief IT. Of zoals ik voor het global item in bovenstaande lay-out deed: Meer reviews knop. Zo zie je ook dat je in een lay-out, een global item kunt opnemen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Global_item_maken_van_gekopieerde_lay-out\"><\/span>Global item maken van gekopieerde lay-out<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_module=&#8221;13097&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Mocht je niet direct een global item van de lay-out kunnen maken, dan zul je nadat je hem hebt opgeslagen en de pagina waarop je werkt hebt ververst (via CTRL-F5 en eerst eventueel even opslaan), opnieuw moeten opslaan als bibliotheek items. Je zult zien dat nu wel de mogelijk verschijnt om de lay-out als global item toe te voegen.<\/p>\n<p>Je slaat de lay-out dus opnieuw op, door de naam van de lay-out bij <strong>Opmaaknaam<\/strong> in te vullen en vervolgens\u00a0<strong>Van dit een globaal item maken<\/strong> aan te vinken.<\/p>\n<p>Natuurlijk na het opslaan niet vergeten om de niet globale versie van deze lay-out te verwijderen. Dit om verwarring en fout gebruik te voorkomen.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/opslaan-in-bibliotheek.jpg&#8221; alt=&#8221;Opslaan in bibliotheek&#8221; title_text=&#8221;Opslaan in bibliotheek&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/global-item-van-lay-out-maken.jpg&#8221; alt=&#8221;Global item van lay-out maken&#8221; title_text=&#8221;Global item van lay-out maken&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Divi_Global_Presets\"><\/span>Divi Global Presets<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Een andere handige functionaliteit om een bepaalde styling te hergebruiken is\u00a0<strong>Divi Global Presets<\/strong>.<\/p>\n<p>Een voorbeeld: je website maakt gebruik van knoppen in 2 verschillende uitvoeringen. Je kunt die uitvoeringen opslaan via de Global Presets functionaliteit. Wanneer je vervolgens nog een knop wilt toevoegen in een van die twee uitvoeringen, dan kun je in de knop module eenvoudig die uitvoering selecteren. Meer informatie over vind je op de <a href=\"https:\/\/www.elegantthemes.com\/documentation\/divi\/divi-global-presets\/\" target=\"_blank\" rel=\"noopener\">Divi Global Presets pagina op de Elegant Themes website<\/a>.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Paginas\"><\/span>Pagina\u2019s<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Pagina\u2019s zijn de webpagina\u2019s. Je kunt dit overzicht op taal filteren. Dit doe je in de balk bovenaan de pagina door in plaats van Toon alle talen \u00e9\u00e9n van de talen van je website te kiezen.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/taalkeuze-pagina-overzicht.jpg&#8221; alt=&#8221;Taalkeuze pagina-overzicht&#8221; title_text=&#8221;Taalkeuze pagina-overzicht&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text module_id=&#8221;visualbuilder&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Je kun de pagina\u2019s ook in publicatievolgorde zetten door op <strong>Datum<\/strong> te klikken bovenaan het paginaoverzicht.<\/p>\n<p>Wanneer je de meta-omschrijving wilt aanpassen klik je onder paginanaam op <strong>Bewerken<\/strong> en ga je naar het SEO-gedeelte van de pagina. Maar wanneer je de inhoud van een pagina wilt aanpassen zul je dat in de <strong>Visual Page Builder<\/strong> moeten doen. De snelste manier om daar te komen is door via het menu bovenaan de pagina naar <strong>Site bekijken<\/strong> te gaan en vervolgens naar de pagina te gaan die je wilt bewerken. Daar aangekomen klik je op <strong>Visual Builder inschakelen<\/strong>.<br \/>\n[\/et_pb_text][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Teksten_aanpassen\"><\/span>Teksten aanpassen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Open zoals hierboven beschreven de pagina in de <strong>Visual Page Builder<\/strong>. Wanneer je met je muis over de pagina gaat, zie je dat er gekleurde kaders ontstaan. Teksten pas je over het algemeen binnen zwarte kaders aan. Klik op het tekstdeel wat je wilt aanpassen en er verschijnt een balkje:<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/tekst-module-opties.jpg&#8221; alt=&#8221;Tekstmodule openen&#8221; title_text=&#8221;Tekstmodule openen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;]Door op het tandwieltje te klikken verschijnt de teksteditor. Door op het paarse icoontje bovenaan te klikken vergroot je hem.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_4,3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/tekst-module-groter-weergeven.jpg&#8221; title_text=&#8221;Tekstmodule groter weergeven&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/tekst-module.jpg&#8221; alt=&#8221;Geopende tekstmodule&#8221; title_text=&#8221;Geopende tekstmodule&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Je kunt de tekst nu aanpassen. Ben je klaar met dit deel, klik op het groene vinkje. Ben je met het aanpassen van de hele pagina klaar, klik dan onderaan de pagina op de paarse cirkel met 3 puntjes en vervolgens rechtsonderaan op Opslaan.<\/p>\n<p>Overigens kun je door dubbel te klikken op een tekst ook direct teksten op de website aanpassen, maar ik vind dit persoonlijk minder fijn werken. Je slaat deze wijzigingen op dezelfde manier op.<\/p>\n<p><strong>Let op: ook hier geldt, wanneer je teksten vanuit bijvoorbeeld Word kopieert, doe dit via CTRL-Shift-v (plakken zonder opmaak). Op die manier blijft de juiste weergave (lettertype en grootte) behouden.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tekstlink_toevoegen\"><\/span>Tekstlink toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je kunt een tekstlink toevoegen door het woord of de woorden te selecteren die een link moet(en) vormen en vervolgens op de link icoon in de tekstmodule te klikken. En vervolgens de informatie in de pop-up in te vullen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/tekstlink-toevoegen-in-divi-tekst-module.jpg&#8221; alt=&#8221;Tekstlink toevoegen in Divi tekstmodule&#8221; title_text=&#8221;Tekstlink toevoegen in Divi tekstmodule&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/invulvelden-tekstlink-toevoegen-in-divi-tekst-module.jpg&#8221; alt=&#8221;Invulvelden tekstlink toevoegen in Divi tekstmodule&#8221; title_text=&#8221;Invulvelden tekstlink toevoegen in Divi tekstmodule&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; admin_label=&#8221;Kleuren van een tekstlink aanpassen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;16175&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221; text_text_color__hover_enabled=&#8221;off|desktop&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Kleuren_van_een_tekstlink_aanpassen\"><\/span>Kleuren van een tekstlink aanpassen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Bij de algemene instellingen van Divi is de standaardkleur van links ingesteld. Maar het kan zijn dat je deze kleur voor een bepaald tekstblok wilt aanpassen. Bijvoorbeeld wanneer dit blok een achtergrondkleur heeft, waardoor de links niet meer (goed) zichtbaar zijn.<\/p>\n<p>Om dit aan te passen ga je naar de tekstmodule en klik je in de <strong>Ontwerp<\/strong>-tab op het onderdeel <strong>Tekst<\/strong>. Daar klik je vervolgens op de 2e tab. Dat is de tab met het link-icoontje.<\/p>\n<p>Wanneer je nu met je muis over\u00a0<strong>Link Tekstkleur gaat<\/strong> verschijnen er een aantal icoontjes. Klik hier op het icoontje met een <strong>pijltje omhoog<\/strong>. Je zult zien dat er bij tekstkleur nu 2 tabs verschijnen:<\/p>\n<ul>\n<li>in de eerste &#8211; er verschijn <strong>Desktop<\/strong> wanneer je er met je muis overheen gaat &#8211; kun je de kleur selecteren die je wilt dat de link gaat hebben. Zorg hier voor voldoende contrast met de achtergrond.<\/li>\n<li>in de tweede &#8211; er verschijnt\u00a0<strong>Dekking<\/strong> wanneer je er met je muis overheen gaat &#8211; kun je de kleur selecteren die de link aanneemt, wanneer iemand met zijn muis over de link gaat.<\/li>\n<\/ul>\n<p>Let goed op dat je in de juiste tab staat wanneer je de kleuren aanpast en vergeet niet om de wijzigingen <strong>op te slaan<\/strong>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/tekstlink-kleuren.jpg&#8221; alt=&#8221;Tekstlink vormgeving bewerken selecteren&#8221; title_text=&#8221;Tekstlink vormgeving bewerken selecteren&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;2em||||false|false&#8221; custom_margin_tablet=&#8221;0em||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,1_3,1_3&#8243; admin_label=&#8221;Hoverkleur van een tekstlink aanpassen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_module=&#8221;16183&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||on||||||&#8221; text_font_size=&#8221;16px&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Hoverkleur functionaliteit selecteren<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/tekstlink-kleuren-hover-activeren.jpg&#8221; alt=&#8221;Tekstlink kleuren hoverfunctionaliteit activeren&#8221; title_text=&#8221;Tekstlink kleuren hoverfunctionaliteit activeren&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||on||||||&#8221; text_font_size=&#8221;16px&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Linkkleur selecteren<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/tekstlink-kleuren-linkkleur.jpg&#8221; alt=&#8221;Tekstlink kleur van de link selecteren&#8221; title_text=&#8221;Tekstlink kleur van de link selecteren&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;||on||||||&#8221; text_font_size=&#8221;16px&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Hoverkleur selecteren<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/tekstlink-kleuren-hoverkleur.jpg&#8221; alt=&#8221;Tekstlink hoverkleur van de link selecteren&#8221; title_text=&#8221;Tekstlink hoverkleur van de link selecteren&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Ankerlink_toevoegen\"><\/span>Ankerlink toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In mijn blog <a href=\"https:\/\/burorader.com\/nl\/het-hoe-en-waarom-van-de-ankerlink\/\">Het hoe en waarom van ankerlinks<\/a> kun je lezen waarom je ankerlinks zou kunnen gebruiken. Het toevoegen van ankerlinks is eenvoudig. Geef de sectie waar je naartoe wilt verwijzen een id. En vervolgens voeg je die id toe aan de URL die je als link gaat ingeven, door achter de sluit \/ van die url een # en de id toe toe te voegen. Een en ander wordt met de 2 onderstaande afbeeldingen verduidelijkt.<\/p>\n<p><strong>Let op<\/strong>: de ankerlink voeg je toe aan de URL en kan daarom &#8211; net zoals een URL &#8211; geen spaties bevatten.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/ankerlink-ingeven-in-divi-sectie.jpg&#8221; alt=&#8221;Ankerlink ingeven in Divi sectie&#8221; title_text=&#8221;Ankerlink ingeven in Divi sectie&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/ankerlink-ingeven-in-divi-tekst.jpg&#8221; alt=&#8221;Ankerlink ingeven in Divi tekst&#8221; title_text=&#8221;Ankerlink ingeven in Divi tekst&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;4em||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Kleur van een kop aanpassen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_module=&#8221;16207&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text ol_position=&#8221;outside&#8221; ol_item_indent=&#8221;20px&#8221; admin_label=&#8221;Kleur van een kop aanpassen&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; ol_line_height=&#8221;1.8em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Kleur_van_een_kop_aanpassen\"><\/span>Kleur van een kop aanpassen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Er zijn 2 manieren om de kleur van een kop aan te passen.<\/p>\n<ol>\n<ol>\n<li>Wanneer je de tekstmodule module geopend hebt en je met je muis over tekst gaat zoals deze op het scherm zichtbaar is (dus niet in de tekstmodule) zul je zien dat er overal potloodjes verschijnen.<br \/>Klik op het potloodje welke voor de kop staat waarvan je de kleur (of bijvoorbeeld de grootte) wilt aanpassen. Je gaat dan automatisch naar de juiste plek in de <strong>Ontwerptab<\/strong> om de kop aan te passen. De linkerafbeelding hieronder laat zien hoe je op zo&#8217;n potloodje klikt.<\/li>\n<\/ol>\n<\/ol>\n<p>&nbsp;<\/p>\n<ol>\n<li>Je kunt ook direct naar de ontwerptab gaan en daar bij het onderdeel\u00a0<strong>Tekst ondertitel<\/strong> de\u00a0<strong>juiste kop<\/strong> (h2, h3, etc.) selecteren en aanpassen. De rechterafbeelding hieronder laat zien hoe dit eruit ziet.<\/li>\n<\/ol>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; admin_label=&#8221;Afbeeldingen: Kleur van een kop aanpassen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_module=&#8221;16208&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/tekstmodule-kop-selecteren-in-tekstblok.jpg&#8221; alt=&#8221;Tekstmodule kop selecteren in tekstblok&#8221; title_text=&#8221;Tekstmodule kop selecteren in tekstblok&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/tekstmodule-kop-selecteren-in-module.jpg&#8221; alt=&#8221;Tekstmodule kop selecteren in module&#8221; title_text=&#8221;Tekstmodule kop selecteren in module&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Fotos_vervangen\"><\/span>Foto&#8217;s vervangen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Foto&#8217;s zijn over het algemeen toegevoegd in een afbeeldingenmodule (enkele foto), een gallerijmodule (fotoalbum) of een blurbmodule (foto met daaronder tekst en eventueel een link of een knop). Soms is de foto toegevoegd als achtergrond van een ander soort module, een row\/rij of een sectie. Het vervangen van foto&#8217;s doe je door op het radertje van de module te klikken. Je ziet dan de foto(&#8216;s) verschijnen. Door op de foto te klikken kun je hem vervangen. In de gallerij kun je de foto&#8217;s via drag en drop van volgorde doen veranderen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/afbeelding-vervangen-afbeelding-module.jpg&#8221; alt=&#8221;Afbeelding vervangen in de afbeeldingmodule&#8221; title_text=&#8221;Afbeelding vervangen in de afbeeldingmodule&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/afbeelding-vervangen-gallerij-module.jpg&#8221; alt=&#8221;Afbeelding vervangen in de gallerijmodule&#8221; title_text=&#8221;Afbeelding vervangen in de gallerijmodule&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_4,1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Je kunt bij de instellingen er voor kiezen de afbeelding klikbaar te maken door bij\u00a0<strong>Link<\/strong> de\u00a0<strong>Openen in Lightbox<\/strong> optie te activeren.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/klikbaar-maken-afbeelding.webp&#8221; alt=&#8221;Klikbaar maken afbeelding&#8221; title_text=&#8221;Klikbaar maken afbeelding&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Kop: Achtergrondafbeelding vervangen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_module=&#8221;16194&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Achtergrondafbeelding_vervangen\"><\/span>Achtergrondafbeelding vervangen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_module=&#8221;16196&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Tekst: Achtergrondafbeelding vervangen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Soms wordt er gebruik gemaakt van achtergrondafbeeldingen.<\/p>\n<p>Om een achtergrondafbeelding te vervangen zul je eerst moeten kijken op welk element de achtergrondafbeelding is geplaatst. Dit is niet altijd even logisch. Soms verwacht je dat de afbeelding op een sectie of een rij zit, maar blijkt deze op een module te zitten. Dit laatste is bijvoorbeeld vaak het geval wanneer er bovenaan de pagina een <strong>Volle breedte header<\/strong> module wordt gebruikt.<\/p>\n<p>De achtergrondafbeelding zit <strong>altijd<\/strong> in de\u00a0<strong>Content<\/strong>tab bij het onderdeel\u00a0<strong>Achtergrond<\/strong>. Hier staan 5 tabs. De 1e tab is voor de achtergrond kleur, de 2e voor het verloopraster en de 3e voor de afbeelding. Wanneer je op de afbeelding klikt, opent de mediabibliotheek en kun je een andere foto selecteren of uploaden.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/achtergrondafbeelding-content-tab.jpg&#8221; alt=&#8221;Achtergrondafbeelding in de content tab&#8221; title_text=&#8221;Achtergrondafbeelding in de content tab&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;16830&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Positie_achtergrondafbeelding_aanpassen_op_tablet_en_mobiel\"><\/span>Positie achtergrondafbeelding aanpassen op tablet en mobiel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je gebruik maakt van een achtergrondafbeelding kan het zo zijn dat op tablets of mobiele telefoons niet in beeld staat wat jij wilt laten zien. Dit kun je gelukkig be\u00efnvloeden.<\/p>\n<p>Ga hiervoor in de\u00a0<strong>Content<\/strong>tab naar het onderdeel\u00a0<strong>Achtergrond<\/strong> en kies hier de 3e tab. Zie hiervoor ook de afbeelding hierboven.<\/p>\n<p>Hover met je muis over het woord\u00a0<strong>Achtergrond<\/strong> en klik vervolgens op het mobiele telefoon icoontje. Deze staat tussen het vraagtekenicoontje en pijltje icoontje in.<\/p>\n<p>Klik vervolgens op de\u00a0<strong>tabel<\/strong>tab en\/of op de\u00a0<strong>mobiele telefoon<\/strong>tab.<\/p>\n<p><strong>Let op:<\/strong> vergewis je er goed van dat je de aanpassingen echt in de tablet en\/of mobiele versie doet!<\/p>\n<p>Wanneer je in de juiste tab staat, ga je naar\u00a0<strong>Achtergrond Positie<\/strong>. Wanneer je op het vakje onder <strong>Achtergrond Positie<\/strong> klikt, verschijnt er een dropdown. Je zult zien dat wanneer je op een van de mogelijkheden klikt, de achtergrondafbeelding van positie wijzigt.<\/p>\n<p>Kies voor een mogelijkheid waarmee je zelf de <strong>Horizontale verschuiving<\/strong> kan doen om de afbeelding helemaal naar jouw wens te positioneren.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/selecteer-mobiel-icoon-achtergrondafbeelding.jpg&#8221; alt=&#8221;Selecteer mobiel icoon achtergrondafbeelding om weergave op tablet en mobiele telefoon te be\u00efnvloeden&#8221; title_text=&#8221;Selecteer mobiel icoon achtergrondafbeelding om weergave op tablet en mobiele telefoon te be\u00efnvloeden&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/positie-achtergrondafbeelding-mobiele-weergave-beinvloeden.jpg&#8221; alt=&#8221;Positie achtergrondafbeelding mobiele weergave be\u00efnvloeden&#8221; title_text=&#8221;Positie achtergrondafbeelding mobiele weergave be\u00efnvloeden&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_module=&#8221;16198&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Verloopraster_over_achtergrondafbeelding_aanpassen\"><\/span>Verloopraster over achtergrondafbeelding aanpassen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; admin_label=&#8221;Tekst: Verloopraster over achtergrondafbeelding aanpassen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_module=&#8221;16199&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Het kan zijn dat er over een achtergrondafbeelding een verloopraster is geplaatst. Dit wordt met name gebruikt wanneer er in de afbeelding ook tekst leesbaar moet zijn.<\/p>\n<p>Dit verloopraster kun je bij de 2e tab van het <strong>Achtergrondonderdeel<\/strong> van de Contenttab aanpassen. In het voorbeeld hiernaast kun je bijvoorbeeld het rondje in het midden onder\u00a0<strong>Verloop stopt<\/strong> naar links bewegen om het verloop lichter te maken, of naar rechts om hem juist donkerder te maken. Wanneer je op zo&#8217;n rondje klikt, kun je ook de kleur van het verloopraster aanpassen.<\/p>\n<p>Speel hier gerust mee, je kunt er altijd voor kiezen om de wijzigingen niet op te slaan.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/09\/achtergrondafbeelding-verloopraster-instellen.jpg&#8221; alt=&#8221;Achtergrondafbeelding verloopraster instellen&#8221; title_text=&#8221;Achtergrondafbeelding verloopraster instellen&#8221; _builder_version=&#8221;4.22.2&#8243; _module_preset=&#8221;default&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Google_Maps_kaart_ingegreren_op_een_pagina\"><\/span>Google Maps kaart ingegreren op een pagina<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je kunt eenvoudig een Google Maps kaartje opnemen in een pagina. Zo kun je bijvoorbeeld de locatie van jouw Google Bedrijfsprofiel delen.<\/p>\n<p>Zoek in Google Maps de locatie die je wilt laten zien. Dat kan de locatie zijn die je aanmaakte via Google Bedrijfsprofiel, maar ook jouw eigen huisadres, een leuk restaurant of iets heel anders.<\/p>\n<p>Hieronder zie je wat er in Google Maps verschijnt wanneer je Buro RaDer intypt.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Buro-RaDer-on-Google-Maps.jpg?_t=1729957995&#8243; alt=&#8221;Buro RaDer op Google Maps&#8221; title_text=&#8221;Buro RaDer op Google Maps&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Om dit kaartje op een pagina te plaatsen heb je een embed-code nodig. Klik hiervoor op het Delen-icoontje. De hiernaast geplaatste popup verschijnt dan.<\/p>\n<p>Door in het kaartje op het plus- of minteken te klikken kun je be\u00efnvloeden hoe ver het kaartje inzoomt. Klik\u00a0<strong>hierna<\/strong> op <strong>HTML KOPI\u00cbREN<\/strong>.\u00a0<\/p>\n<p>Vervolgens zul je deze code moeten toevoegen aan de pagina waar je het kaartje wilt plaatsen. Je plaatst deze code of in de <strong>teksttab<\/strong> van de tekstmodule of in een code module. Zie hiervoor de twee onderstaande afbeeldingen. Je kunt de hoogte en breedte van het kaartje be\u00efnvloeden. Het is raadzaam om bij <strong>width<\/strong> tussen de aanhalingstekens <strong>100%<\/strong> te zetten. In de onderstaande voorbeelden staat die op 600 (pixels).\u00a0<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Google-Maps-embed-code.jpg?_t=1729958202&#8243; alt=&#8221;Google Maps embed code&#8221; title_text=&#8221;Google Maps embed code&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Google-Maps-code-in-tekst-module.jpg?_t=1729958784&#8243; alt=&#8221;Google Maps code in tekst module&#8221; title_text=&#8221;Google Maps code in tekst module&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Google-Maps-code-in-code-module.jpg?_t=1729959124&#8243; alt=&#8221;Google Maps code in code module&#8221; title_text=&#8221;Google Maps code in code module&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Wanneer de zoom niet naar je zin is, kun je deze in Google Maps aanpassen. Let op: kopieer wel opnieuw de code en vervang de code die je eerder op de website plaatste.<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Video toevoegen op een pagina via Load Video On Click plugin&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;15897&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Video_toevoegen_op_een_pagina_via_Load_Video_On_Click_plugin\"><\/span>Video toevoegen op een pagina via Load Video On Click plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om te voorkomen dat jouw website traag wordt, doordat je YouTube video&#8217;s op een pagina plaatst, kan ik de <a href=\"https:\/\/nl.wordpress.org\/plugins\/load-video-on-click\/\" target=\"_blank\" rel=\"noopener\">Load Video On Click plugin<\/a> toevoegen. Dan wordt het YouTube script namelijk pas geladen wanneer de bezoeker op de video klikt. Dit scheelt aanzienlijk in de initi\u00eble laadtijd van de video.<\/p>\n<p>Je voegt de video toe door middel van een shortcode, waarin je zelf de URL van de YouTube video moet plaatsen. De code ziet er zo uit:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/08\/code-load-video-on-click.jpg?_t=1724423454&#8243; alt=&#8221;Code load video on click&#8221; title_text=&#8221;Code load video on click&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Daar waar\u00a0<strong>urlYouTubeVideo<\/strong> staat, vul je de URL van de YouTube video in. Je plaatst deze code of in een <strong>code<\/strong> module.<\/p>\n<p>Let erop dat je de juiste URL van de YouTube video kopieert. Klik onder de YouTube video op\u00a0<strong>Delen<\/strong> en kopieer die code.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/load-video-on-click-in-code-module.jpg&#8221; alt=&#8221;Load video on click in code module&#8221; title_text=&#8221;Load video on click in code module&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>De plugin plaatst automatisch een afbeelding van de video, zodat het lijkt dat de video er al staat. Mocht je daar een andere afbeeldingen willen plaatsen, dan zul je deze naar jouw website moeten uploaden en de URL van de afbeelding moeten toevoegen aan de code.<\/p>\n<p>Je vindt de URL van de afbeelding in de mediabibliotheek. Klik op de afbeelding. Rechts in het scherm &#8211; in het blokje waar je ook wijzigingen kan opslaan &#8211; staat de URL.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/08\/url-afbeelding-kopieren.jpg&#8221; alt=&#8221;URL afbeelding kopi\u00ebren&#8221; title_text=&#8221;URL afbeelding kopi\u00ebren&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Met 1 muisklik kun je de URL kopi\u00ebren en in de code plakken.<\/p>\n<p>De gewijzigde code:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/08\/gewijzigde-code-load-video-on-click.jpg?_t=1724423629&#8243; alt=&#8221;Gewijzigde code load video on click&#8221; title_text=&#8221;Gewijzigde code load video on click&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Nieuwe_pagina_maken_door_bestaande_pagina_te_kopieren\"><\/span>Nieuwe pagina maken door bestaande pagina te kopi\u00ebren<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Het kopi\u00ebren van een bestaande pagina is de meest eenvoudige manier om een pagina aan je website toe te voegen. Dit omdat je de pagina dan gelijk de juiste vormgeving heeft.<\/p>\n<p>Ga in het dashboard bij <strong>Pagina&#8217;s<\/strong> naar <strong>Alle pagina&#8217;s<\/strong> en klik op <strong>Dupliceer<\/strong> (hiervoor moet de <a href=\"https:\/\/wordpress.org\/plugins\/duplicate-post\/\" target=\"_blank\" rel=\"noopener\">Yoast Duplicate Post plugin<\/a> geactiveerd zijn). De gedupliceerde pagina heeft dezelfde naam (en taalversie) als de oorspronkelijke pagina, maar er staat <strong>\u2013 Concept<\/strong> achter. Klik in het pagina overzicht onder deze nieuwe pagina op <strong>Bewerken<\/strong>.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Je kunt nu de bovenaan de pagina titel aanpassen en direct hieronder de permalink. Vergeet niet om in het Yoast of RankMath gedeelte de zoekterm en de meta omschrijving aan te passen. Klik op <strong>concept opslaan<\/strong> of\u00a0<strong>publiceren<\/strong>.<\/p>\n<p>Vervolgens kun je in de <a href=\"https:\/\/burorader.com\/handleiding-divi-polylang\/#visualbuilder\">Visual builder<\/a> de inhoud van de pagina aanpassen en <strong>opslaan<\/strong>.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Pagina_toevoegen_aan_het_menu\"><\/span>Pagina toevoegen aan het menu<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je een pagina hebt gemaakt, kun je deze toevoegen aan het menu. Ga hiervoor in het dashboard aan de linkerkant naar\u00a0<strong>Weergave =&gt; menu&#8217;s.<\/strong><\/p>\n<p>In de linkerkolom zie je de pagina&#8217;s. Mocht je de pagina die je aan het menu wilt toepassen, hier niet zien staan, klik dan op de tab\u00a0<strong>Alles tonen<\/strong> ernaast. Vink de toe te voegen pagina(&#8216;s) aan en klik op\u00a0<strong>Aan menu toevoegen<\/strong>.\u00a0<strong><\/strong><\/p>\n<p>Het menu-item wordt onderaan het menu toegevoegd. Door middel van slepen (drag &amp; drop) kun je het menu op de juiste plek krijgen. Wanneer je een menu-item naar rechts sleept, wordt het een sub-menu-item van het menu-item welke erboven staat. Zoals in onderstaand voorbeeld\u00a0<strong>WordPress website laten bouwen<\/strong> dat is van\u00a0<strong>Wat?<\/strong>.<\/p>\n<p><strong><\/strong><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/menu-aanpassen.jpg?_t=1728397362&#8243; alt=&#8221;Menu aanpassen&#8221; title_text=&#8221;Menu aanpassen&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tekst_van_het_menu-item_wijzigen\"><\/span>Tekst van het menu-item wijzigen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Het kan zo zijn dat de paginanaam te lang is om als menu-item te dien. Dit kun je aanpassen.<\/p>\n<p>Klik op het naar beneden wijzende driehoekje in van het te wijzigen menu-item. Wijzig de tekst in het veld\u00a0<strong>Navigatielabel<\/strong>.<\/p>\n<p>In het voorbeeld hiernaast was de paginanaam\u00a0<strong>Leesvoer &#8211; Buro RaDer blog<\/strong>, maar ik wijzigde het menu-item kortweg in\u00a0<strong>Blog<\/strong>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/menu-item-naam-wijzigen.jpg?_t=1728397735&#8243; alt=&#8221;Menu item naam wijzigen&#8221; title_text=&#8221;Menu item naam wijzigen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Responsive_%E2%80%93_Juiste_weergave_op_tablet_en_mobiel\"><\/span>Responsive &#8211; Juiste weergave op tablet en mobiel<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>De door mij opgemaakte pagina&#8217;s zullen geoptimaliseerd zijn voor weergave op tablet en mobiel. Wanneer je zelf een element toevoegt, kan het zijn dat deze er op een tablet en\/of mobiel net niet helemaal uitziet, zoals jij zou willen. Dit kan gelukkig aangepast worden. Over het algemeen is het de mobiele weergave die aangepast moet worden en dan vooral de witruimtes.<\/p>\n<p>Zie een wijziging niet. Leeg dan de cache. Over het algemeen kun je dat via het top admin menu doen. En ververs daarna de pagina op de tablet \/ mobiel.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Schakelen_naar_tablet_of_mobiele_weergave\"><\/span>Schakelen naar tablet of mobiele weergave<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je onderaan de pagina die je aan het bewerken bent op de 3 puntjes in de paarse cirkel klikt, verschijnt er linksonderaan een grijze balk met een aantal icoontjes.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/responsive-weergave.jpg&#8221; alt=&#8221;Balk met icoontjes voor responsive weergave&#8221; title_text=&#8221;Balk met icoontjes voor responsive weergave&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Van links naar rechts:<\/p>\n<ul>\n<li>3 puntjes: instellingen van deze balk (hier hoef je in principe niets te wijzigen.<\/li>\n<li>langwerpig met daaronder 2 vierkantjes: wireframe weergave. Deze kan handig zijn wanneer je een bepaald element lastig kan selecteren in de normale weergave<\/li>\n<li>vergrootglas: om uit te zoomen (gebruik ik nooit)<\/li>\n<li>desktop: de standaardweergave zoals het er op pc uitziet<\/li>\n<li>tablet: zo ziet de pagina er (ongeveer) uit op een tablet<\/li>\n<li>mobiel: zo ziet de pagina er (ongeveer) uit op een mobiel<\/li>\n<\/ul>\n<p>Bij de tablet en mobiele weergave schrijf ik\u00a0<strong>ongeveer<\/strong> tussen haakjes. Dit \u00a0om deze gesimulteerde weergave op een computer er in werkelijkheid op een tablet of op een mobiel toch net iets anders uit kan zien. Het is daarom belangrijk om de wijzigingen altijd even te checken op een mobiel (en eventueel op een mobiel).<\/p>\n<p>Wanneer je op het tablet icoontje klikt zie je dat de pagina smaller wordt; de tablet weergave wordt gesimuleerd. En wanneer je op het telefoon icoontje klikt, zie je dus de mobiele weergave.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Uitvinden_waar_de_witruimte_ingegeven_is\"><\/span>Uitvinden waar de witruimte ingegeven is<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>De meest voorkomende aanpassing is het verwijderen van te grote witruimtes. Hierbij is het belangrijk dat je eerst uitzoekt waar die witruimte vandaan komt. Dat kan soms lastig zijn. Kom je er niet uit, neem even contact met me op. Ik kijk dan even met je mee!<\/p>\n<p>Soms kun je het ook gewoon zien, door met je muis over het element te bewegen waar teveel witruimte is. Secties (blauwe elementen) en rijen (groene elementen) krijgen standaard wat witruimte. In onderstaande afbeelding (links) zit er boven de rij (groene element) de standaardwitruimte, terwijl eronder geen witruimte meer is. De ruimte eronder is de standaard witruimte van de sectie.<\/p>\n<p>Die witruimtes worden ingegeven als padding (buffer). Dit vind je in de tab <strong>Ontwerp<\/strong> en dan bij\u00a0<strong>Afstand<\/strong>. In de rechterafbeelding zie je dat er aan de bovenkant van de rij geen getal staat; de standaard witruimte wordt gebruikt. Aan de onderkant staat 0; geen witruimte.<\/p>\n<p>Je ziet hier ook margin staan. Het verschil tussen margin en padding: Padding is de ruimte tussen een element en de inhoud van dat element. Margin is de ruimte tussen een element en andere elementen.<strong><\/strong><\/p>\n<p><strong>Let op<\/strong>: om witruimte boven of onder\u00a0<strong>knoppen<\/strong> aan te passen, pas je de\u00a0<strong>margin aan<\/strong>. De padding\/buffer wordt namelijk gebruikt om de grootte van de knop te bepalen (en is de afstand rondom de tekst van de knop).<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/responsive-witruimte-boven-kolom.jpg&#8221; alt=&#8221;Responsive witruimte boven kolom&#8221; title_text=&#8221;Responsive witruimte boven kolom&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/instelling-responsive-witruimte-boven-kolom.jpg&#8221; alt=&#8221;Instelling responsive witruimte boven rij&#8221; title_text=&#8221;Instelling responsive witruimte boven rij&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Te_grote_witruimtes_verwijderen_op_tablet_en_mobiel\"><\/span>Te grote witruimtes verwijderen op tablet en mobiel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je weet waar het teveel aan wit op tablet en mobiel zit, kun je dit aanpassen. Ga hiervoor naar de tab\u00a0<strong>Ontwerp<\/strong> en dan naar\u00a0<strong>Afstand<\/strong><\/p>\n<p>Om dit te doen ga je met je muis over het woord\u00a0<strong>Buffer<\/strong>, er verschijnen extra icoontjes. Mochten deze niet verschijnen, ga dan even over iets anders met je muis en probeer het opnieuw.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/extra-icoontjes-buffer.jpg&#8221; alt=&#8221;Extra icoontjes buffer&#8221; title_text=&#8221;Extra icoontjes buffer&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Klik hier op het mobiele telefoon icoontje. Er verschijnen dan 3 tabs tussen het woord Buffer en daar waar je de buffers ingeeft.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/extra-responsive-velden.jpg&#8221; alt=&#8221;Extra responsive velden voor buffer&#8221; title_text=&#8221;Extra responsive velden voor buffer&#8221; src_tablet=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/extra-responsive-velden.jpg&#8221; src_phone=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/extra-responsive-velden.jpg&#8221; src_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;&#8221; custom_padding_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><b>LET NU GOED OP!<\/b> Je wilt namelijk alleen de witruimtes aanpassen op tablet en op mobiel,\u00a0<strong>niet<\/strong> op de desktopversie.<\/p>\n<p>Klik nu op de tablet of mobiel tab en pas daar de witruimte aan. <strong>Vergewis je er altijd van dat je in de tablet of mobiele tab aan het aanpassen bent! Anders pas je namelijk de desktop versie aan, terwijl die niet aangepast hoeft te worden!<\/strong><\/p>\n<p>Staat er niets, dan is de dus standaard witruimte gebruikt. Zet je deze op 0, dan verdwijnt die ruimte. Mocht het dan te weinig ruimte zijn, dan kun je ruimte toevoegen. De maat hiervoor is\u00a0<strong>em<\/strong>. Type dus 1em of 2em of zelfs 3em.<\/p>\n<p>In onderstaand voorbeeld is de buffer aan de onderkant op tablet nu als 0 ingesteld. Terwijl de buffer aan de onderkant op desktop niet wijzigde.<\/p>\n<p>Wanneer het <strong>(\/)<\/strong> teken tussen de waardes blauw is, zijn de waardes gekoppeld. Wanneer je er 1 aanpast, verandert de andere automatisch mee.<\/p>\n<p>&nbsp;<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/buffer-onderkant-tablet-aangepast.jpg&#8221; alt=&#8221;Buffer onderkant tablet aangepast&#8221; title_text=&#8221;Buffer onderkant tablet aangepast&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Grootte_kopjes_aanpassen_op_tablet_en_mobiel\"><\/span>Grootte kopjes aanpassen op tablet en mobiel<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In principe is dit goed ingesteld op jouw website. Maar het kan voorkomen dat je een heel lang woord gebruikt in een kop en dat deze niet op 1 regel op een mobiele telefoon past. Ook dit kun je apart voor desktop, tablet en mobiel invoeren. Ook hiervoor ga je naar de tab\u00a0<strong>Ontwerp<\/strong>, maar dan van de tekstmodule. Selecteer hier de kop bij <strong>Tekst ondertitel<\/strong> en ga naar\u00a0<strong>Titel Tekst Grootte<\/strong>. Ook hier verschijnt het mobiel icoontje wanneer je met je muis over\u00a0<strong>Titel Tekst Grootte<\/strong> gaat. Klik op dit icoon om de extra tablet en mobiel tab te laten verschijnen. Klik op de tablet en\/of mobiel tab om de lettergrootte aan te passen.<\/p>\n<p><strong> LET GOED OP!<\/strong> Je wilt namelijk alleen de lettergrootte aanpassen op tablet en op mobiel, niet op de desktopversie. Vergewis je er dus altijd van dat je in de juiste tab aan het aanpassen bent!<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/11\/lettergrootte-h2-kop-responsive.jpg&#8221; alt=&#8221;Lettergrootte H2 kop responsive&#8221; title_text=&#8221;Lettergrootte H2 kop responsive&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;tot hier&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Berichten_%E2%80%93_oftewel_blogs\"><\/span>Berichten \u2013 oftewel blogs<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Berichten is het <strong>blog<\/strong>gedeelte van de website. In tegenstelling tot webpagina\u2019s, worden blogberichten niet met de Divi web builder gemaakt. Blogberichten maak je eigenlijk net zo als Word-documenten. Klik hier dan ook nooit op <strong>De Divi opbouwfunctie gebruiken<\/strong>! De vormgeving van de blogberichten is gedaan via de Divi Themabouwer en valt buiten de scope van deze handleiding. Bij klanten met een onderhoudsabonnement is de\u00a0<strong>Divi opbouwfunctie\u00a0<\/strong>over het algemeen uitgeschakeld.<\/p>\n<p>Wanneer je in het tekstgedeelte bijvoorbeeld <strong>Kopje 2<\/strong> aangeeft, komt het automatisch in de juiste vormgeving te staan. Hier zijn namelijk via de <strong>Divi Themabouwer<\/strong> lay-outs voor aangemaakt. Wijzigingen hierin aanbrengen vergt voorzichtigheid! Zo wordt de titel van je blog automatisch getoond (= zogenaamde dynamic content) en hier zul je dus van af moeten blijven. Mocht je meer willen weten over de vormgeving van blogs via de Divi Themabouwer dan kun je onderstaande video bekijken.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/tussenkopjes-selecteren.jpg&#8221; alt=&#8221;Tussenkopjes selecteren&#8221; title_text=&#8221;Tussenkopjes selecteren&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]https:\/\/youtu.be\/hSDtlO4OLP8<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Tip: zorg voordat je je tekst gaat toevoegen er eerst voor dat je foto\u2019s geoptimaliseerd zijn en aan de website zijn toegevoegd. Hoe je dat doet, lees je verderop in deze handleiding.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Een_blog_maken\"><\/span>Een blog maken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Klik op <strong>Berichten =&gt; Nieuw bericht<\/strong>, vul de titel van je blog in. Dit wordt automatisch de H1 van je blog en is dus belangrijk voor SEO. Type in het grote lege witte veld de tekst van je blog. De hoofdtaal van de website is Nederlands, begin dan ook altijd met het invoeren van de Nederlandse inhoud.<\/p>\n<p><strong>Wanneer je eerst in Word werkt, kopieer de tekst dan niet via CTRL-V, maar via CTRL-Shift-V. Dat is namelijk plakken zonder opmaak.<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Kopjes_toevoegen_in_een_blog\"><\/span>Kopjes toevoegen in een blog<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je blog wordt beter leesbaar met tussenkopjes. Ook kun je mooi je zoekterm kwijt in zo\u2019n tussenkopje. Iets wat Google zeer kan waarderen.<\/p>\n<p>Je kunt een regeltekst veranderen in een tussenkopje door de regel tekst te selecteren en vervolgens met je muis op het driehoekje met de tekst <strong>paragraaf<\/strong> linksboven het tekst blok te klikken. Er verschijnt een uitklapmenu en daar kun je Koptekst 2, Koptekst 3, etc. selecteren.<\/p>\n<p>De kopjes worden automatisch goed vormgegeven. <strong>Let wel op<\/strong> dat je <strong>Koptekst 1 \/ Heading 1<\/strong> niet gebruikt. Deze gebruik je maar 1 keer op een webpagina en deze wordt al gebruikt om de blogtitel vorm te geven. Verder zul je vooral Koptekst 2 selecteren. Mocht je in een stuk tekst met Koptekst 2 extra tussenkopjes willen maken, dan gebruik je koptekst 3. Zo zijn de hoofdonderdelen van deze handleiding gemaakt met Koptekst 2, en binnen een onderwerp met Koptekst 2 gebruik ik Koptekst 3 om tussenkopjes te maken.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/kopjes-toevoegen-in-blog.jpg?_t=1728569457&#8243; alt=&#8221;Kopjes toevoegen in een blog&#8221; title_text=&#8221;Kopjes toevoegen in een blog&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Links_toevoegen_in_een_blog\"><\/span>Links toevoegen in een blog<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-8971 alignleft size-full\" src=\"https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/link-icoon.jpg\" alt=\"Link icoon\" width=\"31\" height=\"31\" srcset=\"https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/link-icoon.jpg 31w, https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/link-icoon-20x20.jpg 20w\" sizes=\"(max-width: 31px) 100vw, 31px\" \/>Je kunt in je blogs links toevoegen. Selecteer in de tekst het woord\/de woorden die een link moeten krijgen en klik of op het linkicoontje in het tekstverwerkermenu of doe <strong>CTRL-K<\/strong>.<\/p>\n<p>In de pop-up vul je de link in. Wanneer het om een interne link gaat (link naar andere pagina binnen eigen website) dan klik je vervolgens op het blauwe pijltje. Wanneer het om een externe link gaat die je in een nieuw scherm wilt openen, klik je op het zwarte radertje en vinkt Open link in een nieuw tabblad aan, alvorens de link op te slaan.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/link-toevoegen.jpg&#8221; alt=&#8221;Link toevoegen&#8221; title_text=&#8221;Link toevoegen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Afbeeldingen en gallerij toevoegen aan blogposts&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;15882&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Afbeelding_toevoegen\"><\/span>Afbeelding toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je voegt een afbeelding toe door op <strong>Media toevoegen<\/strong> te klikken linksboven het tekstblok.<\/p>\n<p>De <strong>afbeeldingen<\/strong> op de blogpagina\u2019s kun je klikbaar maken om groter te worden weergegeven. Dit doe je door op de in het blog op de afbeelding te klikken en vervolgens op het potloodje te klikken:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/blogafbeelding-bewerken.jpg&#8221; alt=&#8221;Blogafbeelding bewerken&#8221; title_text=&#8221;Blogafbeelding bewerken&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Vervolgens selecteer je bij Uitlijnen <strong>Geen<\/strong>, bij Link naar <strong>Mediabestand<\/strong>\u00a0 en bij afmeting <strong>Volledige grootte<\/strong>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/afbeelding-bewerken-instellingen.jpg&#8221; alt=&#8221;Instellingen afbeelding bewerken&#8221; title_text=&#8221;Instellingen afbeelding bewerken&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Zoals je elders in de handleiding al kon lezen is het formaat voor klikbare afmetingen maximaal 1920 pixels breed of 1200 pixels hoog.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Fotogallerij_toevoegen\"><\/span>Fotogallerij toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In blogs kun je ook een fotogallerij toevoegen. De gallerij plaatst maximaal 3 foto&#8217;s per rij naast elkaar en kan uit meerdere rijen bestaan. Het is het mooist om met een veelvoud van 3 foto&#8217;s te werken.<\/p>\n<p>Je kunt staande en liggende foto&#8217;s door elkaar heen gebruiken, de foto&#8217;s worden standaard standaard in een rechthoekige, liggende thumbnail getoond die voor alle afbeeldingen eenzelfde afmeting heeft. De hele foto is te zien wanneer een bezoeker op de foto klikt en deze groter wordt weergeven.<\/p>\n<p>Klik boven in de blog op\u00a0<strong>Media toevoegen<\/strong> en selecteer\u00a0<strong>Galerij aanmaken<\/strong> en klik in de mediagallerij die verschijnt, op de foto&#8217;s die je wilt toevoegen. Sla op door rechtsonder op <strong>Een nieuwe gallerij aanmaken<\/strong> te klikken.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/08\/blog-gallerij-aanmaken-foto-s-selecteren.jpg&#8221; alt=&#8221;Schermafdruk blog gallerij aanmaken en foto&#8217;s selecteren&#8221; title_text=&#8221;Schermafdruk blog gallerij aanmaken en foto&#8217;s selecteren&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Afwijkende_tekst_op_blogtegel_op_blogverzamelpagina\"><\/span>Afwijkende tekst op blogtegel op blogverzamelpagina<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Normaalgesproken komt op de tegeltjes van een blogverzamelpagina, de eerste zinnen van de blog te staan. Wil je hier een andere tekst hebben, dan kan dat eenvoudig. In het\u00a0<strong>bewerk<\/strong>scherm (dus niet in Divi) ga je naar\u00a0<strong>Samenvattign<\/strong> en daar vul je de gewenste tekst in.<\/p>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Google_Maps_kaart_ingegreren_in_een_blog\"><\/span>Google Maps kaart ingegreren in een blog<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je kunt eenvoudig een Google Maps kaartje opnemen in een blog. Zo kun je bijvoorbeeld de locatie van jouw Google Bedrijfsprofiel delen.<\/p>\n<p>Zoek in Google Maps de locatie die je wilt laten zien. Dat kan de locatie zijn die je aanmaakte via Google Bedrijfsprofiel, maar ook jouw eigen huisadres, een leuk restaurant of iets heel anders.<\/p>\n<p>Hieronder zie je wat er in Google Maps verschijnt wanneer je Buro RaDer intypt.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Buro-RaDer-on-Google-Maps.jpg?_t=1729957995&#8243; alt=&#8221;Buro RaDer op Google Maps&#8221; title_text=&#8221;Buro RaDer op Google Maps&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Om dit kaartje in een blog te plaatsen heb je een embed-code nodig. Klik hiervoor op het Delen-icoontje. De hiernaast geplaatste popup verschijnt dan.<\/p>\n<p>Door in het kaartje op het plus- of minteken te klikken kun je be\u00efnvloeden hoe ver het kaartje inzoomt. Klik\u00a0<strong>hierna<\/strong> op <strong>HTML KOPI\u00cbREN<\/strong>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Google-Maps-embed-code.jpg?_t=1729967941&#8243; alt=&#8221;Google Maps embed code&#8221; title_text=&#8221;Google Maps embed code&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;2&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Vervolgens zul je deze code moeten toevoegen aan de blog waar je het kaartje wilt plaatsen. Je plaatst deze code of in de <strong>teksttab<\/strong> van de teksteditor van het blogbericht. Normaalgesproken is de tab <strong> Visueel<\/strong> actief in de teksteditor, maar deze embedcode geef je dus in in de\u00a0<strong>Teksttab<\/strong>. Wanneer je in die tab bent, zie je de blog als een soort code.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Google-Maps-code-in-tekst-tab-van-blog.jpg?_t=1729967884&#8243; alt=&#8221;Google Maps code in tekst tab van blog&#8221; title_text=&#8221;Google Maps code in tekst tab van blog&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Schakel van\u00a0<strong>Visueel<\/strong> naar\u00a0<strong> Tekst\u00a0<\/strong>en eventueel later weer terug, doe je rechtsbovenin de teksteditor. Daar waar in bovenstaande afbeelding een muishandje zichtbaar is.<\/p>\n<p><span>Je kunt de hoogte en breedte van het kaartje be\u00efnvloeden. Het is raadzaam om bij\u00a0<\/span><strong>width<\/strong><span>\u00a0tussen de aanhalingstekens\u00a0<\/span><strong>100%<\/strong><span>\u00a0te zetten.\u00a0<\/span><\/p>\n<p><strong>Wanneer de zoom niet naar je zin is, kun je deze in Google Maps aanpassen. Let op: kopieer wel opnieuw de code en vervang de code die je eerder op de website plaatste.<\/strong><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Video toevoegen in een blog via Load Video On Click plugin&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;15902&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Video_toevoegen_in_een_blog_via_Load_Video_On_Click_plugin\"><\/span>Video toevoegen in een blog via Load Video On Click plugin<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om te voorkomen dat jouw website traag wordt, doordat je YouTube video&#8217;s op een pagina plaatst, kan ik de <a href=\"https:\/\/nl.wordpress.org\/plugins\/load-video-on-click\/\" target=\"_blank\" rel=\"noopener\">Load Video On Click plugin<\/a> toevoegen. Dan wordt het YouTube script namelijk pas geladen wanneer de bezoeker op de video klikt. Dit scheelt aanzienlijk in de initi\u00eble laadtijd van de video.<\/p>\n<p>Je voegt de video toe door middel van een shortcode, waarin je zelf de URL van de YouTube video moet plaatsen. De code ziet er zo uit:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/08\/code-load-video-on-click.jpg&#8221; alt=&#8221;Code load video on click&#8221; title_text=&#8221;Code load video on click&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Daar waar\u00a0<strong>urlYouTubeVideo<\/strong> staat, vul je de URL van de YouTube video in. Je plaatst deze code of in de <strong>teksttab<\/strong> van de tekstmodule of in een code module. En dus\u00a0<strong>niet<\/strong> in de tab waar je normaalgesproken de berichten typt.<\/p>\n<p>Let erop dat je de juiste URL van de YouTube video kopieert. Klik onder de YouTube video op\u00a0Delen en kopieer die code.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/08\/teksttab-blogbericht.jpg&#8221; alt=&#8221;Teksttab blogbericht&#8221; title_text=&#8221;Teksttab blogbericht&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>De plugin plaatst automatisch een afbeelding van de video, zodat het lijkt dat de video er al staat. Mocht je daar een andere afbeeldingen willen plaatsen, dan zul je deze naar jouw website moeten uploaden en de URL van de afbeelding moeten toevoegen aan de code.<\/p>\n<p>Je vindt de URL van de afbeelding in de mediabibliotheek. Klik op de afbeelding. Rechts in het scherm &#8211; in het blokje waar je ook wijzigingen kan opslaan &#8211; staat de URL.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/08\/url-afbeelding-kopieren.jpg&#8221; alt=&#8221;URL afbeelding kopi\u00ebren&#8221; title_text=&#8221;URL afbeelding kopi\u00ebren&#8221; _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.22.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Met 1 muisklik kun je de URL kopi\u00ebren en in de code plakken.<\/p>\n<p>De gewijzigde code:<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/08\/gewijzigde-code-load-video-on-click.jpg&#8221; alt=&#8221;Gewijzigde code load video on click&#8221; title_text=&#8221;Gewijzigde code load video on click&#8221; _builder_version=&#8221;4.27.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Categorieen\"><\/span>Categorie\u00ebn<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Weet je nog niet wat categorie\u00ebn en tags zijn? Lees dan mijn blog <a href=\"https:\/\/burorader.com\/nl\/categorieen-en-tags-in-wordpress\/\">Categorie\u00ebn en tags in WordPress<\/a>.<\/p>\n<p>Je kunt je blogs indelen in categorie\u00ebn. In de rechterkolom geef je dit aan. Hier kun je ook categorie\u00ebn toevoegen, maar dat kan ook in het dashboard: <strong>Berichten<\/strong> =&gt; <strong>Categorie\u00ebn<\/strong>.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Tags\"><\/span>Tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om er voor te zorgen dat blogartikelen de juiste vormgeving en de juiste taalversie van de footer krijgen, zul je de blogs een taal tag moeten geven: EN voor Engelstalige blogs, IT voor Italiaanse blogs, NL voor Nederlandstalige blogs, PT voor Portugese blogs en FR voor Franstalige blogs.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Uitgelichte_afbeelding\"><\/span>Uitgelichte afbeelding<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Dit is de afbeelding die boven aan je blogpost verschijnt en die ook te zien is in het blogoverzicht. Klik op Uitgelichte afbeelding selecteren om de afbeelding toe te voegen. De template zorgt voor een goede uitsnede van deze uitgelichte afbeelding. Je kunt dus een foto uit het blog hiervoor hergebruiken.<\/p>\n<h3><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;Hierna&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; ol_line_height=&#8221;1.8em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Een_blog_bewerken\"><\/span>Een blog bewerken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Een blogbericht bewerk je dus\u00a0<strong>nooit\u00a0<\/strong> in Divi. Om een blogbericht te bewerken kun je<\/p>\n<ol>\n<li>naar het blogbericht gaan en in de zwarte balk bovenaan de pagina klikken op <strong>Bericht<\/strong><strong>\u00a0bewerken<\/strong> of<\/li>\n<li>naar de lijst met\u00a0<strong>Alle berichten<\/strong> gaan en met je muis over het te bewerken blogbericht gaan, zodat je ook hier op\u00a0<strong>Bewerken<\/strong> kunt klikken<\/li>\n<\/ol>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;1px||1px||true|false&#8221; global_module=&#8221;11494&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Automatische_inhoudsopgave_%E2%80%93_plugin_instellen\"><\/span>Automatische inhoudsopgave &#8211; plugin instellen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Voor het toevoegen van inhoudsopgave op een pagina (zoals bovenaan deze pagina) of in een blog, wordt de <a href=\"https:\/\/nl.wordpress.org\/plugins\/easy-table-of-contents\/\" target=\"_blank\" rel=\"noopener\">Easy Table of Contents plugin<\/a> gebruikt.<\/p>\n<p>Bij de instellingen zal naar gelang waar je inhoudsopgave zou willen toevoegen, berichten en of pagina&#8217;s aangevinkt moeten worden.<\/p>\n<p><strong>Let op:<\/strong> vink dit aan bij <strong>Ondersteuning inschakelen<\/strong> en niet bij <strong>Automatisch invoegen<\/strong>, tenzij je op al je pagina&#8217;s of in al je berichten een inhoudsopgave wilt hebben.<\/p>\n<p>Kies bij positie\u00a0<strong>Boven<\/strong>.<\/p>\n<p>De overige instellingen kun je laten staan.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/04\/inhoudsopgave-toevoegen-aan-pagina-en-blog.jpg&#8221; alt=&#8221;Inhoudsopgave toevoegen aan pagina en blog &#8221; title_text=&#8221;Inhoudsopgave toevoegen aan pagina en blog&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/04\/inhoudsopgave-toevoegen-positie.jpg&#8221; alt=&#8221;Inhoudsopgave toevoegen positie kiezen&#8221; title_text=&#8221;Inhoudsopgave toevoegen positie kiezen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;11496&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Automatische_inhoudsopgave_toevoegen_%E2%80%93_weergeven_op_een_pagina_of_in_een_blog\"><\/span>Automatische inhoudsopgave toevoegen &#8211; weergeven op een pagina of in een blog<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Door het juist instellen van de plugin is er aan je pagina&#8217;s en\/of je blogs een veld toegevoegd, waar je kan aangeven dat je op die pagina of in dat blog een inhoudsopgave wilt tonen. Dit veld bevindt zich niet in de Divi pagebuilder, maar in de bewerk-versie van de pagina of de blog. Daar waar je bijvoorbeeld ook Rank Math of Yoast vindt.<\/p>\n<p>Hier kun je aangeven welke tussenkopjes (h2, h3, enzovoort) je in de inhoudsopgave wilt opnemen, je kopjes een andere tekst wilt geven in de inhoudsopgave dan deze daadwerkelijk is en welke kopjes je eventueel wilt uitsluiten. Zie hiervoor ook onderstaande afbeelding.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/04\/inhoudsopgave-veld-op-pagina-of-bericht.jpg&#8221; alt=&#8221;Inhoudsopgave veld op pagina of bericht&#8221; title_text=&#8221;Inhoudsopgave veld op pagina of bericht&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;17918&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Call_to_action_knop_toevoegen_in_blog\"><\/span>Call to action knop toevoegen in blog<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Natuurlijk wil je dat de lezers van jouw blog tot actie overgaan. Een call to action knop kan daarbij helpen. Zeker wanneer je weet dat bezoekers van een website eerder geneigd zijn om op een knop te klikken, dan op een tekstlink.<\/p>\n<p>Om een knop toe te voegen klik je bovenaan op het icoontje <strong>Add ET Button<\/strong>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/09\/ET-knop-toevoegen-in-blog-knop.jpg?_t=1726144685&#8243; alt=&#8221;ET knop toevoegen in blog knop&#8221; title_text=&#8221;ET knop toevoegen in blog knop&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Vervolgens vul je in de popup het volgende in:<\/p>\n<ul>\n<li>bij L<strong>ink<\/strong> vervang je de hashtag door de URL waar de bezoekers naartoe gaan wanneer ze op de knop klikken<\/li>\n<li><strong>Type<\/strong> (small) en <strong>Color<\/strong> (blue) niet aanpassen &#8211; via deze aanduidingen kan ik namelijk de vormgeving van de knop aanpassen aan jouw website. Wanneer je Type en\/of Color verandert, worden mijn instructies genegeert en zal de knop dus niet meer de gewenst vormgeving krijgen<\/li>\n<li>bij <strong>Content<\/strong> vul je de tekst in die in de knop moet verschijnen. Deze tekst moet vanzelfsprekend oproepen tot actie<\/li>\n<li><strong>Open link in new window<\/strong>:<br \/><strong>no<\/strong> wanneer het een link betreft binnen jouw website<br \/><strong>yes\u00a0<\/strong>wanneer het een andere website betreft<\/li>\n<li>klik op <strong>Ok<\/strong> om de knop toe te voegen aan jouw blog<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/09\/ET-knop-toevoegen-in-blog-popup.jpg?_t=1726144886&#8243; alt=&#8221;ET knop toevoegen in blog popup&#8221; title_text=&#8221;ET knop toevoegen in blog popup&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Hieronder kun je zien hoe de knop er in de tekstopmaak van een blog uitziet.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/09\/ET-knop-toevoegen-in-blog-tekst.jpg?_t=1726145262&#8243; alt=&#8221;ET knop toevoegen in blog tekst&#8221; title_text=&#8221;ET knop toevoegen in blog tekst&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_module=&#8221;17004&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; header_4_font_size=&#8221;22px&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"De_Rank_Math_SEO_plugin\"><\/span>De Rank Math SEO plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Als hulpmiddel voor SEO is de <a href=\"https:\/\/rankmath.com\/\" target=\"_blank\" rel=\"noopener\">Rank Math SEO plugin<\/a> aan jouw website toegevoegd. Ik gebruik bewust deze plugin en niet de Yoast SEO plugin, omdat deze plugin gratis meer mogelijkheden biedt dan de plugin van Yoast. De werking is verder eigenlijk gelijk. Beide plugins geven feedback of de zoekterm die jij heb bedacht voor een pagina op de juiste plaatsen en juiste aantal, op de pagina voorkomt.<\/p>\n<blockquote>\n<p><strong>Let op<\/strong>: een SEO plugin is een <strong>hulpmiddel<\/strong>. Het helpt je niet om je positie in Google te verbeteren. Die positie wordt bepaald door het op de <strong>juiste plekken<\/strong> in zetten van de <strong>juiste zoekterm<\/strong>.<\/p>\n<\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"Veel_mogelijkheden\"><\/span>Veel mogelijkheden<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Zoals geschreven, de plugin biedt veel mogelijkheden. Ik beperk me hier tot 4 zaken: wat verschijnt er in de zoekresultaten, feedback op het inzetten van een zoekterm, social media afbeeldingen en het toevoegen van 301 redirects. Voor deze functionaliteiten is de plugin aan jouw website toegevoegd. De andere functionaliteiten zijn een prettige bijvangst, maar waar jij normaal gesproken geen gebruik van hoeft te maken.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Wat_verschijnt_er_in_de_zoekresultaten\"><\/span>Wat verschijnt er in de zoekresultaten<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Toen je de templates voor de teksten invulde moest je ook zaken als SEO titel en meta omschrijving invullen. Deze zaken zijn vervolgens ook ingegeven via de Rank Math SEO plugin.<\/p>\n<p>Op nieuwe pagina&#8217;s zul je dit dus ook moeten ingeven \/ aanpassen. Dit doe je voor blogberichten door naar <strong>Bericht bewerken\u00a0<\/strong>en voor pagina&#8217;s naar\u00a0<strong>Pagina bewerken<\/strong> te gaan. Je doet dit dus <strong>niet in de Divi omgeving<\/strong>.<\/p>\n<blockquote>\n<p>Overigens zit er wel een Rank Math SEO knop in de Divi omgeving. Deze geeft je in de Page Builder direct feedback op de wijzigingen.<\/p>\n<\/blockquote>\n<p>Wanneer je op de pagina naar beneden scrollt kom je onderstaand blok tegen.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/Rank-Math-SEO-plugin-dashboard.jpg&#8221; alt=&#8221;Rank Math SEO plugin dashboard&#8221; title_text=&#8221;Rank Math SEO plugin dashboard&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Informatie_zichtbaar_in_Google\"><\/span>Informatie zichtbaar in Google<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om de informatie die zichtbaar is in de zoekresultaten van Google te bewerken, klik je op\u00a0<strong>Fragment bewerken<\/strong>. Je kunt vervolgens de volgende velden invullen.\u00a0<strong>Kunt<\/strong>, want niet alle velden zul je hoeven aan te passen.<\/p>\n<p>Rank Math geeft feedback op het ingevulde door middel van kleurtjes. <span style=\"color: red;\">Rood<\/span> is niet goed, <span style=\"color: green;\">groen<\/span> is goed.<\/p>\n<p><strong>Titel<\/strong>: dit is de 2e tekstregel in het zoekresultaat en deze wordt automatisch gegenereerd. Wanneer deze te lang is, kun je hem aanpassen door bijvoorbeeld de %sep% %sitename% te verwijderen. Of door %title% of %page% te verwijderen en handmatig een kortere paginatitel in te geven. Zaken met een %-teken worden automatisch afgeleid. %sep% is daarbij het verticale streepje tussen de paginatitel en de naam van de website.<\/p>\n<p><strong>Permalink<\/strong>: dit is de bovenste tekstregel in het zoekresultaat en is als het ware de URL. Ook deze kun je indien nodig aanpassen, maar pas hier mee op. Wanneer andere pagina&#8217;s naar deze pagina verwijzen, zul je de link moeten aanpassen. En wanneer de pagina al ge\u00efndexeerd is door Google (dus in zoekresultaten kan verschijnen), zul je een <a href=\"https:\/\/burorader.com\/nl\/wat-zijn-301-redirects\/\">301 redirect<\/a> moeten aanmaken.<\/p>\n<p><strong>Beschrijving<\/strong>: die is de meta omschrijving. Je wilt dat deze tekst ervoor zorgt dat mensen op jouw link in de zoekresultaten klikken. Lees zeker mijn blog <a href=\"https:\/\/burorader.com\/nl\/een-goede-meta-omschrijving\/\">Hoe een goede meta omschrijving je klanten kan opleveren<\/a>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/Rank-Math-SEO-plugin-fragment-bewerken.jpg&#8221; alt=&#8221;Rank Math SEO plugin fragment bewerken&#8221; title_text=&#8221;Rank Math SEO plugin fragment bewerken&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Feedback_op_inzetten_zoekterm\"><\/span>Feedback op inzetten zoekterm<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>In het gedeelte onder het fragment staat als eerste de zoekterm die je voor deze pagina hebt bedacht en wel in het veld <strong>Focus keyword<\/strong>.<\/p>\n<p>De feedback vindt hier ook weer door middel van kleuren plaats, maar ook door middel van een score. 100\/100 halen is zo goed als onmogelijk. Ik richt me altijd op een score van 80 of hoger. Er zijn 4 onderdelen. Het 1e onderdeel staat automatisch uitgeklapt, de overige 3 zul je zelf even moeten uitklappen.<\/p>\n<p>In het overzicht zul je zien of je de door jou gekozen zoekterm op de juiste plaatsen en een genoeg aantal keren (niet te weinig, maar zeker ook niet teveel) hebt ingezet. Alle feedback is in het Nederlands, behalve\u00a0<strong>Keyword Density<\/strong>. Dit is het aantal keer dat je de zoekterm hebt gebruikt.<\/p>\n<p>In mijn voorbeeld zou ik de zoekterm\u00a0<strong>WordPress website vertalen<\/strong> niet voldoende hebben gebruikt. Dit komt omdat ik soms het woordje\u00a0<strong>te<\/strong> gebruikte tussen\u00a0<strong>WordPress website<\/strong> en\u00a0<strong>vertalen<\/strong>. Rank Math herkent dit niet, terwijl Google nog steeds begrijpt dat dit blog over\u00a0<strong>WordPress website vertalen<\/strong> gaat. En soms komt het onnodig krom over om een zoekterm letterlijk toe te voegen. Dat kan, je schrijft nog altijd voor de bezoeker en niet voor zoekmachines.<\/p>\n<p>Je kunt op het vraagteken achter de feedback klikken om meer informatie over deze bepaalde feedback te krijgen.<\/p>\n<blockquote>\n<p>Een kleine kanttekening bij de feedback over\u00a0<strong>Leesbaarheid titel<\/strong>. Bij blogs kan het handig zijn om een zogenaamd\u00a0<strong>Power word<\/strong> te gebruiken, maar dit hoeft niet. Dit zijn woorden zoals bijvoorbeeld <strong>beste<\/strong>,\u00a0<strong>mooiste<\/strong> en\u00a0<strong>leukste<\/strong>. Idem voor het gebruik van een getal. Ook dit is eigenlijk alleen bij blogs van toepassing. Denk bijvoorbeeld aan\u00a0<strong>7 tips voor een opgeruimd huis<\/strong>.<\/p>\n<\/blockquote>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/Rank-Math-SEO-plugin-feedback-inzetten-zoekterm.jpg&#8221; alt=&#8221;Rank Math SEO plugin feedback op inzetten zoekterm&#8221; title_text=&#8221;Rank Math SEO plugin feedback op inzetten zoekterm&#8221; _builder_version=&#8221;4.24.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Social_media_afbeeldingen\"><\/span>Social media afbeeldingen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je een blog of pagina deelt op social media, verschijnt daar een afbeelding bij. Je kunt in Rank Math instellen welke afbeelding dat moet zijn. Bij blogs wordt overigens automatisch de\u00a0<strong>Uitgelichte afbeelding<\/strong> gekozen. Wanneer jouw website door mij is gemaakt, is die afbeelding over het algemeen de afbeelding die helemaal bovenaan een blog staat.\u00a0<\/p>\n<p>Bij pagina&#8217;s stel je over het algemeen geen uitgelichte afbeelding in en zal er een random afbeelding verschijnen wanneer je een pagina deelt op social media.<\/p>\n<p>Om aan te geven welke afbeelding er bij je social media bericht moet komen, ga je naar <strong>Bewerken<\/strong> van de blog of de pagina (dus niet in Divi) en klik in het Rank Math deel op de <strong>Social tab<\/strong>.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/12\/Rank-Math-social-tab.jpg&#8221; alt=&#8221;Rank Math social tab&#8221; title_text=&#8221;Rank Math social tab&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>In de popup die verschijnt klik je op het zwarte vlak om de gewenste afbeelding te uploaden. Wanneer je naar beneden scrollt kun je ook nog een titel en beschrijving toevoegen. Vergeet niet op te slaan.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/12\/Rank-Math-social-foto-uploaden.jpg&#8221; alt=&#8221;Rank Math social &#8211; foto uploaden&#8221; title_text=&#8221;Rank Math social &#8211; foto uploaden&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"301_redirects\"><\/span>301 redirects<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je een URL wijzigt, zul je een 301 redirect moeten toevoegen. 301 redirects zijn als het ware verhuisberichten voor Google. Je kunt er meer in lezen in mijn blog <a href=\"https:\/\/burorader.com\/nl\/wat-zijn-301-redirects\/\">Wat zijn 301 redirects?<\/a><\/p>\n<p>Rank Math geeft een seintje wanneer je een URL wijzigt en wijst je erop dat je een 301 redirect kan instellen.<\/p>\n<p>Als eerste zul je de redirect functionaliteit in Rank Math moeten aanzetten. Ga hiervoor in het dashboard bij\u00a0<strong>Rank Math SEO<\/strong> naar\u00a0<strong>Dashboard<\/strong>. Zoek het tegeltje met\u00a0<strong>Omleidingen<\/strong> en wanneer deze nog niet geactiveerd is, activeer je deze. Wanneer de knop blauw is, is de functionaliteit geactiveerd.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/12\/Rank-Math-omleidingen-aanzetten.jpg&#8221; alt=&#8221;Rank Math omleidingen aanzetten&#8221; title_text=&#8221;Rank Math omleidingen aanzetten&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Tip<\/strong>: activeer ook gelijk de <strong>404 monitor<\/strong> functionaliteit. Mocht een bezoeker toch op een niet (meer) bestaande pagina van jouw website terecht komen, dan verschijnt die pagina in het Rank Math menu bij\u00a0<strong>404 monitor<\/strong> en kun je alsnog een 301 redirect aanmaken.<\/p>\n<p>Om een\u00a0<strong>301 redirect toe te voegen<\/strong> ga ik in het Rank Math menu naar\u00a0<strong>Omleidingen<\/strong> en klik je bovenaan de pagina op de knop\u00a0<strong>Nieuwe toevoegen<\/strong>.<\/p>\n<p>Bij\u00a0<strong>Source URL<\/strong> vul je de oude URL in.<\/p>\n<p>Bij <strong>Destination URL<\/strong> vul je de gewijzigde URL in.<\/p>\n<p>Je laat\u00a0<strong>301 Permanant Move<\/strong> en\u00a0<strong>Activate<\/strong> aanstaan en klikt op\u00a0rechtsonder op de knop\u00a0<strong>Add redirection<\/strong>.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/12\/Rank-Math-301-redirect-toevoegen.jpg&#8221; alt=&#8221;Rank Math 301 redirect toevoegen&#8221; title_text=&#8221;Rank Math 301 redirect toevoegen&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Geen_Rank_Math_op_je_website_toch_301_redirects\"><\/span>Geen Rank Math op je website, toch 301 redirects?<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Heb je geen Rank Math op je website, maar moet je toch 301 redirects aanbrengen, dan kun je gebruik maken van de <a href=\"https:\/\/wordpress.org\/plugins\/redirection\/\" target=\"_blank\" rel=\"noopener\">Redirection plugin van John Godley<\/a>.<\/p>\n<p>Deze plugin werkt supereenvoudig:<\/p>\n<ul>\n<li>vul bij <strong>Source URL<\/strong> de URL in van de pagina die doorverwezen moet worden<\/li>\n<li><strong>Title<\/strong> kun je leeglaten<\/li>\n<li><strong>Match<\/strong>: URL only<\/li>\n<li><b>When matched<\/b>: Redirect to URL\u00a0<strong>with HTTP code<\/strong> 301 &#8211; Moved Permenantly<\/li>\n<li>vul bij <strong>Target URL<\/strong> de URL in van de pagina waar de bezoeker naartoe gestuurd moet worden<\/li>\n<li><strong>Group<\/strong> en\u00a0<strong>Position<\/strong> kun je leeglaten.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2025\/11\/redirections-plugin.png&#8221; alt=&#8221;301 redirect plugin&#8221; title_text=&#8221;301 redirect plugin&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;1&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Vertalen\"><\/span>Vertalen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"BELANGRIJK_Vertalen_van_in_Divi_bibliotheek_opgeslagen_lay-outs\"><\/span>BELANGRIJK: Vertalen van in Divi bibliotheek opgeslagen lay-outs<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Voordat er met het vertalen van pagina&#8217;s en blogberichten kan worden begonnen, is het belangrijk om de in de Divi bibliotheek opgeslagen lay-outs te vertalen.<\/p>\n<p>Op die manier verschijnen deze elementen bij het vertalen direct in de juiste taalversie op de pagina.<\/p>\n<p>Ga hiervoor naar\u00a0<strong>Divi =&gt; Divi bibliotheek<\/strong> en klik op de plus-tekens achter de opgeslagen lay-outs om deze te vertalen.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/divi-lay-out-item-vertalen.jpg&#8221; alt=&#8221;Divi lay-out item vertalen&#8221; title_text=&#8221;Divi lay-out item vertalen&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; admin_label=&#8221;2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Vertalen_van_paginas_en_berichten_blogpost\"><\/span>Vertalen van pagina&#8217;s en berichten (blogpost)<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je een pagina of een bericht (= blogpost) ook in een andere taal wilt publiceren ga je in het dashboard bij <strong>Pagina&#8217;s<\/strong> naar <strong>Alle pagina&#8217;s<\/strong> of bij <strong>Berichten<\/strong> naar <strong>Alle berichten<\/strong>. Klik op het +-teken om de pagina of het bericht in een andere taal toe te voegen.<\/p>\n<p>&nbsp;<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/pagina-vertalen-via-wpml-selectie.jpg&#8221; alt=&#8221;Taal selecteren&#8221; title_text=&#8221;pagina-vertalen-via-wpml-selectie&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Wanneer je op het plusteken klikt, opent zich een nieuw scherm; de Advanced Translation Editor. Dit ziet er zo uit:<br \/>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/WPML-Advanced-Translation-Editor-1.jpg?_t=1728331159&#8243; alt=&#8221;WPML Advanced Translation Editor&#8221; title_text=&#8221;WPML Advanced Translation Editor&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Een aandachtspunt zijn de tags die WPML meegeeft aan vetgedrukte en cursieve teksten en aan links. Deze worden door middel van kleurcodes die het vakje staan waar je de vertaling plaatst aangegeven. Selecteer in de vertaalde tekst het woord wat in de vertaling ook cursief of vet moet worden getoond of waar een interne link aan moet worden toegevoegd.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/12\/WPML-kleurcoderingen.jpg&#8221; alt=&#8221;WPML kleurcoderingen&#8221; title_text=&#8221;WPML kleurcoderingen&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><strong>Let op<\/strong>: je kunt de vertaling niet opslaan zonder dat je de code hebt toegevoegd. En\u00a0<strong>tevens<\/strong> is kan het ook zo zijn dat de\u00a0<strong>link die je toevoegt<\/strong>, zeker bij interne links, in de vertaling anders is, dan in het orgineel. Dat is geen probleem &#8211; je kunt de link aanpassen. Soms moet je dan wel het slotje van de link halen door op het slot icoontjes te klikken.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2025\/04\/wpml-kleurcoderingen-overrulen.jpg&#8221; alt=&#8221;WPML kleurcoderingen overrulen&#8221; title_text=&#8221;WPML kleurcoderingen overrulen&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Wanneer alle teksten vertaald zijn en je onderaan de pagina\u00a0<strong>100% complete<\/strong> hebt staan, klik je op de groene\u00a0<strong>Complete<\/strong> knop. Na een paar minuten is de pagina ook in de vertaalde versie online.<\/p>\n<p>Wanneer je een pagina hebt vertaald, zul je daarna niet meer hoeven terug te keren in de WPML-omgeving. Wanneer je wijzigingen in de vertaalde pagina wilt aanbrengen, zul je dat in <strong>Divi<\/strong> doen.<\/p>\n<p>Hetzelfde geldt voor blogberichten. Wanneer je een vertaalde blog wilt wijzigen, doe je dat door of in het blog overzicht op\u00a0<strong>Bewerken<\/strong> te klikken of door wanneer je het blog geopend hebt op\u00a0<strong>Bewerken<\/strong> te klikken.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<strong>Tip: Om een pagina eenvoudig terug te vinden kun je op in het pagina overzicht op Datum klikken, de nieuwste pagina verschijnt dan boven aan. <\/strong>Mocht je niet alle pagina&#8217;s zien, kijk dan of je wel alle talen hebt geselecteerd. Deze functie vind je in de bovenste balk van het WordPress dashboard. Zie onderstaande afbeelding.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/selectie-talen-wordpress-dashboard-1.jpg&#8221; alt=&#8221;Selectie van talen in het WordPress dashboard&#8221; title_text=&#8221;Selectie van talen in het WordPress dashboard&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; box_shadow_style=&#8221;preset2&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;3em||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Menu_vertalen\"><\/span>Menu vertalen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; admin_label=&#8221;6&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;0px||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Ga in <strong>Weergave<\/strong> naar\u00a0<strong>Menu&#8217;s<\/strong>. Rechtsboven in het menustructuur kun je vervolgens op het plusteken klikken bij de taal welke je aan het menu wilt toevoegen. Je kunt vervolgens de pagina&#8217;s aan dit nieuwe menu toevoegen.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/WPML-handmatig-menu-toevoegen.jpg&#8221; alt=&#8221;WPML handmatig menu toevoegen&#8221; title_text=&#8221;WPML handmatig menu toevoegen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;7&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; admin_label=&#8221;7&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]Via drag &amp; drop kun je menu items op hun juiste plek in het menu plaatsen. Door op het driehoekje rechts te klikken kun je bij <strong>Navigatielabel<\/strong> de naam van de link die in het menu verschijnt aanpassen. Zo was in het voorbeeld de tekst oorspronkelijk\u00a0<strong>Onderhoudsabonnement website<\/strong>, maar omdat dit nogal lang is, veranderde ik dit in het menu in\u00a0<strong>Onderhoud<\/strong>.<br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; admin_label=&#8221;8&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/pagina-toevoegen-aan-menu.jpg&#8221; alt=&#8221;Pagina toevoegen aan menu&#8221; title_text=&#8221;Pagina toevoegen aan menu&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/menu-item-tekst-aanpassen.jpg&#8221; alt=&#8221;Menu item tekst aanpassen&#8221; title_text=&#8221;Menu item tekst aanpassen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;2_3,1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Vertalen_van_categorieen_en_tags\"><\/span>Vertalen van categorie\u00ebn en tags<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ga hiervoor in het dashboard naar\u00a0<strong>WPML<\/strong> en vervolgens naar\u00a0<strong>Taxonomievertaling.<\/strong> Selecteer vervolgens <strong>Categorie<\/strong> of <strong>Tag<\/strong>. Klik vervolgens op het plusteken achter de vertalen categorie of tag om deze te vertalen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/wpml-taxonomie-vertaling-categorie-en-tag.jpg&#8221; alt=&#8221;WPML taxonomievertaling van categorie\u00ebn en tags&#8221; title_text=&#8221;WPML taxonomievertaling van categorie\u00ebn en tags&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"BELANGRIJK_Afbeeldingen_vertalen_inclusief_afwijkende_afbeelding\"><\/span>BELANGRIJK: Afbeeldingen vertalen inclusief afwijkende afbeelding<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Soms vertaal je de alt- en titelteksten tegelijkertijd met het vertalen van een pagina. Maar de meeste voor de meeste afbeeldingen zul je de belangrijke alt- en title teksten via Media translation moeten vertalen.<\/p>\n<p>Ga hiervoorvia het <strong>WPML dashboard<\/strong> naar\u00a0<strong>Media translation<\/strong>. Daar kun je afbeelding zoeken en vervolgens via het plusteken achter de afbeelding de vertaling toevoegen.<\/p>\n<p>Zoeken kun je door een woord uit de bestandsnaam in te typen. Het is daarom ook heel belangrijk om je bestanden logische namen te geven!<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/WPML-afbeelding-vertalen.jpg&#8221; alt=&#8221;WPML afbeelding vertalen&#8221; title_text=&#8221;WPML afbeelding vertalen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<strong>Afwijkende afbeelding<br \/>\n<\/strong>Maar het kan natuurlijk ook zo zijn, dat je per taalversie een andere afbeelding wilt plaatsen. Ook dit kun je in het\u00a0<strong>Media translation<\/strong> gedeelte doen. Wanneer je namelijk op het plusteken klikt opent zich een popup, zoals hiernaast te zien is. Wanneer je over de vertalen afbeelding hovert, verschijnt een uploadicoon. Klik en zoek op je pc naar de foto die je wilt plaatsen.<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/01\/WPML-afbeelding-taalversie-wijzigen.jpg&#8221; alt=&#8221;WPML afbeelding taalversie wijzigen&#8221; title_text=&#8221;WPML afbeelding taalversie wijzigen&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Updaten_van_de_footer_%E2%80%93_Bijvoorbeeld_copyrightjaartal\"><\/span>Updaten van de footer &#8211; Bijvoorbeeld copyrightjaartal<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Het updaten van de footer en het aanpassen van de andere talen\u00a0 gaat in 2 stappen.<\/p>\n<p>De footer is gemaakt via de Theme Builder. Om deze aan te passen ga je eerst in het dashboard naar <strong>Divi =&gt; Theme Builder<\/strong>. Door op (<b>Wereldwijde) voettekst<\/b> te klikken kun je de footer in de brontaal aanpassen. Over het algemeen is er 1 globale footer die voor alle pagina&#8217;s geldig is. Zoals alle globale items wordt dit via de <span style=\"color: #97d000;\">gifgroene<\/span> kleur weergegeven. Klik op het potloodicoontje om deze aan te passen. Het aanpassen werkt net zoals andere aanpassingen in Divi. Vergeet na het aanpassen niet om de wijziging via de knop rechtsonder op te slaan.<\/p>\n<p>Het kan zijn dat je voor bepaalde pagina&#8217;s een afwijkende footer hebt. Deze zul je ook allemaal moeten aanpassen.<br \/>\n[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/divi-aanpassen-global-footer.jpg&#8221; alt=&#8221;Divi aanpassen global footer&#8221; title_text=&#8221;Divi aanpassen global footer&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Aanpassen_van_de_footer_teksten_in_andere_talen\"><\/span>Aanpassen van de footer teksten in andere talen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je de footer in de brontaal hebt aangepast, wil je de wijzigingen waarschijnlijk ook doorvoeren in de andere talen. Dit doe je\u00a0<strong>niet<\/strong> in Divi, maar in WPML.<\/p>\n<p>Ga hiervoor in het dashboard naar <strong>WPML =&gt; Stringvertaling<\/strong>. In het vakje\u00a0<strong>Zoeken naar<\/strong>: type je een of meerdere woorden in die in de brontaal van de footer voorkomen.\u00a0 Klik op het potloodje om de andere taal\/talen aan te passen.<\/p>\n<p>Een pop-up opent zich en je kunt hier de wijzigingen aanbrengen. Opslaan gebeurt door\u00a0<strong>enter<\/strong> te doen.\u00a0<strong>De tekst is in HTML, let er dus op dat je de HTML-codes niet verandert.<\/strong><br \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/wpml-stringtranslation-potloodje.jpg&#8221; alt=&#8221;WPML stringtranslation potloodje om bewerkveld te openen&#8221; title_text=&#8221;WPML stringtranslation potloodje om bewerkveld te openen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/01\/wpml-stringtranslation-popup.jpg&#8221; alt=&#8221;WPML stringtranslation popup om tekst te bewerken&#8221; title_text=&#8221;WPML stringtranslation popup om tekst te bewerken&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.23.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;13271&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Reviews\"><\/span>Reviews<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Voor het toevoegen van Reviews wordt de <a href=\"https:\/\/wordpress.org\/plugins\/strong-testimonials\/\" target=\"_blank\" rel=\"noopener\">Strong Testimonials plugin<\/a> gebruikt. Reviews kunnen op 2 manieren worden toegevoegd: handmatig (bijvoorbeeld overgenomen uit een papieren gastenboek) of door het versturen van link naar klanten.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Handmatig_toevoegen_van_een_Reviews\"><\/span>Handmatig toevoegen van een Reviews<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ga in het dashboard naar <b>Aanbevelingen <\/b>=&gt; <strong>Nieuwe aanbeveling toevoegen<\/strong>. Voeg toe:<\/p>\n<ul>\n<li>Bovenaan: titel. Een pakkende tekst.<\/li>\n<li>Het grote tekstvlak: de review.<\/li>\n<li>Client details: de naam van de klant(en).<\/li>\n<\/ul>\n<p>In de rechterkolom kun je door bij <strong>Onmiddellijk publiceren<\/strong> op <strong>Bewerken<\/strong> te klikken, de datum aanpassen.<\/p>\n<p>Bij het SEO blok en bij Samenvatting hoeft niets ingevuld te worden.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Reviews_weergeven\"><\/span>Reviews weergeven<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je voegt reviews toe aan een pagina door een view aan te maken en door vervolgens de shortcode van de view als code aan een tekstmodule or direct als code in een codemodule te plaatsen. Ga hiervoor naar <strong>Aanbevelingen =&gt; Views =&gt; Nieuwe Aanbeveling.<\/strong><\/p>\n<p>Bij <b>Query <\/b>vind je de verschillende weergavemogelijkheden:<\/p>\n<ul>\n<li>1 of meer reviews &#8211; door het toekennen van een categorie kun je bijvoorbeeld alle reviews uit die categorie tonen, maar je kunt hier ook kiezen voor een bepaald aantal reviews . Maar je kunt ook alle reviews laten weergeven.<\/li>\n<li>een specifieke review &#8211; selectie door middel van een dropdown menu<\/li>\n<\/ul>\n<p>Je kunt ook de volgorde kiezen: de oudste of juist de nieuwste eerst.<\/p>\n<p>Ook is er de mogelijkheid om te kiezen welke informatie je wilt laten zien, of je een lees meer link wilt die bezoekers naar de pagina met al jouw reviews kan leiden. Bij <strong>Style<\/strong> kun je de vormgeving bepalen en by\u00a0<strong>lay-out<\/strong> de manier waarop de reviews geplaatst worden (tegels, blokken onder elkaar. etc.). Je kunt hier ook de achtergrond kleur en de tekstkleur aanpassen.<\/p>\n<p>Je kunt overigens een\u00a0<strong>slideshow<\/strong> view maken. Ook hier kun je met categorie\u00ebn werken en je eigen vormgeving bepalen.<\/p>\n<p>Wanneer je de view opslaat, zie een shortcode verschijnen. Deze staat nu ook in het overzicht van de views. Deze shortcode zul je <strong>als code<\/strong> moeten toevoegen op de plek waar je de review wilt plaatsen. Je doet dit dus hetzij <strong>als code<\/strong> in een tekstmodule hetzij direct in een codemodule.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Bepaalde_reviews_op_een_pagina_plaatsen_met_behulp_van_views_en_categorieen\"><\/span>Bepaalde reviews op een pagina plaatsen met behulp van views en categorie\u00ebn<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Reviews kunnen we niet alleen op een reviewpagina plaatsen waar alle reviews staan. We kunnen een bepaalde reviews die over bijvoorbeeld een specifiek aanbod gaat, ook plaatsen op de pagina over dat aanbod. Dit gebeurt door middel van <strong>views<\/strong> en\u00a0<strong>categorie\u00ebn<\/strong>.<\/p>\n<p>Een view is een weergave. Een weergave kan uit 1 review bestaan of uit meerdere review. Indien meerdere reviews dan kan dat een statische weergave zijn, zoals bijvoorbeeld op mijn <a href=\"https:\/\/burorader.com\/nl\/testimonials\/\">reviewpagina<\/a>, of een dynamische weergave in de vorm van een slideshow.<\/p>\n<p>Je kunt een review of meerdere reviews een (of meerdere) categorie\u00ebn toekennen. En in een view kun je weergeven welke categorie\u00ebn weergegeven moeten worden.<\/p>\n<p>Over het algemeen maakte ik reeds een aantal views voor je welke je op jouw website kan hergebruiken.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Een_view_kopieren_om_een_nieuwe_view_te_maken\"><\/span>Een view kopi\u00ebren om een nieuwe view te maken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Er verschijnt een menu wanneer je in het dashboard naar <strong>Aanbevelingen =&gt; Views<\/strong> gaat en je met je muis over een view gaat. Selecteer de view die je wilt kopi\u00ebren en klik hier op <strong>Kopie<\/strong>. Let op dat je de juiste view kopieert. Sommige views zijn slideshows, andere views hebben maar 1 review en de review pagina heeft een heel grid aan reviews.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/03\/strong-testimonials-view-kopieren-3.jpg&#8221; alt=&#8221;Strong Testimonials view kopi\u00ebren&#8221; title_text=&#8221;Strong Testimonials view kopi\u00ebren&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Vervolgens zul je in het scherm welke opent de volgende gegevens moeten invullen:<\/p>\n<ul>\n<li><strong>Naam<\/strong>: geef deze view (weergave) een logische naam, bijvoorbeeld de naam van de pagina waarop deze gebruikt gaat worden<\/li>\n<li><strong>Modus<\/strong>: in principe hoef je dit niet te wijzigen, aangezien je een view kopieert die je exact wilt hergebruiken<\/li>\n<li><strong>Selecteer<\/strong>: wanneer je maar 1 review wilt plaatsen, kun je hier die specifieke review selecteren<\/li>\n<li><strong>Categorie\u00ebn<\/strong>: wanneer je een of meerdere reviews van een bepaalde categorie wilt plaatsen, kun je dat hier aangeven<\/li>\n<li><strong>Volgorde<\/strong>: ik selecteer altijd\u00a0<strong>nieuwste eerst<\/strong><\/li>\n<li><strong>Aantal<\/strong>: wijzig ik nooit<\/li>\n<li>Bij\u00a0<strong>velden<\/strong> wijzig je niets; dit is al goed ingesteld bij de view die je kopieerde<\/li>\n<li>Ook bij\u00a0<strong>Extra<\/strong>, <strong>Stijl, Lay-out, Achtergrond, Lettertypekleur<\/strong> hoef je niets te wijzigen<\/li>\n<li>Klik wel op\u00a0<strong>Wijzigingen opslaan<\/strong>.<\/li>\n<\/ul>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/03\/strong-testimonials-gekopieerde-testimonial-bewerken.jpg&#8221; alt=&#8221;Strong Testimonials &#8211; gekopieerde testimonial bewerken&#8221; title_text=&#8221;Strong Testimonials &#8211; gekopieerde testimonial bewerken&#8221; _builder_version=&#8221;4.24.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"View_op_een_pagina_plaatsen\"><\/span>View op een pagina plaatsen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je de nieuwe view opslaat, krijgt deze een\u00a0<strong>shortcode<\/strong>. Die shortcode vind je terug in het dashboard bij <strong>Aanbevelingen =&gt; Views<\/strong>. Zie ook de afbeelding een stukje hierboven bij het onderdeel <strong>Een view kopi\u00ebren om een nieuwe view te maken<\/strong>. Je ziet daar helemaal rechts de shortcode staan.<\/p>\n<p>Het kan zo zijn dat je een bestaande pagina kopieerde en daar een andere view moet plaatsen. Ga hiervoor op zoek naar de module waar de view staat, en pas de shortcode aan. Je kunt ook heel eenvoudig alleen het getal aanpassen.<\/p>\n<p>Heb je een hele nieuwe pagina toegevoegd, dan is het het meest eenvoudig om de shortcode via een\u00a0<strong>Code module<\/strong> toe te voegen.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Volgorde_van_reviews_in_een_view\"><\/span>Volgorde van reviews in een view<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Over het algemeen heb ik de views zo ingesteld dat de meest recente review bovenaan getoond wordt. Je kunt de volgorde be\u00efnvloeden door de datum van de review aan te passen.<\/p>\n<p>[\/et_pb_text][et_pb_text ol_position=&#8221;outside&#8221; ol_item_indent=&#8221;22px&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; ol_font_size=&#8221;18px&#8221; ol_line_height=&#8221;1.7em&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Link_voor_review_naar_klanten_sturen\"><\/span>Link voor review naar klanten sturen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Via een link kun je klanten uitnodigen een review te schrijven. Wanneer een klant dit doet, ontvang je een berichtje en kun je aangeven of de review gepubliceerd mag worden.<\/p>\n<p>Ik maakte hiervoor een pagina aan die je in het pagina overzicht kunt terugvinden. Wanneer je onder deze pagina op\u00a0<strong>Bekijken<\/strong> klikt, opent de pagina zich en kun je de URL kopi\u00ebren. Je kunt vervolgens jouw klant in een mailtje wijzen op deze URL om hem of haar een review te laten schrijven. Je krijgt een mailtje wanneer er een nieuwe review is ingezonden. Teven zie je dit in het dashboard.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Review_goedkeuren_voor_publicatie\"><\/span>Review goedkeuren voor publicatie<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je kunt vervolgens de review goedkeuren voor publicatie. Dit doe je door in het Aanbevelingen overzicht op de review te klikken. De review opent en vervolgens kun je rechts op de knop <strong>Publiceren<\/strong> klikken.<\/p>\n<p>Na het zenden van de review krijgt de klant overigens automatisch een bedankbericht of bedankpagina te zien, waarop staat dat de review in afwachting van publicatie is.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Reviews_importeren_vanuit_Google\"><\/span>Reviews importeren vanuit Google<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Via een <a href=\"https:\/\/strongtestimonials.com\/pricing\/\" target=\"_blank\" rel=\"noopener\">betaalde versie van de Strong Testimonials plugin<\/a> kunnen Google reviews automatisch ge\u00efmporteerd worden. Je behoudt regie over welke reviews je wel of niet wilt publiceren.<\/p>\n<p>Je zult hiervoor in Google een API sleutel moeten downloaden.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Google_API_sleutel_voor_Strong_Testimonials\"><\/span>Google API sleutel voor Strong Testimonials<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<ol>\n<li>Ga naar de <a href=\"https:\/\/console.cloud.google.com\/\" target=\"_blank\" rel=\"noopener\">Google Cloud Console<\/a><\/li>\n<li>Maak een nieuw project aan (of kies een bestaand project)<br \/>Klik op &#8220;Select a project&#8221; en maak een nieuw project aan als je dat nog niet hebt.<br \/>Geef het project een herkenbare naam, zoals &#8220;Google Reviews API&#8221;.<\/li>\n<li>Activeer de Google Places API<br \/>Ga naar API&#8217;s en services &gt; Bibliotheek<br \/>Zoek naar &#8220;Places API&#8221; en klik op &#8220;Inschakelen&#8221;<br \/>Doe hetzelfde voor &#8220;Maps JavaScript API&#8221; (sommige plugins hebben dit ook nodig).<\/li>\n<li>Genereer een API-sleutel<br \/>Ga naar API&#8217;s en services &gt;<br \/>En dan naar:<br \/>Of: de enabled API<br \/>Of: Keys and credentials<br \/>Dan de desbetreffende api (places) Key kopi\u00ebren en aan Margriet doorgeven.<\/li>\n<\/ol>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Formulieren\"><\/span>Formulieren<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;14312&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Formulieren_met_Fluent_Forms\"><\/span>Formulieren met Fluent Forms<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Formulieren kunnen toegevoegd zijn met de <a href=\"https:\/\/nl.wordpress.org\/plugins\/fluentform\/\" target=\"_blank\" rel=\"noopener\">Fluent Forms plugin<\/a>, terug te vinden in het dashboard.<\/p>\n<p>Hier vind je een overzicht van de formulieren die op de website staan. Door met je muis over een formulier te gaan verschijnt er een submenu met onder andere\u00a0<strong>Bewerken<\/strong>. Klik daarop wanneer je iets in een formulier wilt wijzigen. De wijziging wordt na opslaan automatisch op de webpagina doorgevoerd.<\/p>\n<p>Maar je kunt hier ook formulieren\u00a0<strong>Dupliceren<\/strong>, om een formulier te kopi\u00ebren en vervolgens aan te passen om elders op de website te gebruiken.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/04\/formulieroverzicht-fluent-forms.jpg&#8221; alt=&#8221;Formulieroverzicht in Fluent forms&#8221; title_text=&#8221;Formulieroverzicht in Fluent forms&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Een_formulier_dupliceren\"><\/span>Een formulier dupliceren<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je je muis over een formuliernaam beweegt, verschijnt er een menu waar je op\u00a0<strong>Dupliceren<\/strong> kan klikken. Nadat je op Dupliceren hebt geklikt, opent het gekopieerde formulier zich.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Begin met het wijzigen van de naam van het formulier door linksboven op het potloodicoontje te klikken.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Forms-aanpassen-formuliernaam.jpg?_t=1728207035&#8243; alt=&#8221;Fluent Forms &#8211; aanpassen formuliernaam&#8221; title_text=&#8221;Fluent Forms &#8211; aanpassen formuliernaam&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Velden_aanpassen_en_kolommen_aanmaken\"><\/span>Velden aanpassen en kolommen aanmaken<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Wanneer je het formulier hebt gedupliceerd, kun je indien nodig velden toevoegen en\/of verwijderen.<\/p>\n<p>Om een veld te verwijderen, ga je met je muis naar een veld en klikt op de prullenbak icoon die op dat moment verschijnt.<\/p>\n<p>Naas het formulier zie je verschillende veldtypes staan. Deze kun je door middel van slepen in jouw formulier plaatsen. De Algemene velden zijn automatisch zichtbaar.<\/p>\n<p>Wil je met kolommen werken, dan zul je op\u00a0<strong>Container<\/strong> moeten klikken en kun je het gewenste aantal kolommen naar jouw formulier slepen en vervolgens vullen met velden.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Form-veld-verwijderen.jpg?_t=1728207284&#8243; alt=&#8221;Fluent Form &#8211; veld verwijderen&#8221; title_text=&#8221;Fluent Form &#8211; veld verwijderen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Form-container-met-3-kolommen.jpg?_t=1728207575&#8243; alt=&#8221;Fluent Form &#8211; container met 3 kolommen&#8221; title_text=&#8221;Fluent Form &#8211; container met 3 kolommen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Bedankpagina_of_bedankbericht\"><\/span>Bedankpagina of bedankbericht<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Nadat je het formulier hebt aangepast zul nog de instellingen voor het ontvangen moeten aanpassen.<\/p>\n<p>Klik daarvoor bovenaan het formulier op\u00a0<strong>Instellingen &amp; integraties<\/strong>.<\/p>\n<p>In het scherm wat zich opent kun je instellen wat er gebeurt nadat een bezoeker na het invullen van het formulier op verzenden klikt.<\/p>\n<p>Wanneer\u00a0<strong>To a page<\/strong> is ingesteld, opent er na verzending een (gemaakte) bedankpagina. Deze bedankpagina is via een dropdown te selecteren. Mocht je voor het nieuwe formulier een eigen bedankpagina willen hebben, dan zul je deze moeten maken. Eventueel door het kopi\u00ebren van een reeds aanwezige bedankpagina.<\/p>\n<p>Je kunt er ook voor kiezen om op de pagina waar het formulier staat, een bericht te plaatsen welke verschijnt wanneer een bezoeker op Verzenden heeft geklikt.<\/p>\n<p>Selecteer daar\u00a0<strong>Same page<\/strong> voor en pas eventueel bij\u00a0<strong>Bericht weergeven<\/strong> het bericht aan welke op de pagina zal verschijnen na inzending van het formulier.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Form-naar-bedankpagina.jpg?_t=1728208246&#8243; alt=&#8221;Fluent Form &#8211; naar bedankpagina&#8221; title_text=&#8221;Fluent Form &#8211; naar bedankpagina&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Form-bedankbericht-op-formulierpagina.jpg?_t=1728208525&#8243; alt=&#8221;Fluent Form &#8211; bedankbericht op formulierpagina&#8221; title_text=&#8221;Fluent Form &#8211; bedankbericht op formulierpagina&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"E-mail_kennisgevingen\"><\/span>E-mail kennisgevingen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om formulierinzendingen op de juiste manier naar jou gemaild te krijgen ga je in de linkerkolom naar <strong>E-mail kennisgevingen<\/strong>. Klik op het groene vakje rechts om aanpassingen te doen.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Form-tab-e-mail-kennisgevingen.jpg?_t=1728209366&#8243; alt=&#8221;Fluent Form &#8211; Tab e-mail kennisgevingen&#8221; title_text=&#8221;Fluent Form &#8211; Tab e-mail kennisgevingen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||2px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Wat staat waar ingevuld:<\/p>\n<ul>\n<li>\u00a0Naam: is de naam van de kennisgeving. Je kan namelijk meerdere kennisgevingen aanmaken. Ik gebruik hier standaard het onderwerp van de mail<\/li>\n<li>Verzenden naar: ontvangen van de mail<br \/>Meerdere ontvangers mogelijk, door\u00a0<strong>kommagescheiden<\/strong>, meerdere e-mailadressen in te geven.<\/li>\n<li>Onderwerpen: onderwerp van de mail<\/li>\n<li>E-mail body: Tekst die in de mail verschijnt. Hier worden door middel van de code {all_data} automatisch de ingevulden velden van het formulier overgenomen.\u00a0<strong>Die code dus nooit verwijderen<\/strong>!<\/li>\n<\/ul>\n<p>Vergeet ook niet onderaan op\u00a0<strong>Geavanceerd<\/strong> te klikken. Daar vind je namelijk de instelling die het beantwoorden naar het e-mailadres van de inzender van het formulier mogelijk maakt:<\/p>\n<ul>\n<li>Naam afzender: dat kan jouw (bedrijfs)naam zijn<\/li>\n<li>Van e-mail: gelijk als mailadres waarop jij de mail ontvangt<\/li>\n<li>Antwoord aan: de code {inputs.email} zorgt ervoor dat wanneer je de formulierinzending beantwoord, deze naar het e-mailadres van de inzender gaat.\u00a0<\/li>\n<li><strong>Die code dus nooit verwijderen<\/strong>!<\/li>\n<li>Bij BCC en CC kun je indien gewenst de mailadressen invullen waar jouw reactie op de inzending ook naar verzonden moet worden.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Aangepaste_knop_kleur\"><\/span>Aangepaste knop kleur<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Er is een grote kans dat ik de kleur van de verzendknop aanpaste van de standaard Fluent Forms kleur naar een kleur die op jouw website wordt gebruikt.<\/p>\n<p>Dit wordt gedaan door middel van een code die\u00a0 helaas voor elk formulier even bijgewerkt moet worden. Dit omdat elk formulier een eigen nummer heeft, waarin de code naar verwezen wordt.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Ga hiervoor in de linkerkolom naar\u00a0<strong>Aangepaste CSS\/JS<\/strong>.<\/p>\n<p>Hier vind je achter\u00a0<strong>Je mag toevoegen<\/strong> het nummer van het formulier. In het geval van het formulier in de afbeelding hiernaast is dat\u00a0<strong>14<\/strong>. Je zult zien dat de nummer<strong>s<\/strong> in de code anders zijn. In het geval van het formulier in de afbeelding hiernaast zal &#8211; en let op\u00a0<strong>altijd<\/strong> 2 keer aanpassen &#8211; de twee nummers\u00a0<strong>13<\/strong> vervangen moeten worden door 14. Vanzelfsprekend zijn deze nummers afhankelijk van het aantal formulieren op de website!<\/p>\n<p><strong>Pas verder niets aan in deze code!<\/strong>\u00a0<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/10\/Fluent-Form-knopkleur.jpg?_t=1728208930&#8243; alt=&#8221;Fluent Form &#8211; knopkleur&#8221; title_text=&#8221;Fluent Form &#8211; knopkleur&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Formulier_op_website_plaatsen\"><\/span>Formulier op website plaatsen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Je plaatst een formulier door middel van een\u00a0<strong>shortcode<\/strong>.<\/p>\n<p>Die shortcode staat bovenaan de pagina wanneer je een formulier bewerkt. Je hoeft er alleen maar op te klikken om deze te kunnen kopi\u00ebren. De shortcode staat ook op het scherm waar je alle formulieren terugvindt. Ook hier hoef je alleen maar op de shortcode te klikken om deze te kunnen kopi\u00ebren.<\/p>\n<p>Vervolgens kun je hem <strong>als code<\/strong> toevoegen daar waar jij dit formulier op jouw website wilt tonen. Dat toevoegen kan in een\u00a0<strong>codemodule<\/strong> en in het\u00a0<strong>tekstgedeelte<\/strong> van een\u00a0<strong>tekstmodule.<\/strong><span style=\"font-size: 18px;\">\u00a0<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/04\/klik-om-shortcode-te-kopieren.jpg&#8221; alt=&#8221;Klik om shortcode te kopieren&#8221; title_text=&#8221;Klik om shortcode te kopieren&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||2em||false|false&#8221; global_module=&#8221;14313&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/04\/formulier-fluent-forms-toevoegen-tekstmodule.jpg&#8221; alt=&#8221;Fluent Forms formulier toevoegen met tekstmodule&#8221; title_text=&#8221;Fluent Forms formulier toevoegen met tekstmodule&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><em>Fluent Forms shortcode toevoegen via tekstmodule<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2023\/04\/formulier-fluent-forms-toevoegen-codemodule.jpg&#8221; alt=&#8221;Fluent Forms formulier toevoegen met tekstmodule&#8221; title_text=&#8221;Fluent Forms formulier toevoegen met tekstmodule&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><em>Fluent Forms shortcode toevoegen via codemodule<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||3em||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_padding=&#8221;||||false|false&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Fluent_Forms_formulieren_in_andere_talen_toevoegen\"><\/span>Fluent Forms formulieren in andere talen toevoegen<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Fluent Forms formulieren kunnen niet via WPML vertaald worden. Om een formulier in een andere taal toe te voegen kun je het oorspronkelijke formulier kopi\u00ebren en vertalen en vervolgens de nieuwe shortcode toevoegen op de pagina waar het formulier moet komen.<\/p>\n<p>Denk er ook hier aan om het formulier naar de juiste bedankpagina te laten verwijzen. Je kunt dit instellen in de <strong>Instellingen &amp; integraties<\/strong> tab in het\u00a0<strong>Confirmation settings<\/strong> gedeelte. Selecteer in de allerbovenste werkbalk van jouw scherm\u00a0<strong>Alle talen<\/strong> of de juiste taal om eenvoudig de bedankpagina terug te vinden.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; custom_padding=&#8221;0px||0px||true|false&#8221; global_module=&#8221;13015&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text admin_label=&#8221;Formulieren met WPForms&#8221; _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Formulieren_met_WPForms\"><\/span>Formulieren met WPForms<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Voor het toevoegen van formulieren wordt ook wel gebruik gemaakt van de <a href=\"https:\/\/wordpress.org\/plugins\/wpforms-lite\/\" target=\"_blank\" rel=\"noopener\">WPForms plugin<\/a>,\u00a0terug te vinden in het dashboard.<\/p>\n<p>Hier vind je een overzicht van de formulieren die op de website staan. Door met je muis over een formulier te gaan verschijnt een submenu met onder andere <strong>Bewerken<\/strong>. Klik daarop wanneer je iets in een formulier wilt wijzigen. De wijziging wordt na opslaan automatisch op de webpagina doorgevoerd.<\/p>\n<p>Maar je kunt hier ook formulieren\u00a0<strong>dupliceren<\/strong>, om een formulier te kopi\u00ebren en vervolgens aan te passen om elders op de website te gebruiken.<\/p>\n<p>Je plaatst een formulier door middel van een\u00a0<strong>shortcode<\/strong>.<\/p>\n<p>Wanneer je een formulier toevoegt verschijnt bovenaan de pagina automatisch de knop <strong>&lt;\/&gt; Insluiten<\/strong>. Klik hierop en er verschijnt een pop-up waarin je onderaan op\u00a0<strong>gebruik een shortcode<\/strong> klikt. Er verschijnt een nieuwe pop-up met de shortcode en een kopieerknop, waarmee je eenvoudig de shortcode van het formulier kunt kopi\u00ebren.\u00a0Vervolgens kun je hem <strong>als code<\/strong> toevoegen daar waar jij dit formulier op jouw website wilt tonen. Dat toevoegen kan in een\u00a0<strong>codemodule<\/strong> en in het\u00a0<strong>tekstgedeelte<\/strong> van een\u00a0<strong>tekstmodule.<\/strong><span style=\"font-size: 18px;\">\u00a0<\/span><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2021\/03\/shortcodes-in-wpforms-plugin.jpg&#8221; alt=&#8221;WPForms overzicht&#8221; title_text=&#8221;WPForms overzicht&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;70ee1851-4ea4-4015-843d-ee454fb3e7f8&#8243; custom_margin=&#8221;3em||||false|false&#8221; custom_margin_tablet=&#8221;0em||||false|false&#8221; custom_margin_phone=&#8221;&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/12\/shortcode-wp-forms-kopieren-om-toe-te-voegen.jpg&#8221; alt=&#8221;Shortcode WPForms kopi\u00ebren om toe te voegen&#8221; title_text=&#8221;Shortcode WPForms kopi\u00ebren om toe te voegen&#8221; show_in_lightbox=&#8221;on&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;13034&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/12\/wpforms-shortcode-toevoegen-via-tekstmodule.jpg&#8221; alt=&#8221;WPForms shortcode toevoegen via tekst module&#8221; title_text=&#8221;WPForms shortcode toevoegen via tekst module&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><em>WPForms shortcode toevoegen via tekstmodule<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/12\/wpforms-shortcode-toevoegen-via-codemodule.jpg&#8221; alt=&#8221;WPForms shortcode toevoegen via code module&#8221; title_text=&#8221;WPForms shortcode toevoegen via code module&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||0px||false|false&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.20.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p><em>WPForms shortcode toevoegen via codemodule<\/em><\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"WPforms_formulieren_vertalen_met_WPML\"><\/span>WPforms formulieren vertalen met WPML<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Je kunt formulieren die gemaakt zijn met WPForms net zoals pagina&#8217;s en blogartikelen, vertalen met WPML. Ga hiervoor naar\u00a0<strong>WPML Vertaalbeheer<\/strong>. Via een dropdownmenu kun je vervolgens jouw formulieren terugvinden.<\/p>\n<p>Na selectie van het te vertalen formulieren, kun je de vertalingen via de Advanced Translation Editor toevoegen. Deze Advanced Translation Editor ken je al van het vertalen van pagina&#8217;s en blogartikelen.<\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<br \/>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2022\/12\/selecteer-formulieren-voor-vertaling.jpg&#8221; alt=&#8221;Selecteer formulieren voor vertaling&#8221; title_text=&#8221;Selecteer formulieren voor vertaling&#8221; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;3em||||false|false&#8221; custom_margin_tablet=&#8221;0em||||false|false&#8221; custom_margin_phone=&#8221;0em||||false|false&#8221; custom_margin_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"WooCommerce_instellen\"><\/span>WooCommerce instellen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>In WooCommerce moeten een aantal zaken door jou worden ingesteld. Denk aan adresgegevens, maar ook belastingtarieven.<\/p>\n<p>Ga daarvoor in het dashboard naar\u00a0<strong>WooCommerce =&gt; Instellingen<\/strong> en vul de verschillende tabs <strong>die van toepassing zijn\u00a0<\/strong>in:<\/p>\n<ul>\n<li><strong>Algemeen<\/strong> &#8211; gegevens omtrent waar je bedrijf zich bevindt, aan welke landen je levert en welke in welke munteenheid de winkel moet zijn. Aan de hand daarvan worden belastingtarieven bepaald.<\/li>\n<li><strong>Producten<\/strong> &#8211; spreekt voor zich.<\/li>\n<li><strong>Belasting<\/strong> &#8211; hier kun je het belastingtarief dat van toepassingen is \/ die belastingtarieven die van toepassing zijn ingeven.<\/li>\n<li><strong>Verzending<\/strong> &#8211; alleen invullen wanneer je fysieke producten verkoopt.<\/li>\n<li><strong>Betalingen<\/strong> &#8211; niets aanpassen tenzij je PayPal betalingen accepteert. Wanneer je betalingen via Mollie en\/of Stripe accepteerd, komt die betaalmogelijk \/ komen die betaalmogelijkheden hier automatisch bij te staan.<\/li>\n<li><strong>Accounts en privacy<\/strong> &#8211; spreekt voor zich.<strong>Voorbeeldtekst Privacybeleid registratie<\/strong>: Je persoonlijke gegevens worden gebruikt om je ervaring op deze site te ondersteunen, om toegang tot je account te beheren, voor facturatie (indien van toepassing), en voor andere doeleinden zoals omschreven in onze &lt;a href=&#8221;https:\/\/<b>urlwebsite<\/b>\/privacyverklaring\/&#8221;&gt;privacyverklaring&lt;\/a&gt;.<strong>Voorbeeldtekst Privacybeleid afrekenen<\/strong>: Je persoonlijke gegevens worden gebruikt om je bestelling te verwerken, voor de facturatie, en voor andere doeleinden zoals beschreven in onze &lt;a href=&#8221;https:\/\/<strong>urlwebsite<\/strong>\/privacyverklaring\/&#8221;&gt;privacyverklaring&lt;\/a&gt;.<\/li>\n<li><strong>E-mails<\/strong> &#8211; hier kun je de standaard e-mails van WooCommerce instellen. Wanneer we gepersonaliseerde mails gaan verzenden, omdat er voor verschillende producten verschillende, gepersonaliseerde e-mails nodig zijn, hoef je hier niets te doen.<\/li>\n<li><strong>Integratie<\/strong> &#8211; doen wanneer je\u00a0<strong>internationale klanten\u00a0<\/strong>hebt.<br \/>Met deze integratie kan automatisch de locatie van klanten bepaald worden om zo de belastingtarieven en verzendmethoden weer te geven die specifiek zijn voor hun locatie. Om dit te bepalen, integreert WooCommerce met MaxMind GeoLite2-geolocatiegegevens.<br \/><a href=\"https:\/\/woocommerce.com\/document\/maxmind-geolocation-integration\/\" target=\"_blank\" rel=\"noopener\">Volg de instructies op deze pagina<\/a> waar je onder andere leest hoe je de benodigde, gratis MaxMind account aanmaakt.<\/li>\n<li><strong>Site zichtbaarheid<\/strong>: niet aanpassen. Pas wanneer de website \/ shop af is en online gaat, zetten we deze op <strong>Live<\/strong>.<\/li>\n<li><strong>Verkooppunt<\/strong>: adresgegevens invullen.<\/li>\n<li><strong>Geavanceerd<\/strong>: hier hoef je niets te doen.<\/li>\n<\/ul>\n<h3><span class=\"ez-toc-section\" id=\"Informatie_nodig_om_product_toe_te_voegen_in_WooCommerce\"><\/span>Informatie nodig om product toe te voegen in WooCommerce<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Om het te verkopen product te kunnen toevoegen heb ik in ieder geval nodig:<\/p>\n<ul>\n<li>Naam product<\/li>\n<li>Prijs<\/li>\n<li>Beschrijving &#8211; er zijn 2 soorten beschrijvingen:<br \/>korte beschrijving<br \/>lange beschrijving<br \/>Je kunt, maar hoeft niet, beiden gebruiken<\/li>\n<li>Afbeelding<\/li>\n<\/ul>\n<p>Er kunnen ook andere modules \/ worden toegevoegd. Denk bijvoorbeeld aan aanverwante producten.<\/p>\n<p>\u200bOp de productpagina van mijn Google Analytics tutorial is Haal meer uit jouw website door met Google Analytics aan de slag te gaan. de korte beschrijving en onder Beschrijving staat de lange beschrijving.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2025\/11\/woocommerce-voorbeeld-productpagina-1.jpg&#8221; alt=&#8221;Woocommerce voorbeeld productpagina&#8221; title_text=&#8221;Woocommerce voorbeeld productpagina&#8221; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mollie_instellen\"><\/span>Mollie instellen<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wanneer je betalingen via Mollie laat doen, zul je een account bij Mollie moeten aanmaken. Vervolgens zul je de Mollie Payments for WooCommerce plugin die op je website staat, moeten instellen. Dit om Mollie te koppelen aan de website en de betaalmethode(s) toe te voegen.<\/p>\n<p>Een goede handleiding hiervoor staat op de <a href=\"https:\/\/www.hostnet.nl\/academy\/mollie-woocommerce\" target=\"_blank\" rel=\"noopener\">website van hostnet<\/a>.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Mollie_toevoegen_aan_tweede_website\"><\/span>Mollie toevoegen aan tweede website<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Wanneer je al een bestaande website met Mollie hebt en er een nieuwe website wordt gemaakt, is het mogelijk om Mollie ook te koppelen aan de nieuwe website.<\/p>\n<ul>\n<li>Log in bij Mollie en klik op het persoon icoontje rechtsboven aan.<\/li>\n<li>Klik op\u00a0<strong>Instellingen<\/strong>.<\/li>\n<li>Klik op\u00a0<strong>Profielen<\/strong><\/li>\n<li>Klik op de knop (rechtsboven)\u00a0<strong>+ Profiel aanmaken<\/strong> en voeg de nieuwe website toe en vul de rest van de gegevens in zoals je die invulde voor de huidige website.<\/li>\n<\/ul>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;3_5,2_5&#8243; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_module=&#8221;17579&#8243; saved_tabs=&#8221;all&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;3_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Spamwoorden_toevoegen_aan_filter_van_de_Stop_Spammers_plugin\"><\/span>Spamwoorden toevoegen aan filter van de Stop Spammers plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Wanneer je veel spam formulierinzendingen via de website ontvangt, kun je spamwoorden die in die formulieren gebruikt worden, toevoegen aan de <strong>Spam Words<\/strong> <strong>List\u00a0<\/strong>van de door mij vaak gebruikte Stop Spammers plugin.<\/p>\n<p>Voorbeelden van spamwoorden: Instagram, YouTube, followers, AI.<\/p>\n<p>Ga hiervoor naar <strong>Dashboard<\/strong> =&gt;\u00a0<strong>Stop Spammers<\/strong> =&gt;\u00a0<strong>Block Lists<\/strong>.<\/p>\n<p>Voeg het woord \/ de woorden toe en vergeet niet om op te slaan.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;2_5&#8243; _builder_version=&#8221;4.19.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/07\/Stop-Spammers-Spam-Words-List.jpg&#8221; alt=&#8221;Stop Spammers Spam Words List&#8221; title_text=&#8221;Stop Spammers Spam Words List&#8221; _builder_version=&#8221;4.25.2&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;||||false|false&#8221; custom_margin_tablet=&#8221;0em||||false|false&#8221; custom_margin_phone=&#8221;0em||||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"CleanTalk_antispam_plugin\"><\/span>CleanTalk antispam plugin<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Mocht je ondanks de StopSpammers plugin toch nog veel spammails, ontvangen, dan kan de CleanTalk antispam plugin een oplossing zijn. Deze plugin kun je gratis 7 dagen testen. Je zult hiervoor wel een account moeten aanmaken. Ga daarvoor naar de <a href=\"https:\/\/cleantalk.org\/?pid=1005787\" target=\"_blank\" rel=\"noopener\">website van CleanTalk<\/a>, vul je e-mailadres en de url van je website in en klik op\u00a0<strong>Create account<\/strong>.\u00a0<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/09\/account-aanmaken-cleantalk.jpg?_t=1727358932&#8243; title_text=&#8221;account-aanmaken-cleantalk&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Stuur mij vervolgens de code die in het gele scherm verschijnt. Ik voeg die code dan toe aan de plugin die ik op jouw website heb ge\u00efnstalleerd.<\/p>\n<p>De plugin zal een week lang gratis werken. Na die week hebben we contact. Wanneer de plugin zijn werk goed doet, kun je een abonnement afsluiten. Let daarbij goed op dat je geen abonnement voor allerlei extra afsluit; de prijs voor 1 jaar zal rond de $ 12 moeten zijn.<\/p>\n<p>Je zult nog wel je account moeten bevestigen. Dit doe je door op de <strong>Confirm the account<\/strong> te klikken in de mail die je automatisch ontvangt van CleanTalk.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2024\/09\/cleantalk-api-code.jpg?_t=1727360095&#8243; alt=&#8221;CleanTalk API code&#8221; title_text=&#8221;CleanTalk API code&#8221; _builder_version=&#8221;4.27.0&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Beschikbaarheidskalender_WP_Simple_Booking_Calender\"><\/span>Beschikbaarheidskalender WP Simple Booking Calender<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Ik raad het gebruik van de betaalde versie van deze plugin aan, daarin is het aangeven van beschikbaarheid in de <a href=\"https:\/\/www.wpsimplebookingcalendar.com\/\" target=\"_blank\" rel=\"noopener\">WP Simple Booking Calender<\/a> is heel eenvoudig.<\/p>\n<p>In de gratis versie moet je de beschikbaarheid namelijk dag voor dag aangeven. In de betaalde versie kun je bulkwijzigingen doen. Tevens kun je in de gratis versie maar \u00e9\u00e9n kalender toevoegen, in de betaalde versie kun je een oneindig aantal kalenders toevoegen, zodat je ook beschikbaarheid per kamer \/ huisje kunt aangeven. Tevens heb je veel meer vormgeefmogelijkheden. En is het synchroniseren met OTA&#8217;s zoals AirBnB en Booking via iCal mogelijk. Dit kan niet in de gratis versie. De kosten (in 2026): $ 39\/jaar.<\/p>\n<p>Ik heb de legenda al voor je ingericht. Indien gewenst met de mogelijkheid tot het aangeven van opties. En bij meertalige websites zijn de vertalingen reeds toegevoegd.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2026\/04\/legenda-wp-simple-booking-calender.jpg&#8221; alt=&#8221;Legenda WP Simple Booking Calender&#8221; title_text=&#8221;Legenda WP Simple Booking Calender&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Updaten_beschikbaarheid\"><\/span>Updaten beschikbaarheid<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ga in het dashboard naar\u00a0<strong>WP Simple Booking Calender =&gt; Kalenders<\/strong> en selecteer de kalender die je wil aanpassen.<\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2026\/04\/bewerk-kalender-wp-simple-booking-calender.jpg&#8221; alt=&#8221;Bewerk kalender WP Simple Booking Calender&#8221; title_text=&#8221;Bewerk kalender WP Simple Booking Calender&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<p>Je kunt de beschikbaarheid op 2 manieren aanpassen:<\/p>\n<ul>\n<li><strong>per dag<\/strong>: selecteer linksboven de maand en pas vervolgens in het blok <strong>Datums bewerken<\/strong> de beschikbaarheid aan.<\/li>\n<li><strong>bulk<\/strong>: dit doe je in het blok <strong>Bulk Edit Availability<\/strong> linksonder.<\/li>\n<\/ul>\n<p><strong>Vergeet niet onderaan de pagina op te slaan.<\/strong><\/p>\n<p>[\/et_pb_text][et_pb_image src=&#8221;https:\/\/burorader.com\/wp-content\/uploads\/2026\/04\/bewerk-beschikbaarheid-wp-simple-booking-calender.jpg&#8221; alt=&#8221;Bewerk beschikbaarheid WP Simple Booking Calender&#8221; title_text=&#8221;Bewerk beschikbaarheid WP Simple Booking Calender&#8221; _builder_version=&#8221;4.27.6&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Draw_attention_tekengereedschap\"><\/span>Draw attention tekengereedschap<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Met Draw attention kun je delen van een afbeelding op jouw website klikbaar maken. Wanneer een bezoeker op zo&#8217;n gedeelte klikt, verschijnt er naast de afbeelding informatie over dat gedeelte van de afbeelding.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Intekenen_van_klikbare_delen_in_Draw_Attention\"><\/span>Intekenen van klikbare delen in Draw Attention<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ga hiervoor in het dashboard naar <strong>Draw Attention &#8211; Edit Image<\/strong>. Geef de afbeelding een naam.<\/p>\n<p>In de rechterkolom voeg je in het vakje\u00a0<strong>Afbeeling<\/strong>, de foto toe waaraan de klikbare gedeeltes toegevoegd moeten worden.\u00a0<\/p>\n<p>In het veld\u00a0<strong>Highlight styling<\/strong> kun je vormgeven hoe de klikbare delen op de afbeelding eruit moeten zien. Het veld <strong>More Info Box Styling<\/strong> kun je negeren, die styling wordt door Divi gedaan. Als dit al wordt gebruikt, want je kunt er ook voor kiezen dat wanneer men op een bepaald gedeelte klikt, men naar een andere pagina van de website gaat.<\/p>\n<p>Bij het onderdeel <strong>Hotspot areas <\/strong>geef je de klikbare gedeeltjes aan. Je kunt kiezen of er na klikken informatie naast de afbeeldingen moet verschijnen of dat de bezoeker na klikken naar een andere pagina van de website gaat.<\/p>\n<p>Hoe je het gebied intekent wordt in onderstaande video goed uitgelegd (vanaf 10:27). Let op: de video is gemaakt met een eerdere versie van de plugin en sommige zaken werken nu anders. Maar het intekenen van het gebied niet. Bekijk de video dus alleen vanaf 10:27 om te zien hoe het intekenen werkt.<\/p>\n<p>[\/et_pb_text][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_code][et_pb_code _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<style id=\"eos-video-78830ac7-css\">.vc-inner iframe,.eosb_video-bg iframe{ max-width:none } .eosb_video-bg{ height:100%; overflow:hidden; pointer-events:none; position:absolute; top:0; left:0; width:100%; z-index:0 } .eosb_video-el-width- .eosb_wrapper{ width:% } .eosb_video_widget .eosb_video_wrapper{ padding-top:56.25%; position:relative; width:100% } .eosb_video_wrapper>div{ padding-top:0!important; position:static } .eosb_video-aspect-ratio-169 .eosb_video_wrapper{ padding-top:56.25% } .eosb_video-aspect-ratio-43 .eosb_video_wrapper{ padding-top:75% } .eosb_video-aspect-ratio-235 .eosb_video_wrapper{ padding-top:42.55319149% } .eosb_video_widget .eosb_wrapper iframe{ width:100%; height:100%; display:block; position:absolute; margin:0; top:0; left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box }<\/style>\n\t<div class=\"eosb_video_widget eosb_content_element eosb_clearfix  eosb_video-aspect-ratio-169 eosb_video-el-width-100\" style=\"position:relative\">\n\t\t<div class=\"eosb_wrapper\" style=\"position:relative\"><div id=\"eos-video-78830ac7\" class=\"eosb_video_wrapper\" style=\"background-image:url(https:\/\/img.youtube.com\/vi\/kmHm6Wt3Lz0\/hqdefault.jpg);background-size:cover;background-repeat:no-repeat;background-position:center\"><svg id=\"eos-video-78830ac7-btn\" class=\"hover\" style=\"position:absolute;width:70px;top:50%;left:50%;right:50%;height:48px;margin-top:-24px;margin-left:-35px;margin-right:-35px\" height=\"100%\" width=\"100%\"><path d=\"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\" fill=\"grey\"><\/path><path d=\"M 45,24 27,14 27,34\" fill=\"#fff\"><\/path><\/svg><img decoding=\"async\" style=\"position:absolute;top:50%;left:50%;right:50%;width:32px;height:32px;margin:-16px;display:none\" src=\"https:\/\/burorader.com\/wp-content\/plugins\/load-video-on-click\/assets\/img\/ajax-loader.gif\" \/><div id=\"eos-video-78830ac7-iframe\" width=\"500\" height=\"310.6\" allowfullscreen><\/div><script>document.getElementById(\"eos-video-78830ac7-btn\").addEventListener(\"click\",function(){var d=document.getElementById(\"eos-video-78830ac7-iframe\"),i=document.createElement(\"iframe\");if(d){document.getElementById(\"eos-video-78830ac7-btn\").parentNode.getElementsByTagName(\"img\")[0].style.display=\"inline-block\";i.allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\";i.src=\"https:\/\/www.youtube-nocookie.com\/embed\/kmHm6Wt3Lz0?si=0QfFvROIIKTP9RNY&#038;t=627&#038;rel=0&#038;autoplay=1\";i.width=\"500\";i.height=\"310.6\";d.parentNode.replaceChild(i,d);}})<\/script><\/div><\/div><\/div>[\/et_pb_code][et_pb_text _builder_version=&#8221;4.27.4&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Aanvullende_informatie_invullen_in_Draw_Attention\"><\/span>Aanvullende informatie invullen in Draw Attention<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Vul vervolgens de volgende velden in:<\/p>\n<ul>\n<li>Title: <strong>Lot<\/strong> gevolgd door het nummer van de lot<\/li>\n<li>Action: laten staan op\u00a0<strong>Show More Info<\/strong>\n<ul>\n<li>Description: vul hier de tekst in die verschijnt wanneer iemand op de lot klikt.\u00a0<strong>Let op<\/strong>: doe speciaal plakken (dus plakken zonder code).<br \/>Tip: kopieer de info van reeds toegevoegd lot, om gelijke vormgeving (vette tekst 1e woord(en) van regel te behouden.<br \/><strong>Vergeet niet<\/strong> de link naar de pagina met video en foto&#8217;s van de lot aan te passen. Klik hiervoor op de tekstlink en vervolgens op het potloodje en vervolgens op het zwarte radertje. Pas in het\u00a0<strong>URL<\/strong> veld in het\u00a0<strong>Linktekst<\/strong> veld het getal aan.<\/li>\n<\/ul>\n<\/li>\n<li>Detail image: klik op\u00a0<strong>Add or Upload File<\/strong> en selecteer hier de reeds naar de media bibliotheek geuploade Google Earch afbeelding van de lot.<\/li>\n<\/ul>\n<p>Wanneer dit allemaal gedaan hebt klik je rechtsboven op <strong>Updaten<\/strong>.<\/p>\n<p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Handleiding Divi websiteMet deze handleiding kun je zelf jouw door Buro RaDer gemaakte website up to date houden. Dit is een algemene handleiding, voor alle Buro RaDer websites die met het Divi thema gemaakt zijn en die voor de meertaligheid gebruikmaken van de WPML plugin. Er kunnen in deze handleiding onderwerpen behandeld worden die niet [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":8783,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":"","_members_access_role":[],"_members_access_error":""},"class_list":["post-10353","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/pages\/10353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/comments?post=10353"}],"version-history":[{"count":194,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/pages\/10353\/revisions"}],"predecessor-version":[{"id":21330,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/pages\/10353\/revisions\/21330"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/media\/8783"}],"wp:attachment":[{"href":"https:\/\/burorader.com\/nl\/wp-json\/wp\/v2\/media?parent=10353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}