Title: Simple Custom CSS and JS
Author: SilkyPress
Published: <strong>7. 12. 2015</strong>
Last modified: 20. 5. 2026

---

Prohledat pluginy

![](https://ps.w.org/custom-css-js/assets/banner-772x250.png?rev=1303730)

![](https://ps.w.org/custom-css-js/assets/icon-128x128.png?rev=1303730)

# Simple Custom CSS and JS

 Autor: [SilkyPress](https://profiles.wordpress.org/diana_burduja/)

[Stáhnout](https://downloads.wordpress.org/plugin/custom-css-js.3.53.zip)

 * [Podrobnosti](https://cs.wordpress.org/plugins/custom-css-js/#description)
 * [Hodnocení](https://cs.wordpress.org/plugins/custom-css-js/#reviews)
 *  [Instalace](https://cs.wordpress.org/plugins/custom-css-js/#installation)
 * [Vývojáři](https://cs.wordpress.org/plugins/custom-css-js/#developers)

 [Podpora](https://wordpress.org/support/plugin/custom-css-js/)

## Popis

Customize your WordPress site’s appearance by easily adding custom CSS and JS code
without even having to modify your theme or plugin files. This is perfect for adding
custom CSS tweaks to your site.

#### Funkce

 * **Text editor** with syntax highlighting
 * Print the code **inline** or included into an **external file**
 * Print the code in the **header** or the **footer**
 * Add CSS or JS to the **frontend** or the **admin side**
 * Přidejte tolik kódů, kolik chcete
 * Keep your changes also when you change the theme

## Snímky obrazovky

 * [[
 * Správa vlastních kódů
 * [[
 * Přidat/Upravit Javascript
 * [[
 * Přidat/Upravit CSS
 * [[
 * Přidat/Upravit HTML

## Instalace

 * From the WP admin panel, click „Plugins“ -> „Add new“.
 * In the browser input box, type „Simple Custom CSS and JS“.
 * Vyberte plugin „Simple Custom CSS and JS“ a klikněte na „Instalovat“.
 * Aktivujte plugin.

OR…

 * Stáhněte si plugin z této stránky.
 * Save the .zip file to a location on your computer.
 * Open the WP admin panel, and click „Plugins“ -> „Add new“.
 * Click „upload“.. then browse to the .zip file downloaded from this page.
 * Klikněte na „Instalovat“ a poté na „Aktivovat plugin“.

OR…

 * Stáhněte si plugin z této stránky.
 * Extract the .zip file to a location on your computer.
 * Use either FTP or your hosts cPanel to gain access to your website file directories.
 * Browse to the `wp-content/plugins` directory.
 * Upload the extracted `custom-css-js` folder to this directory location.
 * Open the WP admin panel.. click the „Plugins“ page.. and click „Activate“ under
   the newly added „Simple Custom CSS and JS“ plugin.

## Nejčastější dotazy

### Co když chci přidat více externích CSS kódů?

If you write multiple codes of the same type (for example: two external CSS codes),
then all of them will be printed one after another

### Ovlivní tento plugin dobu načítání?

When you click the `Save` button the codes will be cached in files, so there are
no tedious database queries.

### Upravuje plugin kód, který píšu v editoru?

No, the code is printed exactly as in the editor. It is not modified/checked/validated
in any way. You take the full responsability for what is written in there.

### Můj kód se na webu nezobrazuje

Try one of the following:
 1. If you are using any caching plugin (like „W3 Total
Cache“ or „WP Fastest Cache“), then don’t forget to delete the cache before seing
the code printed on the website. 2. Make sure the code is in **Published** state(
not **Draft** or **in Trash**). 3. Check if the `wp-content/uploads/custom-css-js`
folder exists and is writable

### Does it work with a Multisite Network?

Ano.

### Co když změním šablonu?

The CSS and JS are independent of the theme and they will persist through a theme
change. This is particularly useful if you apply CSS and JS for modifying a plugin’s
output.

### Mohu použít preprocesor CSS jako LESS nebo Sass?

For the moment only plain CSS is supported, but you can check out the [Pro version](https://www.silkypress.com/simple-custom-css-js-pro/?utm_source=wordpress&utm_campaign=ccj_free&utm_medium=banner)
in case you need a CSS preprocessor.

### Mohu nahrát obrázky pro použití s ​​mým CSS?

Yes. You can upload an image to your Media Library, then refer to it by its direct
URL from within the CSS stylesheet. For example:
 div#content { background-image:
url(‚http://example.com/wp-content/uploads/2015/12/image.jpg‘); }

### Mohu použít pravidla CSS jako @import a @font-face?

Ano.

### Kdo může publikovat/upravovat/mazat vlastní kódy?

By default only the Administrator will be able to publish/edit/delete Custom Codes.
On the plugin activation there is a role created called Web Designer. You can assign
this role to a non-admin user in order to allow to publish/edit/delete Custom Codes.
On the plugin’s Settings page there is an option to remove this role.

### My website has HTTPS urls, but the codes are linked as HTTP

The URL for the linked Codes is built just like the URL for other media (from Media
Library) by using the WordPress Address option found on the WP Admin -> Settings-
> General page, as shown in [this screenshot](https://www.silkypress.com/wp-content/uploads/2016/12/ccj-siteurl.png).
If the WordPress Address has HTTPS in the url, then the Custom Codes and all the
other media will have HTTPS in the url.

## Recenze

![](https://secure.gravatar.com/avatar/50146583103823219a2bc68d9d4a7ee7acfe9eb6a67d73653f2c15b6d4e77ab3?
s=60&d=retro&r=g)

### 󠀁[I recommend this plugin it – Security Review](https://wordpress.org/support/topic/i-recommend-this-plugin-it-security-review/)󠁿

 [tomcudworth84](https://profiles.wordpress.org/tomcudworth84/) 17. 4. 2026

This plugin really helped speed up my development workflow. I revisited it some 
time later and did a static code analysis. From this I had some questions for Andrew.
He explained exactly why certain functions were used and their lack of risk. I am
very happy to use this plugin and I recommend it to anyone looking for a plugin 
that just works like it should.

![](https://secure.gravatar.com/avatar/4b74336b53c44542848a38a0f20e39581b5432180275883407166ef69e1b95de?
s=60&d=retro&r=g)

### 󠀁[Splendid](https://wordpress.org/support/topic/great-17086/)󠁿

 [ishraqued](https://profiles.wordpress.org/ishraqued/) 1. 4. 2026

Great Plugin

![](https://secure.gravatar.com/avatar/17762ac7d270ed4b36487da28bf6c9fb58bff595d8d3282119775381a2dd8578?
s=60&d=retro&r=g)

### 󠀁[Great customer support and response to my need](https://wordpress.org/support/topic/great-customer-support-and-response-to-my-need/)󠁿

 [michaelmatzkin](https://profiles.wordpress.org/michaelmatzkin/) 19. 1. 2026

I appreciate you addressing what had been an incompatibility with another plugin.
This fix helps me make better use of your product.

![](https://secure.gravatar.com/avatar/0c048b031053d85d39576ae1fcd3963cbd911570ebdd45651434e72bad9ee72d?
s=60&d=retro&r=g)

### 󠀁[Just what I was looking for](https://wordpress.org/support/topic/just-what-i-was-looking-for-582/)󠁿

 [Heath Woodward](https://profiles.wordpress.org/goldeneye512/) 18. 8. 2025

Works perfectly. Great plugin.

![](https://secure.gravatar.com/avatar/fda2e310e186a011d8b8440ac9bc39e92c1b7fe5525e78b22917f7908955762e?
s=60&d=retro&r=g)

### 󠀁[Great Product, Great Support](https://wordpress.org/support/topic/great-product-great-support-216/)󠁿

 [Zayadur](https://profiles.wordpress.org/zayadur/) 23. 6. 2025

There is no other plugin that allows you to control settings like WP conditional
location rules, stores versioned copies of the files in a directory making local
development easier, and is a simple UX to deploy rapid updates cutting down on development
time. On top of that, the support team has gone above and beyond to address and 
fix limitations to allow my business and developers‘ workflows to continue without
a hitch. I highly recommend this plugin to anyone that’s looking for a definitive
solution to deploy HTML, CSS, JS snippets on a per-post basis.

![](https://secure.gravatar.com/avatar/f8e7bea1ca5de59582c24d555f722db5971a47c91dfeae4b8933c89e7f78d104?
s=60&d=retro&r=g)

### 󠀁[Very Simple and Multi-Functional](https://wordpress.org/support/topic/very-simple-and-multi-functional-2/)󠁿

 [joseeneveu](https://profiles.wordpress.org/joseeneveu/) 22. 2. 2025

Thanks to this plugin, I was able to make modifications to parts of my own website
that had been eluding me for WEEKS through other CSS plugins that I had been trying
to use.

 [ Přečtěte si všech 103 recenzí ](https://wordpress.org/support/plugin/custom-css-js/reviews/)

## Autoři

Simple Custom CSS and JS je otevřený software. Následující lidé přispěli k vývoji
tohoto pluginu.

Spolupracovníci

 *   [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/)

Plugin „Simple Custom CSS and JS“ byl přeložen do 17 jazyků. Děkujeme všem [překladatelům](https://translate.wordpress.org/projects/wp-plugins/custom-css-js/contributors)
za jejich pomoc.

[Přeložte “Simple Custom CSS and JS” do svého jazyka.](https://translate.wordpress.org/projects/wp-plugins/custom-css-js)

### Zajímá vás vývoj?

[Prohledejte kód](https://plugins.trac.wordpress.org/browser/custom-css-js/), podívejte
se do [SVN repozitáře](https://plugins.svn.wordpress.org/custom-css-js/), nebo se
přihlaste k[ odběru protokolu vývoje](https://plugins.trac.wordpress.org/log/custom-css-js/)
pomocí [RSS](https://plugins.trac.wordpress.org/log/custom-css-js/?limit=100&mode=stop_on_copy&format=rss).

## Přehled změn

#### 3.53

 * 05/20/2026
 * Fix: the „list_table_primary_column“ filter should affect only the Custom Code
   table

#### 3.52

 * 03/06/2026
 * Fix: don’t load block_css.css or block_js.js on the frontend
 * Add option „Remove comment from externally linked custom codes“

#### 3.51.3

 * 01/09/2026
 * Fix https://wordpress.org/support/topic/recent-update-crashes-admin-panel/

#### 3.51.2

 * 12/21/2025
 * Compatibility WP6.9
 * Tweak: add translators‘ notes to translatable strings
 * Tweak: use `wp_delete_file` function, which allows a filter before deleting a
   file

#### 3.51.1

 * 10/14/2025
 * Fix: add the drag icon that makes the editor expandable
 * Fix: the syntax highlighting was missing for HTML custom codes due to an array
   id overridding

#### 3.51

 * 09/06/2025
 * Tweak: update the CodeMirror library to the 5.65.20 version
 * Fix: change the loading method in the Block editor to the recommended „enqueue_block_assets“

#### 3.50

 * 02/17/2025
 * Fix: the editor doesn’t show up under certain conditions
 * Fix: don’t show the code excerpts in the list table, if the „Extended View“ option
   is enabled for posts or pages

#### 3.49

 * 11/13/2024
 * Fix: add nuance for the „in Block editor“ option for websites with WP before 
   v6.6 and after

#### 3.48

 * 09/24/2024
 * Feature: add JS/CSS custom codes to the Block editor

#### 3.47

 * 27.5.2024
 * Fix: use the GMT time for showing when a custom code was published or modified

#### 3.46

 * 31.1.2024
 * Tweak: update the Bootstrap and jQuery library links
 * Tweak: remove the qTranslate-x warning. The qTranslate-x plugin was removed from
   wp.org since Aug 2021

[Viz changelog pro všechny verze](https://plugins.svn.wordpress.org/custom-css-js/trunk/changelog.txt).

## Meta

 *  Verze **3.53**
 *  Poslední aktualizace **před 6 dny**
 *  Aktivních instalací **600 000+**
 *  Verze WordPressu ** 3.0.1 nebo novější **
 *  Testováno až do WordPressu **7.0**
 *  Verze PHP ** 5.2.4 nebo novější **
 *  Jazyky
 * [Czech](https://cs.wordpress.org/plugins/custom-css-js/), [Dutch](https://nl.wordpress.org/plugins/custom-css-js/),
   [Dutch (Belgium)](https://nl-be.wordpress.org/plugins/custom-css-js/), [English (US)](https://wordpress.org/plugins/custom-css-js/),
   [French (France)](https://fr.wordpress.org/plugins/custom-css-js/), [Galician](https://gl.wordpress.org/plugins/custom-css-js/),
   [German](https://de.wordpress.org/plugins/custom-css-js/), [Japanese](https://ja.wordpress.org/plugins/custom-css-js/),
   [Persian](https://fa.wordpress.org/plugins/custom-css-js/), [Polish](https://pl.wordpress.org/plugins/custom-css-js/),
   [Russian](https://ru.wordpress.org/plugins/custom-css-js/), [Spanish (Chile)](https://cl.wordpress.org/plugins/custom-css-js/),
   [Spanish (Colombia)](https://es-co.wordpress.org/plugins/custom-css-js/), [Spanish (Ecuador)](https://es-ec.wordpress.org/plugins/custom-css-js/),
   [Spanish (Mexico)](https://es-mx.wordpress.org/plugins/custom-css-js/), [Spanish (Spain)](https://es.wordpress.org/plugins/custom-css-js/),
   [Spanish (Venezuela)](https://ve.wordpress.org/plugins/custom-css-js/) a [Swedish](https://sv.wordpress.org/plugins/custom-css-js/).
 *  [Přeložte do vašeho jazyka](https://translate.wordpress.org/projects/wp-plugins/custom-css-js)
 * Štítky
 * [add style](https://cs.wordpress.org/plugins/tags/add-style/)[custom css](https://cs.wordpress.org/plugins/tags/custom-css/)
   [custom js](https://cs.wordpress.org/plugins/tags/custom-js/)[customize theme](https://cs.wordpress.org/plugins/tags/customize-theme/)
 *  [Podrobnosti](https://cs.wordpress.org/plugins/custom-css-js/advanced/)

## Hodnocení

 4.4 z 5 hvězdiček.

 *  [  82 5hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=5)
 *  [  4 4hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=4)
 *  [  4 3hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=3)
 *  [  2 2hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=2)
 *  [  11 1hvězdičkové hodnocení     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/custom-css-js/reviews/#new-post)

[Zobrazit všechny recenze](https://wordpress.org/support/plugin/custom-css-js/reviews/)

## Spolupracovníci

 *   [ SilkyPress ](https://profiles.wordpress.org/diana_burduja/)

## Podpora

Potřebujete pomoc?

 [Fórum podpory](https://wordpress.org/support/plugin/custom-css-js/)