Avisos
Vaciar todo

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

8 Respuestas
4 Usuarios
0 Reactions
23 Visitas
Respuestas: 68
Trusted Member
Topic starter
 

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


 
Respondido : 20/07/2022 7:04 pm
Tags del tema
Bruno
Respuestas: 6485
Illustrious Member 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!


 
Respondido : 20/07/2022 7:13 pm
Respuestas: 68
Trusted Member
Topic starter
 

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.


 
Respondido : 21/07/2022 2:24 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member 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


 
Respondido : 21/07/2022 2:36 pm
Respuestas: 68
Trusted Member
Topic starter
 

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

 

¿Hay alguna otra opción?


 
Respondido : 21/07/2022 5:13 pm
Bruno
Respuestas: 6485
Illustrious Member 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!


 
Respondido : 21/07/2022 5:33 pm
Respuestas: 68
Trusted Member
Topic starter
 

Perfecto, probaré con vuestros colaboradores.


 
Respondido : 23/07/2022 8:49 am
Karen Rios
Respuestas: 18677
Illustrious Member Moderator
 

Hola Helena,

De acuerdo, quedamos atentos cómo ha ido todo 

Un saludo 😊 


 
Respondido : 23/07/2022 1:38 pm