Avisos
Vaciar todo

¿Cómo puedo añadir el CSS y el JS dentro de un HTML?  

 
Helena
 Helena
Usuario experto

Muy buenas tardes,

 

En mi sitio web tengo una página que tiene un código HTML, el cual requiere de CSS y JS. Es por eso que instalé el plugin de CSS & JavaScript Toolbox, pero me gustaría poder eliminar este plugin y añadir el CSS y el JS dentro del código HTML. ¿Podrían decirme cómo se hace?

 

Muchas gracias.

Contenido solo visible a usuarios registrados

Citar
Respondido : 20/07/2022 8:04 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Helena,

Dependiendo del elemento al que deseas agregar estos estilos CSS y codigos JS personalizados podemos ver alternativas sin embargo seria de ayuda que nos definas a cual elemento en especifico es que deseas aplicarle estos ajustes

Si el codigo esta incrustado directamente en HTML y el elemento ya posee clases o IDs definidos no es necesario un plugin aparte para aplicarles estilos CSS, desde las opciones del mismo Wordpress Ajustes-> Personalizar-> CSS agregado puedes colocar los estilos que gustes

Por otra parte si tienes acceso a editar el codigo puedes invocar archivos externos de Javascript o bien colocar funciones solo con agregar las etiquetas correspondientes

<script type="text/javascript">Mi codigo</script>

Quedamos atentos, Saludos!

ResponderCitar
Respondido : 20/07/2022 8:13 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Helena
 Helena
Usuario experto

Hola,

 

El tema del CSS está solucionado, ahora estoy probando de añadir el JS dentro del código de HTML por medio de la etiqueta que has comentado <script>. Pero, no sé por qué no funciona, quiero decir que el código no se ejecuta. ¿Hay algo más que deba añadir?

 

Gracias.

ResponderCitar
Respondido : 21/07/2022 3:24 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Elena.

Necesitamos que nos indiques la ruta donde tienes ese archivo y el dominio.

Un ejemplo paar añadir js en un archivo html seria el siguiente:

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction() {
  document.getElementById("demo").innerHTML = "Paragraph changed.";
}
</script>
</head>

Puedes revisar lo siguiente:

-> https://www.w3schools.com/js/js_whereto.asp

 

Un saludo

ResponderCitar
Respondido : 21/07/2022 3:36 pm

Helena
 Helena
Usuario experto

He probado esta última opción y he mirado el artículo, pero no funciona. Sigue sin ejecutarse.

 

¿Hay alguna otra opción?

ResponderCitar
Respondido : 21/07/2022 6:13 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola Helena,

He probado esta última opción y he mirado el artículo, pero no funciona. Sigue sin ejecutarse.

Tal como te he comentado anteriormente al igual que mi compañero, si no nos indicas en que apartado, sección o pagina estas intentando modificar este código muy poco podemos darte mas indicaciones

También debes tener en cuenta que los códigos que intentes agregar y no funcionen puede ser por muchos factores, entre ellos de que simplemente la sintaxis no sea la correcta y por ello no ejecute nada

Si el problema persiste y necesitas un código a medida siempre estarán a disposicion nuestros colaboradores que podrán ver tu caso a detalle https://www.webempresa.com/directorio-colaboradores.html

Saludos!

ResponderCitar
Respondido : 21/07/2022 6:33 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Helena
 Helena
Usuario experto

Perfecto, probaré con vuestros colaboradores.

ResponderCitar
Respondido : 23/07/2022 9:49 am
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Helena,

De acuerdo, quedamos atentos cómo ha ido todo 

Un saludo 😊 

ResponderCitar
Respondido : 23/07/2022 2:38 pm

Cursos Gratuitos WordPress