Simple Custom CSS and JS

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

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-js extraí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 cartafol wp-content/uploads/custom-css-js existe 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

17 de Abril de 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.
23 de Xuño de 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.
22 de Febreiro de 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.
Ler todas as 103 opinións

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

Consulta o rexistro de cambios de todas as versións.