{"id":17649,"date":"2021-06-03T13:31:11","date_gmt":"2021-06-03T13:31:11","guid":{"rendered":"https:\/\/webhostingprof.com\/hoe-een-achtergrondafbeelding-toevoegen-in-wordpress\/"},"modified":"2022-10-30T16:45:16","modified_gmt":"2022-10-30T16:45:16","slug":"hoe-een-achtergrondafbeelding-toevoegen-in-wordpress","status":"publish","type":"post","link":"https:\/\/webhostingprof.com\/nl\/hoe-een-achtergrondafbeelding-toevoegen-in-wordpress\/","title":{"rendered":"Hoe een achtergrondafbeelding toevoegen in WordPress"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"17649\" class=\"elementor elementor-17649 elementor-19408\" data-elementor-post-type=\"post\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-ee92abc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ee92abc\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6b70b0f\" data-id=\"6b70b0f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-feeaa4f elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"feeaa4f\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-b9856e5\" data-id=\"b9856e5\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-82f3c06 elementor-widget elementor-widget-text-editor\" data-id=\"82f3c06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Vraagt u zich af hoe u een achtergrondafbeelding kunt toevoegen aan uw <a href=\"https:\/\/webhostingprof.com\/nl\/beste-wordpress-hosting-2022\/\" target=\"_blank\" rel=\"noopener\">WordPress website<\/a>?<\/p>\n<p>Achtergrondafbeeldingen kunnen op verschillende websites worden gebruikt om ze aantrekkelijker te maken en kunnen <a href=\"https:\/\/webhostingprof.com\/nl\/47-web-design-statistieken-in-2022\/\" target=\"_blank\" rel=\"noopener\">het ontwerp van uw site verbeteren<\/a>.<\/p>\n<p>We lopen stap voor stap met je door hoe je eenvoudig een achtergrondafbeelding aan je WordPress site kunt toevoegen.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-50e47b8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"50e47b8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-ec60f86\" data-id=\"ec60f86\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-316ff60 elementor-toc--minimized-on-tablet elementor-widget elementor-widget-table-of-contents\" data-id=\"316ff60\" data-element_type=\"widget\" data-settings=\"{&quot;headings_by_tags&quot;:[&quot;h2&quot;,&quot;h3&quot;],&quot;exclude_headings_by_selector&quot;:&quot;a, i&quot;,&quot;marker_view&quot;:&quot;numbers&quot;,&quot;minimize_box&quot;:&quot;yes&quot;,&quot;minimized_on&quot;:&quot;tablet&quot;,&quot;hierarchical_view&quot;:&quot;yes&quot;,&quot;min_height&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_tablet&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]},&quot;min_height_mobile&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:&quot;&quot;,&quot;sizes&quot;:[]}}\" data-widget_type=\"table-of-contents.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-toc__header\">\n\t\t\t<h4 class=\"elementor-toc__header-title\">\n\t\t\t\tInhoudsopgave\t\t\t<\/h4>\n\t\t\t\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--expand\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__316ff60\" aria-expanded=\"true\" aria-label=\"Open inhoudsopgave\"><i aria-hidden=\"true\" class=\"fas fa-chevron-down\"><\/i><\/div>\n\t\t\t\t<div class=\"elementor-toc__toggle-button elementor-toc__toggle-button--collapse\" role=\"button\" tabindex=\"0\" aria-controls=\"elementor-toc__316ff60\" aria-expanded=\"true\" aria-label=\"Sluit inhoudsopgave\"><i aria-hidden=\"true\" class=\"fas fa-chevron-up\"><\/i><\/div>\n\t\t\t\t\t<\/div>\n\t\t<div id=\"elementor-toc__316ff60\" class=\"elementor-toc__body\">\n\t\t\t<div class=\"elementor-toc__spinner-container\">\n\t\t\t\t<i class=\"elementor-toc__spinner eicon-animation-spin eicon-loading\" aria-hidden=\"true\"><\/i>\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-993eb02 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"993eb02\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-1d7ac80\" data-id=\"1d7ac80\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-b275bcb elementor-widget elementor-widget-heading\" data-id=\"b275bcb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">1. Voeg een achtergrondafbeelding toe via de thema-instellingen van WordPress<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2a39b6d elementor-widget elementor-widget-text-editor\" data-id=\"2a39b6d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>De meeste WordPress thema&#8217;s bieden ondersteuning voor aangepaste achtergronden. Dit betekent dat u gemakkelijk de achtergrondafbeelding op uw WordPress site kunt veranderen.<\/p>\n<p>Dit is waarschijnlijk de eenvoudigste manier om een achtergrond toe te voegen, dus als uw WordPress thema dit ondersteunt, kunt u met deze methode verder gaan.<\/p>\n<p>Als uw thema deze functie niet biedt, hebben we hieronder genoeg andere methoden die u kunt volgen.<\/p>\n<p>Navigeer naar <b>Uiterlijk &gt; Aanpassen <\/b>in uw WordPress admin dashboard. Dit brengt u naar de WordPress thema-aanpasser. Hier kunt u uw thema-instellingen wijzigen met een live preview om de veranderingen van uw website te zien.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4bb8201 elementor-widget elementor-widget-image\" data-id=\"4bb8201\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/wp-background-image.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9d63725 elementor-widget elementor-widget-text-editor\" data-id=\"9d63725\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Onder het tabblad <b>Kleuren &amp; Achtergronden <\/b>ziet u opties om een achtergrondafbeelding te kiezen, of om de achtergrondkleur en het patroon te wijzigen. Zoek de knop<b>&#8220;Afbeelding selecteren<\/b>&#8221; en klik erop.  <\/p>\n<p>U ziet nu uw WordPress mediabibliotheek waar u een afbeelding van uw computer kunt uploaden, of een afbeelding uit uw mediabibliotheek kunt selecteren om als achtergrondafbeelding op uw WordPress website te gebruiken.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-edad9de elementor-widget elementor-widget-image\" data-id=\"edad9de\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/select-bg-image.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19de1a3 elementor-widget elementor-widget-text-editor\" data-id=\"19de1a3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Klik op de afbeelding die u als achtergrondafbeelding wilt instellen en druk op &#8216;Afbeelding kiezen&#8217; om verder te gaan. Dit zal nu de mediabibliotheek sluiten en uw geselecteerde afbeelding zal worden weergegeven in de preview-sectie van de customizer van het thema.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-93f0a45 elementor-widget elementor-widget-image\" data-id=\"93f0a45\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/bg-image-options.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-af3de06 elementor-widget elementor-widget-text-editor\" data-id=\"af3de06\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>U kunt uw achtergrondafbeelding verder aanpassen door<b>&#8216;Opties<\/b>&#8216; te selecteren. Hier zie je de optie om je afbeelding te positioneren, te herhalen (als het niet groot genoeg is), en meer.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-8cc7d4d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"8cc7d4d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-3aedf9a\" data-id=\"3aedf9a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-cb276c7 elementor-widget elementor-widget-heading\" data-id=\"cb276c7\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">2. Gebruik een plugin om de achtergrondafbeelding in WordPress aan te passen<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1fbf283 elementor-widget elementor-widget-text-editor\" data-id=\"1fbf283\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Als uw thema niet toestaat dat u de achtergrondafbeelding aanpast via de thema-aanpasser, kunt u een plugin gebruiken die werkt met elk thema.<\/p>\n<p>Met de <b>Full Screen Background Pro<\/b> plugin kunt u achtergronden instellen voor elke post, pagina, of elk ander onderdeel van uw WordPress website.<\/p>\n<p>Alle afbeeldingen worden automatisch schermvullend en mobiel responsief gemaakt, wat erg moeilijk te bereiken is met de thema-aanpasser.<\/p>\n<p>Installeer eerst de <a href=\"https:\/\/fullscreenbackgroundimages.com\/downloads\/full-screen-background-images-pro\/\" target=\"_blank\" rel=\"noopener\">Full Screen Background Pro plugin<\/a>. Zodra het is ge\u00efnstalleerd, activeer de plugin.<\/p>\n<p>Navigeer naar <b>Uiterlijk &gt; Volledig scherm achtergrondafbeelding <\/b>waar je de plugin instellingen kunt configureren.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4c5a871 elementor-widget elementor-widget-image\" data-id=\"4c5a871\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/full-screen-background-image-pro.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a18a1e3 elementor-widget elementor-widget-text-editor\" data-id=\"a18a1e3\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Deze plugin is een premium plugin, en is daarom niet gratis. Wanneer u naar de bovenstaande locatie navigeert, kan u gevraagd worden om uw licentiesleutel in te voeren. Dit staat in de e-mail die u heeft ontvangen na aankoop van de plugin.<\/p>\n<p>Klik op<b>&#8216;Instellingen opslaan<\/b>&#8216; om uw wijzigingen op te slaan. Nu bent u klaar om te beginnen met het toevoegen van achtergrond afbeeldingen aan uw WordPress pagina&#8217;s, berichten, en categorie\u00ebn.<\/p>\n<p>Selecteer &#8216;<b>Afbeelding toevoegen<\/b>&#8216; op de instellingenpagina van de plugin. Zoals we bij methode \u00e9\u00e9n deden, selecteer &#8216;Afbeelding kiezen&#8217; om de mediabibliotheek in WordPress te starten.<\/p>\n<p>U moet een afbeeldingsnaam toevoegen, maar deze zal alleen worden weergegeven in de backend van WordPress, dus noem het iets dat relevant is voor de afbeelding.<\/p>\n<p>Kies waar u de afbeelding wilt weergeven:<\/p>\n<ul>\n<li>Global<\/li>\n<li>Categorie<\/li>\n<li>Archief<\/li>\n<li>Pagina&#8217;s<\/li>\n<li>Berichten<\/li>\n<li>Blog<\/li>\n<li>Voorpagina<\/li>\n<li>Zoeken op<\/li>\n<li>404<\/li>\n<li>Inloggen<\/li>\n<\/ul>\n<div>Klik op &#8216;Afbeelding opslaan&#8217; om uw nieuwe achtergrondafbeelding op te slaan. Je kunt meerdere afbeeldingen toevoegen door terug te gaan naar <b>Uiterlijk &gt; Volledig scherm achtergrondafbeelding<\/b>.<\/div>\n<div> <\/div>\n<div>Als je meer dan \u00e9\u00e9n afbeelding hebt geselecteerd, zal de plugin achtergrondafbeeldingen weergeven als een diavoorstelling. U kunt de instellingen van de diavoorstelling aanpassen via de optie &#8216;fadein effecten&#8217;.<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-5102a9c elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5102a9c\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-4d0a865\" data-id=\"4d0a865\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c49935 elementor-widget elementor-widget-heading\" data-id=\"8c49935\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">3. Voeg een achtergrondafbeelding toe via CSS Hero<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7707732 elementor-widget elementor-widget-text-editor\" data-id=\"7707732\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>CSS Hero is een WordPress plugin die het mogelijk maakt om het thema van uw WordPress website te veranderen zonder enige codering.<\/p>\n<p>Dit is een perfecte optie voor beginners die meer flexibiliteit willen dan de theme customizer biedt, maar misschien niet voorbereid zijn op andere meer ingewikkelde methodes.<\/p>\n<p>Installeer en activeer <a href=\"https:\/\/www.csshero.org\/\" target=\"_blank\" rel=\"noopener\">CSS Hero<\/a>, ga dan naar uw homepage in uw internet brwoser. Bovenaan ziet u de optie<b>&#8216;Aanpassen met CSS Hero<\/b>&#8216;; klik op deze link in uw beheerdersbalk.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-799cbf1 elementor-widget elementor-widget-image\" data-id=\"799cbf1\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/css-hero.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e23cece elementor-widget elementor-widget-text-editor\" data-id=\"e23cece\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>CSS Hero is een premium plugin, met plannen vanaf $19 per jaar. Als u slechts \u00e9\u00e9n site aanpast, kunt u de Starter-optie kiezen.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5b03d63 elementor-widget elementor-widget-video\" data-id=\"5b03d63\" data-element_type=\"widget\" data-settings=\"{&quot;youtube_url&quot;:&quot;https:\\\/\\\/www.youtube.com\\\/watch?v=lN4pPLu-wY8&quot;,&quot;video_type&quot;:&quot;youtube&quot;,&quot;controls&quot;:&quot;yes&quot;}\" data-widget_type=\"video.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-wrapper elementor-open-inline\">\n\t\t\t<div class=\"elementor-video\"><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8be1d35 elementor-widget elementor-widget-text-editor\" data-id=\"8be1d35\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Zodra je op de knop in de admin balk hebt geklikt, krijg je de CSS Hero opties. Ga met de muis over het gebied waar u de achtergrondafbeelding wilt veranderen.  <\/p>\n<p>Kies de achtergrond link in de linker zijbalk en selecteer dan &#8216;Afbeelding&#8217;. U kunt uw eigen foto&#8217;s uploaden of er een kiezen van Unsplash, een <a href=\"https:\/\/webhostingprof.com\/nl\/heb-ik-een-website-nodig-voor-mijn-bedrijf-in-2022-inc-voors-tegens\/\" target=\"_blank\" rel=\"noopener\">gratis stockfotosite<\/a>.<\/p>\n<p>Wanneer u de afbeelding hebt die u als achtergrondafbeelding aan uw WordPress website wilt toevoegen, selecteert u &#8216;Afbeelding toepassen&#8217;. U kunt de grootte van uw afbeelding aanpassen en meer via de opties.  <\/p>\n<p>Als u klaar bent om uw nieuwe achtergrondafbeelding in actie te zien, klikt u op &#8216;Opslaan en publiceren&#8217;. CSS Hero werkt met een aantal andere plugins zoals Elementor, dus <a href=\"https:\/\/www.csshero.org\/plugins\/\" target=\"_blank\" rel=\"noopener\">controleer de compatibiliteit<\/a> voordat u het koopt.<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-3bbc95d elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"3bbc95d\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-f4e7928\" data-id=\"f4e7928\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-a708eeb elementor-widget elementor-widget-heading\" data-id=\"a708eeb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">4. Een achtergrondafbeelding toevoegen met CSS<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-119a877 elementor-widget elementor-widget-text-editor\" data-id=\"119a877\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>WordPress voegt standaard CSS klassen toe aan de verschillende elementen op uw WordPress site. Als je klaar bent om te experimenteren met CSS code, dan is deze methode misschien het beste voor jou.  <\/p>\n<p>Als u een categorie op uw WordPress site heeft die &#8216;Recensies&#8217; heet, dan zullen er automatisch CSS klassen worden toegevoegd wanneer deze categorie pagina wordt bekeken.<\/p><\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-04a8341 elementor-widget elementor-widget-image\" data-id=\"04a8341\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img decoding=\"async\" src=\"http:\/\/webhostingprof.com\/wp-content\/uploads\/2021\/06\/css-category.png\" title=\"\" alt=\"\" loading=\"lazy\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ec5860f elementor-widget elementor-widget-text-editor\" data-id=\"ec5860f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Navigeer naar een categoriepagina, klik met de rechtermuisknop en selecteer &#8216;Inspecteren&#8217;. U zult in staat zijn om de CSS klassen te zien die door WordPress zijn toegevoegd.<\/p>\n<p>In dit voorbeeld kunt u de <span style=\"color: #464646; font-family: monospace; font-size: 16px; font-style: normal; font-weight: 400;\">categorie-reviews <\/span><span style=\"font-size: 16px; font-style: normal; font-weight: 400;\">CSS klasse<\/span> gebruiken om<span style=\"font-size: 16px; font-style: normal; font-weight: 400;\">deze categorie anders te stylen dan alle andere op uw WordPress site.<\/span><\/p>\n<p><span style=\"font-size: 16px; font-style: normal; font-weight: 400;\">Voeg de volgende aangepaste CSS toe aan uw thema, vergeet niet om de categorie en achtergrondafbeelding te vervangen naar uw eigen wensen.<\/span><\/p>\n<table style=\"width: 550px; font-weight: 400; font-style: normal; font-size: 15px; color: #464646; border-radius: 0px !important; background: none !important; border-top: 0px !important; border-left: 0px !important; border-right-style: initial !important; border-bottom-style: initial !important; border-right-color: initial !important; border-bottom-color: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; margin-bottom: 0px !important; overflow: visible !important; position: static !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; direction: ltr !important; box-shadow: none !important; table-layout: auto !important;\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<tbody style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<tr style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<td style=\"border-radius: 0px !important; background: none !important; border-right: 0px !important; border-bottom: 0px !important; border-top-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-left-color: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding: 0px !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; color: #afafaf !important;\">\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">1<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 32px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">2<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">3<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">4<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">5<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">6<\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; border-right: 3px solid #6ce26c !important; inset: auto !important; float: none !important; height: 16px !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 0.5em !important; padding-left: 1em !important; position: static !important; text-align: right !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\">7<\/div>\n<\/td>\n<td style=\"width: 516px; border-radius: 0px !important; background: none !important; border-right: 0px !important; border-bottom: 0px !important; border-top-style: initial !important; border-left-style: initial !important; border-top-color: initial !important; border-left-color: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding: 0px !important; position: static !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<div style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: relative !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important;\">\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">body.category-<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">reviews<\/code> <code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">{ <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-image<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">url<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">(<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: blue !important;\">\"http:\/\/example.com\/wp-content\/uploads\/2019\/03\/your-background-image.jpg\"<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">); <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-position<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">center<\/code> <code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">center<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">; <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">background-<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">size<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: cover; <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-repeat<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">no-repeat<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">; <\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-weight: bold !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #006699 !important;\">background-attachment<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">: <\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: #009900 !important;\">fixed<\/code><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">;<\/code><\/div>\n<div style=\"border-radius: 0px !important; background-image: none !important; background-position: initial !important; background-size: initial !important; background-repeat: initial !important; background-attachment: initial !important; background-origin: initial !important; background-clip: initial !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; padding-right: 1em !important; padding-left: 1em !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-weight: normal !important; font-style: normal !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; white-space: pre-wrap !important;\"><code style=\"border-radius: 0px !important; background: none !important; inset: auto !important; float: none !important; height: auto !important; line-height: 1.1em !important; overflow: visible !important; position: static !important; width: auto !important; box-sizing: content-box !important; font-family: Monaco, Consolas, 'Bitstream Vera Sans Mono', 'Courier New', Courier, monospace !important; font-size: 1em !important; direction: ltr !important; box-shadow: none !important; display: inline !important; color: black !important;\">}<\/code><\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-inner-section elementor-element elementor-element-1729441 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"1729441\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-inner-column elementor-element elementor-element-6aad6f2\" data-id=\"6aad6f2\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1d5de0f elementor-widget elementor-widget-heading\" data-id=\"1d5de0f\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">5. Roundup<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8d1ba33 elementor-widget elementor-widget-text-editor\" data-id=\"8d1ba33\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Wij hopen dat dit artikel nuttig is geweest om u te leren hoe u een achtergrondafbeelding kunt toevoegen in WordPress. Voor meer WordPress handleidingen, bezoek onze <a href=\"https:\/\/webhostingprof.com\/blog\/\" target=\"_blank\" rel=\"noopener\">blog pagina<\/a> en gebruik de zoekfunctie om meer WordPress handleidingen te vinden!<\/p>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Vraagt u zich af hoe u een achtergrondafbeelding kunt toevoegen aan uw WordPress website? Achtergrondafbeeldingen kunnen op verschillende websites worden gebruikt om ze aantrekkelijker te maken en kunnen het ontwerp van uw site verbeteren. We lopen stap voor stap met je door hoe je eenvoudig een achtergrondafbeelding aan je WordPress site kunt toevoegen. Inhoudsopgave 1. &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/webhostingprof.com\/nl\/hoe-een-achtergrondafbeelding-toevoegen-in-wordpress\/\"> <span class=\"screen-reader-text\">Hoe een achtergrondafbeelding toevoegen in WordPress<\/span> Lees verder &raquo;<\/a><\/p>\n","protected":false},"author":5,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_lmt_disableupdate":"","_lmt_disable":"","site-sidebar-layout":"default","site-content-layout":"default","ast-global-header-display":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","footnotes":"","_glsr_average":0,"_glsr_ranking":0,"_glsr_reviews":0},"categories":[],"tags":[],"modified_by":null,"_links":{"self":[{"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/posts\/17649"}],"collection":[{"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/comments?post=17649"}],"version-history":[{"count":0,"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/posts\/17649\/revisions"}],"wp:attachment":[{"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/media?parent=17649"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/categories?post=17649"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webhostingprof.com\/nl\/wp-json\/wp\/v2\/tags?post=17649"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}