Avisos
Vaciar todo

Configurar JCE para aplicar estilos personalizados  

 
Aurelio
 Aurelio
Reputable Member

Hola, andaba buscando información de cómo se configura el parámetro de JCE para aplicar un estilo personalizado a un artículo ya que esto lo quiero hacer para programar las queries y me posicione bien los elementos de un artículo en dispositivos móviles. He leído un post de una tal Rosa en la que se lo explicáis más o menos pero yo he hecho lo siguiente:

1. Me he creado un archivo css que se llama personalizado.css y esto lo he subido a través del componente extplorer
2. He ido al componente JCE y en la configuración global -> Estilos del Editor -> personalizado y en archivo personalizado he puesto la siguiente ruta: templates/$encelado/css-compiled/personalizado.css

Cuando voy al artículo para ver si me aparecen estilos, ahí no me aparece nada. Adjunto dos capturas

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 17/05/2016 6:45 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Usa esta ruta :

/templates/encelado/css-compiled/personalizado.css

Con un / delante y quitando el signo dolar del nombre del template
Prueba con un estilo de cambio de colro del texto y verifica si te funciona.

Saludos.

ResponderCitar
Respondido : 17/05/2016 7:36 pm

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

Aurelio
 Aurelio
Reputable Member

Hola Jhon, funciona pero no estoy seguro si del todo bien, puesto que, yo he metido este código:

.parrafo2
{
color:yellow;
}

Esto que pongo funciona pero sin embargo si hago esto:
@media only screen and (max-width: 480px)
{
.parrafo
{
margin-left:0px;
text-align:justify;
}
}

No funciona, ¿puedes decirme por qué?

ResponderCitar
Respondido : 17/05/2016 9:32 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

La pregunta sería por que usas una sentencia de @media en este archivo
La idea de tener un archivo .css para el editor JCE es que sólo veas temas de colores, tipos de letra y estilos aplicados al texto.

Si quieres cambiar la estructura o hacer qeu funcione de otra forma en modo responsive mejor colcoa este código en otro archivo .css , ten en cuenta que este archivo que has creado además no esta siendo cargado en el front-end del sitio por lo que los estilos solo lo estas visualizando para JCE, tendrías que hacer qeu tu tempalte cargue este archivo de esta manera verás lo mismo que se muestra en JCE en el front-end del sitio.

Veo que estas usando un template basado en el framework gantry, en tal caso mejor usa un archivo personalizado CSS para gantry, y usa este archivo también para cargar en el JCE
https://www.webempresa.com/blog/agregar-archivo-css-personalizado-para-plantillas-gantry.html

En este archvo puesto que no sólo será para JCE si que puedes poner cualquier tipo de código.

Saludos.

ResponderCitar
Respondido : 17/05/2016 11:22 pm

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

Aurelio
 Aurelio
Reputable Member

Hola, ¿podríais indicarme qué archivo hay que tocar para poner una estructura responsive para lo que estoy solicitando?

ResponderCitar
Respondido : 19/05/2016 10:58 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Aurelio.
Como te indica mi compañero Jhon, al utilizar una plantilla basada en el framework Gantry, tienes la opción de poder CREAR un archivo para realizar las modificaciones, esto hace que al actualizar los componentes, módulos, estilos, etc, no pierdas las modificaciones echas por la actualización ya que lo tenemos en un archivo independiente, si lo realizáramos directamente en el archivo del componente o modulo al actualizarlo se perdería ya que lo sobreecribiria.

para Crear el archivo revisa lo siguiente:
Agregar archivo CSS personalizado para plantillas Gantry

Este archivo lo puedes utilizar para cualquier estilo que quieras aplicar tanto de la plantilla como de los módulos.

Un saludo

ResponderCitar
Respondido : 19/05/2016 11:47 am

Cursos Gratuitos WordPress

Aurelio
 Aurelio
Reputable Member

Hola Pepe, he visto el vídeo y me ha resultado muy útil, no sabía esto y está genial y es muy cómodo. Da el tema por cerrado porque lo he probado y funciona perfecto.

ResponderCitar
Respondido : 19/05/2016 1:18 pm