Editar archivos CSS Compiled desdel cPanel  

 
WORLD NATURE
 WORLD NATURE
Reputable Member

Hola,

Abrimos este nuevo tema en referencia a la edición de los archivos CSS de nuestra plantilla Gantry (Rockettheme).

Esta plantilla lleva una carpeta "CSS Compiled", que entendemos que se trata de CSS compilado o comprimido.

La cuestión es que cuando desde cPanel queremos editar un archivo CSS que se encuentra en esa carpeta (CSS Compiled) con el editor de código utf8, no nos presenta el código CSS en cascada, sinó en una sola línea y en blanco y negro. Lo que nos dificulta enormemente poder editar el archivo.

¿Hay alguna solución fácil? ¿Que tipo de editor deberíamos utilizar?

Gracias

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 13/01/2013 5:09 pm
Johnny Heredia Montiel
 Johnny Heredia Montiel
Miembro Moderator

Hola WORLD NATURE,

Nos tendrías que adjuntar capturas de los ficheros CSS de tu plantilla y también la ruta del fichero CSS que intentas modificar para poder brindarte mejor asesoría.

Saludos.

Si nuestra ayuda te ha sido útil, déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/01/2013 5:44 pm

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

WORLD NATURE
 WORLD NATURE
Reputable Member

Hola Jhonny,

La ruta que utilizamos en el cPanel es: Administrador de Archivos---> public_html--->www.wnature.org--->Templates--->Gantry--->CSS-Compiled.

Adjuntamos imagenes:

Gracias

ResponderCitar
Respondido : 13/01/2013 6:09 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola WORLD NATURE,

La cuestión es que cuando desde cPanel queremos editar un archivo CSS que se encuentra en esa carpeta (CSS Compiled) con el editor de código utf8, no nos presenta el código CSS en cascada, sinó en una sola línea y en blanco y negro. Lo que nos dificulta enormemente poder editar el archivo.

Los estilos CSS comprimidos son fruto de aplicar compresión CSS en la plantilla para que entre otras cosas esta cargue más rápida.

No obstante, a nivel desarrollo, es importante DESACTIVAR esta funcionalidad en la plantilla si se pretende hacer cambios en el CSS de forma constante durante la fase de desarrollo de la web y adaptación de la plantilla ya que el algoritmo de compresión va a impedir que puedas aplicar cambios correctos a un estilo en CSS Compiled ya que se supene que esa es una carpeta "destino" donde la plantilla escribe los archivos CSS comprimidos.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/01/2013 6:29 pm

Cursos Gratuitos WordPress

WORLD NATURE
 WORLD NATURE
Reputable Member

Hola Luis,

Acabo de poner en OFF la función de compresión de CSS y hemos limpiado la Caché como indica.

Pero sigo sin poder ver bien el código CSS con el editor utf8 en el cPanel ni tampoco con extplorer.

¿Alguna sugerencia más?

gracias

ResponderCitar
Respondido : 13/01/2013 7:45 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola WORLD NATURE,

Además de la compresión CSS de la plantilla ¿tienes habilitada alguna otra opción de compresión en tu web?.

Por ejemplo:

Una captura de como sigues viendo el código desde tu cPanel, Administrador de Archivos, Editor de Código nos ayudará a situarnos mejor.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/01/2013 9:02 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

WORLD NATURE
 WORLD NATURE
Reputable Member

Hola,

respondiendo a vuestra petición.

No, no tenemos activado la opción de compresión Gzip.

Seguimos viendo el código como en la imagen del principio.

Gracias

ResponderCitar
Respondido : 20/01/2013 7:01 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola WORLD NATURE,

Entonces, según comentas NO estás actualmente usando compresión GZip ni en la Configuración Global de la web ni en la plantilla en uso, ni a través de plugins que realicen este tipo de tareas, ni esto lo has realizado anteriormente a este momento (lo que habrá dejado el código ya comprimido)

¿correcto?

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 20/01/2013 7:03 pm

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

WORLD NATURE
 WORLD NATURE
Reputable Member

Hola Luís,

Es correcto. No hemos realizado ningún tipo de compresión. La plantilla de Gantry ya venia así.

Saludos

ResponderCitar
Respondido : 20/01/2013 7:42 pm
Jordi Sala
 Jordi Sala
Miembro Admin

Hola WORLD NATURE,

Puede que el archivo tenga esa estructura de tener todo el código de la forma que indicas.

Procede a descargar en tu ordenador, y probar de editar con programas editores de código, como por ejemplo editplus, texpad, notepad ++, dreamweaver, etc.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar mi Testimonio

ResponderCitar
Respondido : 21/01/2013 8:57 am

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

WORLD NATURE
 WORLD NATURE
Reputable Member

Hola Jordi,

Hemos abierto uno de los archivos CSS de Gantry en Notepad++ como habeís indicado. El resultado es que seguimos viéndolo igual, totalmente comprimido, però en colores, así que no puedemos ver donde empieza cada linea de código...

Como vemos que tenemos problemas en este sentido con Gantry, hemos visto que por defecto el PackWempresa tiene la plantilla Shape5_vertex con el Framwork S5 Shape que es igual de completa i funcional, nos ha parecido incluso más potente que Gantry...

¿Es mejor? ¿vemos que tambien puede comprimeir el codigo CSS? ¿Pero podemos NO comprimirlo para editarlo?

Gracias por vuestros comentarios y soluciones

ResponderCitar
Respondido : 16/02/2013 11:51 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola WORLD NATURE,

Si miras el código fuente o los estilos CSS con Firebug del framwork "free" Vertex verás que no está comprimido.

- http://www.shape5.com/demo/vertex/

Son frameworks diferentes, cada cual tiene sus virtudes y sus desventajas, todo depende d elo que quieras construir.

En Joomla! hay varios frameworks utilizados para la creación de plantillas: Gantry, T3, YJSimpleGrid, Themes Warp, Helix, Zen Grid, S5 Vetex, YAML entre otros.

Saludos

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 16/02/2013 1:27 pm

Cursos Gratuitos WordPress

WORLD NATURE
 WORLD NATURE
Reputable Member

Gracias Luis,

Entiendo que si vosotros trabajais con Vertex de Shape5 nos podreis dar mejor soporte, aunque como bien dices hay más frameworks y todos tienen sus particulariadaes.

Gracias, tema solucionado!

ResponderCitar
Respondido : 16/02/2013 2:42 pm

Por favor Iniciar Sesión o Registro