Title: Prosty własny CSS i JS
Author: SilkyPress
Published: <strong>2015-12-07</strong>
Last modified: 2026-05-20

---

Szukaj wtyczek

![](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)

# Prosty własny CSS i JS

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

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

 * [Szczegóły](https://pl.wordpress.org/plugins/custom-css-js/#description)
 * [Recenzje](https://pl.wordpress.org/plugins/custom-css-js/#reviews)
 *  [Instalacja](https://pl.wordpress.org/plugins/custom-css-js/#installation)
 * [Rozwój](https://pl.wordpress.org/plugins/custom-css-js/#developers)

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

## Opis

Spersonalizuj wygląd swojej strony na WordPressie dodając w prosty sposób własny
kod CSS oraz JS. Nie musisz modyfikować plików motywu lub wtyczek. To idealny sposób
na dodanie kodu CSS, który podrasuje Twoją stronę.

#### Funkcje

 * **Text editor** with syntax highlighting
 * Wydrukuj kod **wbudowany** lub dołącz do **pliku zewnętrznego**
 * Wydrukuj kod w **nagłówku** lub **stopce**
 * Dodaj CSS lub JS do **front-endu** lub **strony administracyjnej**
 * Dodaj tyle kodów, ile chcesz
 * Zachowaj zmiany także podczas zmiany motywu

## Zrzuty ekranu

 * [[
 * Zarządzaj własnymi kodami
 * [[
 * Dodaj/Edytuj JavaScript
 * [[
 * Dodaj/Edytuj CSS
 * [[
 * Dodaj/Edytuj HTML

## Instalacja

 * W panelu administracyjnym WP kliknij „Wtyczki” -> „Dodaj nową”.
 * W polu wprowadzania przeglądarki wpisz „Prosty własny CSS i JS”.
 * Wybierz wtyczkę „Prosty własny CSS i JS” i kliknij „Zainstaluj”.
 * Włącz wtyczkę.

LUB…

 * Pobierz wtyczkę z tej strony.
 * Zapisz plik .zip w wybranym miejscu na swoim komputerze.
 * Otwórz panel administracyjny WP i kliknij „Wtyczki” -> „Dodaj nową”.
 * Kliknij „Prześlij”, a następnie przejdź do pliku .zip pobranego z tej strony.
 * Kliknij „Zainstaluj” i następnie „Włącz wtyczkę”.

LUB…

 * Pobierz wtyczkę z tej strony.
 * Wypakuj plik .zip do wybranego katalogu na swoim komputerze.
 * Aby uzyskać dostęp do katalogów plików swojej witryny, skorzystaj z protokołu
   FTP lub cPanel swojego hosta.
 * Przejdź do katalogu `wp-content/plugins`.
 * Prześlij wyodrębniony katalog `custom-css-js` do tej lokalizacji katalogu.
 * Otwórz panel administracyjny WP, kliknij stronę „Wtyczki”, a następnie kliknij„
   Włącz” pod nowo dodaną wtyczką „Prosty własny CSS i JS”.

## Najczęściej zadawane pytania

### A co jeśli chcę dodać wiele zewnętrznych kodów CSS?

Jeśli dodasz kilka wstawek zewnętrznych tego samego typu (np. dwie wstawki zewnętrzne
z kodem CSS), wtedy wszystkie one będą wylistowane jedna za drugą.

### Czy ta wtyczka wpłynie na czas wczytywania?

Gdy klikasz przycisk `Zapisz`, kod zostaje zapisany w plikach cache. Nie ma zatem
mowy o nagminnym odpytywaniu bazy danych, co mogłoby przyczynić się do zwolnienia
prędkości działania strony.

### Czy wtyczka modyfikuje kod, który piszę w edytorze?

Nie. Kod, który wprowadzasz jest wstawiany do strony w taki sposób, w jaki go wprowadziłeś.
Nie jest on modyfikowany, sprawdzany, weryfikowany w żaden sposób. Bierzesz pełną
odpowiedzialność za to, jaki kod wprowadzasz i ewentualne błędy.

### Mój kod nie pojawia się na stronie

Spróbuj jednego z poniższych:
 1. Jeśli używasz wtyczki typu cache plugin (np. „
W3 Total Cache lub „WP Fastest Cache”), to nie zapomnij wyczyścić pamięci podręcznej
po dodaniu nowej wstawki lub edycji aktualnej. 2. Upewnij się, że wstawka znajduje
się w **Opublikowanych**, a nie w **Szkicach** lub **Koszu** 3. Sprawdź czy folder`
wp-content/uploads/custom-css-js` znajduje się na serwerze i ma prawa do zapisu.

### Czy ta wtyczka działa z multisite?

Tak.

### Co jeśli zmienię motyw?

Wtyczka Prosty własny CSS i JS jest niezależna od używanego motywu. Wstawki dodane
do tej wtyczki będą funkcjonować na każdym aktualnie używanym motywie.

### Czy mogę użyć preprocesora CSS, np. LESS lub Sass?

Na ten moment darmowa wersja obsługuje jedynie czysty CSS. [Sprawdź wersję PRO](https://www.silkypress.com/simple-custom-css-js-pro/?utm_source=wordpress&utm_campaign=ccj_free&utm_medium=banner),
która obsługuje preprocesory CSS.

### Czy mogę wgrać własne obrazki do użycia z moimi wstawkami CSS?

Tak. Możesz wgrać własne obrazki do Biblioteki Mediów by później odnieść się do 
nich wewnątrz arkusza CSS za pomocą ich bezpośredniego URL. Przykład:
 div#content{
background-image: url(’http://przyklad.pl/wp-content/uploads/2015/12/twoje-zdjecie.
jpg’); }

### Czy mogę używać reguł CSS takich jak @import i @font-face?

Tak.

### Kto może publikować/edytować/usuwać kody niestandardowe?

Domyślnie tylko admin będzie mógł publikować, edytować i usuwać wstawki. Po aktywacji
tej wtyczki pojawi się taka rola jak Web Designer. Możesz przypisać dowolnego użytkownika
do tej roli, aby umożliwić mu tworzenie, edycję i usuwanie wstawek. W ustawieniach
tej wtyczki znajduje się opcja usunięcia tej roli.

### Moja witryna ma adresy URL HTTPS, ale kody są połączone jako HTTP

Adres URL dla połączonych kodów jest tworzony tak samo jak adres URL dla innych 
mediów (z biblioteki multimediów) za pomocą opcji Adres WordPress znajdującej się
na stronie WP Admin -> Ustawienia -> Ogólne, jak pokazano na [tym zrzucie ekranu](https://www.silkypress.com/wp-content/uploads/2016/12/ccj-siteurl.png).
Jeśli adres WordPress ma HTTPS w adresie URL, to własne kody i wszystkie inne media
będą miały HTTPS w adresie URL.

## Recenzje

![](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/) 2026-04-17

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/) 2026-04-01

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/) 2026-01-19

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/) 2025-08-18

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/) 2025-06-23

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/) 2025-02-22

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.

 [ Przeczytaj 103 recenzje ](https://wordpress.org/support/plugin/custom-css-js/reviews/)

## Kontrybutorzy i deweloperzy

„Prosty własny CSS i JS” jest oprogramowaniem open source. Poniższe osoby miały 
wkład w rozwój wtyczki.

Zaangażowani

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

Wtyczka „Prosty własny CSS i JS” została przetłumaczona na 17 języków. Podziękuj
[tłumaczom](https://translate.wordpress.org/projects/wp-plugins/custom-css-js/contributors)
za ich wkład.

[Przetłumacz wtyczkę “Prosty własny CSS i JS” na swój język.](https://translate.wordpress.org/projects/wp-plugins/custom-css-js)

### Interesuje cię rozwój wtyczki?

[Przeglądaj kod](https://plugins.trac.wordpress.org/browser/custom-css-js/), sprawdź
[repozytorium SVN](https://plugins.svn.wordpress.org/custom-css-js/) lub czytaj 
[dziennik rozwoju](https://plugins.trac.wordpress.org/log/custom-css-js/) przez 
[RSS](https://plugins.trac.wordpress.org/log/custom-css-js/?limit=100&mode=stop_on_copy&format=rss).

## Rejestr zmian

#### 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

 * 05/27/2024
 * Fix: use the GMT time for showing when a custom code was published or modified

#### 3.46

 * 01/31/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

[See changelog for all versions](https://plugins.svn.wordpress.org/custom-css-js/trunk/changelog.txt).

## Meta

 *  Wersja **3.53**
 *  Ostatnia aktualizacja **2 tygodnie temu**
 *  Włączone instalacje **600 000+**
 *  Wersja WordPressa ** 3.0.1 lub nowszej **
 *  Testowano do **7.0**
 *  Wersja PHP ** 5.2.4 lub nowszej **
 *  Języki
 * [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/), i [Swedish](https://sv.wordpress.org/plugins/custom-css-js/).
 *  [Przetłumacz na swój język](https://translate.wordpress.org/projects/wp-plugins/custom-css-js)
 * Tagi
 * [add style](https://pl.wordpress.org/plugins/tags/add-style/)[custom css](https://pl.wordpress.org/plugins/tags/custom-css/)
   [custom js](https://pl.wordpress.org/plugins/tags/custom-js/)[customize theme](https://pl.wordpress.org/plugins/tags/customize-theme/)
 *  [Widok zaawansowany](https://pl.wordpress.org/plugins/custom-css-js/advanced/)

## Oceny

 4.4 na 5 gwiazdek.

 *  [  82 recenzje 5-gwiazdkowe     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=5)
 *  [  4 recenzje 4-gwiazdkowe     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=4)
 *  [  4 recenzje 3-gwiazdkowe     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=3)
 *  [  2 recenzje 2-gwiazdkowe     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=2)
 *  [  11 recenzji 1-gwiazdkowych     ](https://wordpress.org/support/plugin/custom-css-js/reviews/?filter=1)

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

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

## Zaangażowani

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

## Wsparcie

Masz coś do dodania? Potrzebujesz pomocy?

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