Title: SiteOrigin CSS Author: Greg - SiteOrigin Published: 2 juni 2015 Last modified: 21 mei 2026 --- Plugins zoeken ![](https://ps.w.org/so-css/assets/banner-772x250.png?rev=2559919) ![](https://ps.w.org/so-css/assets/icon.svg?rev=2556879) # SiteOrigin CSS Door [Greg – SiteOrigin](https://profiles.wordpress.org/gpriday/) [Download](https://downloads.wordpress.org/plugin/so-css.1.6.6.zip) * [Details](https://nl.wordpress.org/plugins/so-css/#description) * [Beoordelingen](https://nl.wordpress.org/plugins/so-css/#reviews) * [Installatie](https://nl.wordpress.org/plugins/so-css/#installation) * [Ontwikkeling](https://nl.wordpress.org/plugins/so-css/#developers) [Ondersteuning](https://wordpress.org/support/plugin/so-css/) ## Beschrijving SiteOrigin CSS is the intuitive and powerful CSS editor designed to empower your WordPress site customization. Enjoy a seamless editing experience with real-time visual controls, making it easy to tweak your site’s look and feel instantly. Whether you’re a beginner or an advanced developer, SiteOrigin CSS has you covered. For beginners, our user-friendly visual controls and live previews eliminate the guesswork from CSS editing. See your changes as you make them, ensuring your site looks exactly as you envision. For advanced users, we offer robust code autocompletion, speeding up your workflow and making CSS writing faster and more efficient than ever before. Take full control of your site’s design with SiteOrigin CSS and bring your creative vision to life. #### Inspecteur Het moeilijkste deel van het bewerken van het ontwerp van je site met CSS is meestal het vinden van de juiste selector om te gebruiken. De krachtige inspector die wordt geleverd met SiteOrigin CSS maakt dit eenvoudig. Terwijl je een volledige preview van je site bekijkt, klik je gewoon op een element en het zal je helpen de beste selector te identificeren om dat element te targeten. De inspector zal je helpen, zelfs als je geen idee hebt wat een CSS selector is. #### Visule editor Hou je er niet van om met code te spelen? Geen probleem. SiteOrigin CSS heeft een reeks eenvoudige besturingselementen waarmee je eenvoudig kleuren, stijlen en metingen kunt kiezen. In combinatie met de inspector kun je in slechts een paar klikken wijzigingen aanbrengen. #### CSS-editor SiteOrigin CSS heeft een krachtige CSS editor, waarvan je meestal alleen high-end IDE’s verwacht. Het heeft autocompletion voor zowel CSS selectors als attributen. Het beschikt ook over zeer nuttige CSS linting om je te helpen bij het identificeren van problemen in je code voordat je je wijzigingen publiceert. #### Gratis plugins We doen er alles aan om SiteOrigin CSS gratis te houden. Je kunt het op zoveel sites installeren als je wilt zonder je ooit zorgen te maken over licenties. Alle toekomstige updates en upgrades zijn gratis en we bieden zelfs gratis ondersteuning op onze vriendelijke ondersteuningsforums. #### Werkt met elk thema Er is een steeds groeiende verzameling geweldige WordPress thema’s, en nu met SiteOrigin CSS, kun je ze allemaal naar hartenlust bewerken. Het maakt niet uit welk thema je gebruikt, SiteOrigin CSS werkt perfect. #### Actief ontwikkeld We zijn actief bezig met het ontwikkelen van SiteOrigin CSS. Blijf op de hoogte van wat er gebeurt op [GitHub.](https://github.com/siteorigin/so-css/) ### Documentatie [Documentatie](https://siteorigin.com/css/getting-started/) is beschikbaar op SiteOrigin. ### Ondersteuning Gratis ondersteuning is beschikbaar op de [SiteOrigin ondersteuning forums](https://siteorigin.com/thread/). ### SiteOrigin Premium [SiteOrigin Premium](https://siteorigin.com/downloads/premium/) verbetert SiteOrigin CSS met een Google Web Font Selector. Kies uit honderden prachtige web lettertypen in de visuele editor. SiteOrigin Premium bevat toegang tot onze professionele e-mail ondersteuning dienst, perfect voor die momenten dat je snelle en effectieve technische ondersteuning nodig heeft. We staan klaar om je te helpen op elke manier die we kunnen. ## Schermafbeeldingen [⌊Inspecteur voor het vinden van elementen op uw site.⌉⌊Inspecteur voor het vinden van elementen op uw site.⌉[ Inspecteur voor het vinden van elementen op uw site. [⌊Eenvoudige visuele besturingselementen, waaronder een uploader van achtergrondafbeeldingen.⌉⌊ Eenvoudige visuele besturingselementen, waaronder een uploader van achtergrondafbeeldingen .⌉[ Eenvoudige visuele besturingselementen, waaronder een uploader van achtergrondafbeeldingen. [⌊Een volledige CSS-editor die in realtime werkt met een preview van uw site.⌉⌊Een volledige CSS-editor die in realtime werkt met een preview van uw site.⌉[ Een volledige CSS-editor die in realtime werkt met een preview van uw site. [⌊Code voltooiing voor alle selectors van uw thema.⌉⌊Code voltooiing voor alle selectors van uw thema.⌉[ Code voltooiing voor alle selectors van uw thema. ## Installatie 1. Upload en installeer SiteOrigin CSS op dezelfde manier als elke andere plug-in. 2. Lees de [gebruiksdocumentatie](http://siteorigin.com/css/getting-started/) op SiteOrigin. ## Beoordelingen ![](https://secure.gravatar.com/avatar/c48c1ad3b1ee1042dd80fecfe99385f3dff17010a42e0223663169acb27ed468? s=60&d=retro&r=g) ### 󠀁[A great plugin with great potential!](https://wordpress.org/support/topic/a-great-plugin-with-great-potential/)󠁿 [peternt](https://profiles.wordpress.org/peternt/) 14 mei 2026 1 reactie The best CSS editor I have come across!Stable, lightweight VAST improvements for workflow with their editor with, transform preview and inspector. Overall a great and simple plugin that I wish I knew about years ago – I was using other CSS solutions that were trying too much or simply didn’t work half the time. SiteOrigin Nailed this one with an elegant solution to one of the most popular issues of wordpress– editing CSS in a fast, effective and convenient way! Suggestions for improvements Resizing the CSS panel in Expanded mode Create additional CSS files, that prints after the main file – this would allow better structure and faster navigation. Thanks in advance ![](https://secure.gravatar.com/avatar/3f2dddad51db05e32bdd3dd7fec4da9b6f0862f1489deb2859316fafbe988e71? s=60&d=retro&r=g) ### 󠀁[Lovely!](https://wordpress.org/support/topic/lovely-146/)󠁿 [parsmanyaser](https://profiles.wordpress.org/parsmanyaser/) 30 augustus 2025 1 reactie It really makes it easy even for developers by showing the selectors and class names! It really helps me a lot. Thanks! ![](https://secure.gravatar.com/avatar/d78452be1292621ca5fabc2dbef8e0bd6da5d8d9995c5fde072e28059498424d? s=60&d=retro&r=g) ### 󠀁[My favourite plugin](https://wordpress.org/support/topic/my-favourite-plugin-24/)󠁿 [sonyamakepeace](https://profiles.wordpress.org/sonyamakepeace/) 4 november 2024 I don’t know what I’d do without this. I used to struggle writing styles in Wordpress, mainly because it was difficult to target a particular property using the browser inspector. But this makes the whole job dead easy, and it’s free! ![](https://secure.gravatar.com/avatar/baae189562efa9cf1a7a444fc3028a11ace600d803244022404face7bab59210? s=60&d=retro&r=g) ### 󠀁[This is what you need](https://wordpress.org/support/topic/this-is-what-you-need-7/)󠁿 [Stanislav](https://profiles.wordpress.org/pigus/) 4 oktober 2024 1 reactie Dear friends, this plugin is a real masterpiece! Everything is done simply and conveniently. Developers, I admire your work! You are real professionals in your field! ![](https://secure.gravatar.com/avatar/2e5a2fd3c8eef89a14b6456e3154dabdd635eb19ff700b5326aae93fac7d44fa? s=60&d=retro&r=g) ### 󠀁[Nicely done, great work](https://wordpress.org/support/topic/nicely-done-great-work-2/)󠁿 [janino](https://profiles.wordpress.org/janino/) 2 augustus 2024 1 reactie thecanuckian wrote a year or so ago “where has this been all my life?”… I can only repeat. This is one of the most useful WordPress plugins I know. It will shorten the editing time and one can also learn something in coding. Thank you very much for creating it and taking care of updating it. Best regards, friends! ![](https://secure.gravatar.com/avatar/db3ad0ccf1df46b9d35ca9872bac675eac1e98c3e0c44043a92440ce4c21ffe9? s=60&d=retro&r=g) ### 󠀁[nice](https://wordpress.org/support/topic/nice-4701/)󠁿 [kojot](https://profiles.wordpress.org/kojot/) 24 november 2023 1 reactie SUPER PLUGIN [ Lees alle 153 beoordelingen ](https://wordpress.org/support/plugin/so-css/reviews/) ## Bijdragers & ontwikkelaars “SiteOrigin CSS” is open source software. De volgende personen hebben bijgedragen aan deze plugin. Bijdragers * [ Greg – SiteOrigin ](https://profiles.wordpress.org/gpriday/) * [ alexgso ](https://profiles.wordpress.org/alexgso/) “SiteOrigin CSS” is vertaald in 16 localen. Dank voor [de vertalers](https://translate.wordpress.org/projects/wp-plugins/so-css/contributors) voor hun bijdragen. [Vertaal “SiteOrigin CSS” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/so-css) ### Interesse in ontwikkeling? [Bekijk de code](https://plugins.trac.wordpress.org/browser/so-css/), haal de [SVN repository](https://plugins.svn.wordpress.org/so-css/) op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/so-css/) via [RSS](https://plugins.trac.wordpress.org/log/so-css/?limit=100&mode=stop_on_copy&format=rss). ## Changelog #### 1.6.6 – 21 May 2026 * Fixed admin field heights and toolbar button layout for WordPress 7.0 form control changes. #### 1.6.5 – 06 December 2025 * Updated Tested up to tag. #### 1.6.4 – 26 May 2025 * Installer: Updated submodule. * Updated Tested up to tag. #### 1.6.3 – 15 January 2025 * Resolved Uninstall Notice: Updated `register_uninstall_hook` callback to use a static class method, addressing a WordPress notice introduced in version 3.1.0. #### 1.6.2 – 13 January 2025 * Fixed uninstall process to prevent PHP fatal error by updating the `register_uninstall_hook` callback to use a valid instance method. #### 1.6.1 – 25 November 2024 * CSS Output Location: Additional check to ensure the default is Dedicated File. #### 1.6.0 – 22 November 2024 * Added `Visual Editor: Decoration > Background Attachment` setting. * Added CSS Ouput Location setting. Dedicated CSS File offers best performance, Internal CSS embeds styles in page HTML. #### 1.5.11 – 13 August 2024 * Added Divi theme compatibility. * Accounted for for themes that don’t use menu item selectors by adding them automatically. #### 1.5.10 – 31 May 2024 * Updated SiteOrigin Installer. * Updated Tested up to tag. * Updated Required PHP version. [View full changelog.](https://siteorigin.com/css/changelog/) ## Meta * Versie **1.6.6** * Laatst geüpdatet **1 maand geleden** * Actieve installaties **100.000+** * WordPress versie ** 3.9 of nieuwer ** * Getest t/m **7.0** * PHP versie ** 7.0.0 of nieuwer ** * Talen * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/so-css/), [Danish](https://da.wordpress.org/plugins/so-css/), [Dutch](https://nl.wordpress.org/plugins/so-css/), [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/so-css/), [English (US)](https://wordpress.org/plugins/so-css/), [French (France)](https://fr.wordpress.org/plugins/so-css/), [Galician](https://gl.wordpress.org/plugins/so-css/), [Italian](https://it.wordpress.org/plugins/so-css/), [Russian](https://ru.wordpress.org/plugins/so-css/), [Spanish (Chile)](https://cl.wordpress.org/plugins/so-css/), [Spanish (Colombia)](https://es-co.wordpress.org/plugins/so-css/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/so-css/), [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/so-css/), [Spanish (Spain)](https://es.wordpress.org/plugins/so-css/), [Spanish (Venezuela)](https://ve.wordpress.org/plugins/so-css/), [Swedish](https://sv.wordpress.org/plugins/so-css/) en [Ukrainian](https://uk.wordpress.org/plugins/so-css/). * [Vertaal in je eigen taal](https://translate.wordpress.org/projects/wp-plugins/so-css) * Tags * [css editor](https://nl.wordpress.org/plugins/tags/css-editor/)[theme editor](https://nl.wordpress.org/plugins/tags/theme-editor/) [visual css](https://nl.wordpress.org/plugins/tags/visual-css/) * [Geavanceerde weergave](https://nl.wordpress.org/plugins/so-css/advanced/) ## Waarderingen 4.9 van 5 sterren. * [ 145 5 sterren beoordelingen ](https://wordpress.org/support/plugin/so-css/reviews/?filter=5) * [ 4 4 sterren beoordelingen ](https://wordpress.org/support/plugin/so-css/reviews/?filter=4) * [ 1 3 ster beoordeling ](https://wordpress.org/support/plugin/so-css/reviews/?filter=3) * [ 0 2 sterren beoordelingen ](https://wordpress.org/support/plugin/so-css/reviews/?filter=2) * [ 3 1 sterren beoordelingen ](https://wordpress.org/support/plugin/so-css/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/so-css/reviews/#new-post) [Bekijk alle beoordelingen](https://wordpress.org/support/plugin/so-css/reviews/) ## Bijdragers * [ Greg – SiteOrigin ](https://profiles.wordpress.org/gpriday/) * [ alexgso ](https://profiles.wordpress.org/alexgso/) ## Ondersteuning Iets te melden? Hulp nodig? [Het supportforum bekijken](https://wordpress.org/support/plugin/so-css/) ## Doneren Wil je de groei van deze plugin ondersteunen? [ Doneer aan deze plugin ](https://siteorigin.com/downloads/premium/)