Descrición
Personaliza a aparencia do teu sitio de WordPress engadindo facilmente código CSS e JS personalizado sen ter que modificar os arquivos do tema ou dos plugins. É perfecto para engadir pequenos axustes de CSS personalizado ao teu sitio.
Características
- Editor de texto con resaltado de sintaxe
- Imprime o código integrado ou incluído nun arquivo externo
- Imprime o código na cabeceira ou no pé de páxina
- Engade CSS ou JS na portada ou na administración
- Engade tantos códigos como queiras
- Mantén os teus cambios tamén cando cambias de tema
Capturas

Xestionar códigos personalizados

Engadir/editar Javascript

Engadir/editar CSS

Engadir/editar HTML
Instalación
- No panel de administración de WP, fai clic en «Plugins» -> «Engadir novo».
- Na caixa de busca, escribe «Simple Custom CSS and JS».
- Selecciona o plugin «Simple Custom CSS and JS» e fai clic en «Instalar».
- Activa o plugin.
OU…
- Descarga o plugin desde esta páxina.
- Garda o arquivo .zip nunha localización do teu ordenador.
- Abre o panel de administración de WP e fai clic en «Plugins» -> «Engadir novo».
- Fai clic en «Subir» e despois busca o arquivo .zip descargado desde esta páxina.
- Fai clic en «Instalar» e despois en «Activar o plugin».
OU…
- Descarga o plugin desde esta páxina.
- Extrae o arquivo .zip nunha localización do teu ordenador.
- Usa FTP ou o cPanel do teu provedor de aloxamento para acceder aos directorios de arquivos da túa web.
- Vai ao directorio
wp-content/plugins. - Sube o cartafol
custom-css-jsextraído a esta localización do directorio. - Abre o panel de administración de WP, fai clic na páxina «Plugins» e fai clic en «Activar» debaixo do plugin «Simple Custom CSS and JS» que acabas de engadir.
Preguntas frecuentes
-
Que pasa se quero engadir varios códigos CSS externos?
-
Se escribes varios códigos do mesmo tipo (por exemplo, dous códigos CSS externos), imprimiranse todos un despois do outro
-
Afectará este plugin ao tempo de carga?
-
Cando fas clic no botón
Gardar, os códigos gárdanse na caché en arquivos, así que non hai consultas tediosas á base de datos. -
O plugin modifica o código que escribo no editor?
-
Non, o código imprímese exactamente como está no editor. Non se modifica/comproba/valida de ningunha maneira. Ti asumes toda a responsabilidade do que escribas nel.
-
O meu código non se amosa na web
-
Proba unha das seguintes opcións:
1. Se usas algún plugin de caché (como «W3 Total Cache» ou «WP Fastest Cache»), non esquezas borrar a caché antes de ver o código impreso na web.
2. Asegúrate de que o código está en estado Publicado (non Borrador nin na papeleira).
3. Comproba se o cartafolwp-content/uploads/custom-css-jsexiste e ten permisos de escritura -
Funciona cunha rede multisitio?
-
Si.
-
Que pasa se cambio o tema?
-
O CSS e o JS son independentes do tema e mantéñense aínda que cambies de tema. Isto é especialmente útil se aplicas CSS e JS para modificar a saída dun plugin.
-
Podo usar un preprocesador de CSS como LESS ou Sass?
-
Polo de agora só se admite CSS simple, pero podes botar unha ollada á versión Pro se necesitas un preprocesador de CSS.
-
Podo subir imaxes para usalas no meu CSS?
-
Si. Podes subir unha imaxe á túa biblioteca multimedia e despois facer referencia a ela pola súa URL directa desde a folla de estilos CSS. Por exemplo:
div#content {
background-image: url(‘http://example.com/wp-content/uploads/2015/12/image.jpg’);
} -
Podo usar regras CSS como @import e @font-face?
-
Si.
-
Quen pode publicar/editar/borrar códigos personalizados?
-
Por defecto, só o administrador poderá publicar/editar/borrar códigos personalizados. Ao activar o plugin créase un perfil chamado Web Designer. Podes asignar este perfil a un usuario que non sexa administrador para permitirlle publicar/editar/borrar códigos personalizados. Na páxina de axustes do plugin hai unha opción para eliminar este perfil.
-
A miña web ten URL con HTTPS, pero os códigos líganse como HTTP
-
A URL dos códigos ligados constrúese igual que a URL doutros medios (da biblioteca multimedia), usando a opción Enderezo de WordPress que se atopa na páxina Administración de WP -> Axustes -> Xeral, como se ve nesta captura de pantalla. Se o Enderezo de WordPress ten HTTPS na URL, os códigos personalizados e todos os demais medios terán HTTPS na URL.
Comentarios
Colaboradores e desenvolvedores
“Simple Custom CSS and JS” é un software de código aberto. As seguintes persoas colaboraron con este plugin.
Colaboradores“Simple Custom CSS and JS” foi traducido a 19 idiomas. Grazas aos desenvolvedores polas súas contribucións.
Traduce “Simple Custom CSS and JS” ao teu idioma.
Interesado no desenvolvemento?
Revisa o código, bota unha ollada aorepositorio SVN, ou subscríbete ao log de desenvolvemento por RSS.
Rexistro de cambios
3.54
- 08/20/2026
- Compatibilidade con WP 7.1 (corrixido o fallo https://wordpress.org/support/topic/bug-fix-for-wordpress-7-1-html-snippets-returning-empty-in-__call/ )
- Cambio: actualízase o requisito mínimo de WP á 4.2
3.53
- 05/20/2026
- Corrección: o filtro «list_table_primary_column» só debe afectar á táboa de códigos personalizados
3.52
- 03/06/2026
- Corrección: non cargar block_css.css nin block_js.js na portada
- Engadida a opción «Eliminar os comentarios dos códigos personalizados ligados externamente»
3.51.3
- 01/09/2026
- Corrección de https://wordpress.org/support/topic/recent-update-crashes-admin-panel/
3.51.2
- 12/21/2025
- Compatibilidade con WP6.9
- Axuste: engadidas notas para os tradutores nas cadeas traducibles
- Axuste: úsase a función
wp_delete_file, que permite un filtro antes de borrar un arquivo
3.51.1
- 10/14/2025
- Corrección: engadida a icona de arrastre que fai que o editor se poida expandir
- Corrección: faltaba o resaltado de sintaxe nos códigos personalizados HTML debido á sobrescritura dun ID dun array
3.51
- 09/06/2025
- Axuste: actualízase a biblioteca CodeMirror á versión 5.65.20
- Corrección: cámbiase o método de carga no editor de bloques ao recomendado «enqueue_block_assets»
3.50
- 02/17/2025
- Corrección: o editor non aparece en determinadas condicións
- Corrección: non amosar os extractos do código na táboa da lista se a opción «Vista ampliada» está activada para entradas ou páxinas
3.49
- 11/13/2024
- Corrección: engadido un matiz para a opción «no editor de bloques» nas webs con WP anterior á v6.6 e posterior
3.48
- 09/24/2024
- Característica: engadir códigos personalizados JS/CSS ao editor de bloques
3.47
- 05/27/2024
- Corrección: usar a hora GMT para amosar cando se publicou ou modificou un código personalizado
3.46
- 01/31/2024
- Axuste: actualizadas as ligazóns das bibliotecas Bootstrap e jQuery
- Axuste: eliminado o aviso de qTranslate-x. O plugin qTranslate-x retirouse de wp.org en agosto de 2021
