Problemas con los css con versión. (nombredelestilo.css?ver=43) (SOLUCIONADO)  

Saludos Eugenio,

No es recomendable modificar los archivos de estilo CSS originales del tema, precisamente para evitar este tipo de conflictos.

Lo correcto es utilizar los Child Themes, en el siguiente artículo se explica cómo:

https://www.webempresa.com/blog/crear-temas-hijo-child-themes-en-wordpress.html

De esta manera tendrás un archivo CSS independiente del original que evitará la sobreescritura de estilos. Si se resulta complicado realizar lo que se explica en el artículo que te proporcioné puedes probar con algún plugin como Child Theme Configurator, el cual puedes descargar desde el siguiente enlace:

https://wordpress.org/plugins/child-theme-configurator/

Por favor, haznos saber si tu problema se solucionó.

Saludos cordiales.

Hola, gracias por tu respuesta.

Tengo otra duda... Voy a utilizar un child Theme como me propones, y mi pregunta es la siguiente:

¿Puedo usar los estilos del archivo que he estado modificando? Es decir, utilizar dicho archivo para crear el Child Theme, no se si me explico.

Es por que he modificado bastantes cosas, y ahora no sabría que lineas de código CSS he modificado.

Un saludo y gracias de nuevo

Hola Eugenio,

Suponiendo que implementarás el Child Theme siguiendo el procedimiento que se explica en el artículo que te comarpartí deberás copiar todo el contenido del archivo que has modificado nombredelestilo.css al css hijo (style.css), en lugar de utilizar @import url("../yoo_balance_wp/style.css");

Es decir, el siguiente código:

/*
   Theme Name: Child Yoo Balance
   Theme URI:  http://www.yootheme.com/themes/ 
   Version: 1
   Description: Child Theme. Parent Theme YOO Balance WordPress
   Author: Webempresa
   Author URI:  https://www.webempresa.com 
   Template: yoo_balance_wp
*/
@import url("../yoo_balance_wp/style.css");

Debes reemplezarlo por el siguiente:

/*
   Theme Name: Child Yoo Balance
   Theme URI:  http://www.yootheme.com/themes/ 
   Version: 1
   Description: Child Theme. Parent Theme YOO Balance WordPress
   Author: Webempresa
   Author URI:  https://www.webempresa.com 
   Template: yoo_balance_wp
*/
todos_tus_estilos_css_del_actual_archivo_css_base{}

Es decir, todo el contenido del archivo nombredelestilo.css debes pegarlo debajo de la línea */

Si utilizas un plugin para crear el child theme notarás que creará un archivo css, deberás realizar el mismo proceso, copiar el codigo css unicamente de nombredelestilo.css al nuevo archivo css generado.

Espero que la información te sea de utilidad, cualquier otra consulta que tengas háznosla llegar para ayudarte a resolverla.

Saludos cordiales.

Buenos dias.

He creado un tema hijo, y he seguido los pasos que me proponías en tus anteriores respuestas. Pero no surten efecto. Al cargar el tema hijo, me vuelve a cargar los estilos originales.

Creo que el problema es que los estilos que he ido modificando no estan en el archivo style.css, esta en otro directorio del tema. No se si por eso los cambios no funcionan.

Es estilo se llama skin-custom.css y esta en una carpeta diferente a la que stá style.css. Puede ser por eso que no funcione?

Saludos

Hola Eugenio.

Te explico los pasos:
.- creas una carpeta con el nombre motors-child
.- Dentro de ese carpeta creas un archivo css con el nombre style.css

En el archivo añade la siguiente cabecera:

/*
Theme Name: motors Child
Theme URI: http://www.gasauto.com/themes/
Description: motors Child Theme
Author: Khaos Digital
Author URI: http://example.com
Template: motors
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: motors-child
*/

Debajo de esa cabecera añades los códigos de estilos.

.- Crea un archivo PHP y lo guardas en la carpeta motors-child
.- Edita el archivo y añade lo siguiente:

<?php
function mis_estilos()
{
     wp_enqueue_style( 'child-theme-css', '[../themes/motors/style.css"]' );
}
add_action( 'wp_enqueue_scripts', 'mis_estilos' );

.- accede al administrador de Wordpress y veras qu etienes una nueva plantilla con el nombre motor child, selecciona esa plantilla como activa.

Comprueba si después de esos pasos se muestran los estilos.

Un saludo

Hola Pepe, gracias por tu respuesta...

He hecho lo que me comentas y nada. No hay manera de ver los estilos.

Tal vez es por que no tengo mucha idea de todo esto, ya que no tengo conocimientos de programación y a veces me lío un poco.

La url temporal que estoy usando es : Contenido solo visible a usuarios registrados
El archivo php que he creado se llama: c_motors.php

No se si con esto, podemos avanzar un poco.

Siento las molestias causadas hasta el momento.

Saludos

Hola Eugenio.

El archivo php que he creado se llama: c_motors.php
El archivo tienes que llamarlo " functions.php "

Una vez eso en el administrador de wordpress tienes que seleccionar como plantilla activa la child

Un saludo

Acabo de renombrar el archivo php, y todo sigue igual. No muestra los estilos modificados.

Me debo de haber perdido en algún sitio. El hecho de que los estilos que estoy intentando visualizar estén en una ruta diferente a style.css, puede afectar en algo? (skin_custom.css, no esta en la misma ruta que style.css)

gracias

Hola

Si activas el theme padre si carga ese archivo: skin_custom.css

Teóricamente debería seguir cargando ese archivo cuando cargas el theme hijo, ya que los functions.php de ambos (theme padre y theme hijo) se combinan y es en el theme padre en donde posiblemente pones en cola a este archivo skin_custom.css.

Verifica esto, como última opción podrías copiar todos los estilos del archivo skin_custom.css (todo el contenido) y pegarlo al final del archivo style.css del theme hijo.

Saludos.

Hola Eugenio.

El hecho de que los estilos que estoy intentando visualizar estén en una ruta diferente a style.css, puede afectar en algo?

Si, tienes que copiar todos los estilos que tengas en el archivo skin_custom.css al archivo style.css que tienes en la carpeta child.

Recuerda que tienes que seleccionar como plantilla activa la child-theme

Un saludo

Si, eso ya lo tengo hecho, en el archivo style.css de la carpeta child estan todos los estilos del archivo skin-custom.css.

Por eso me extraña que cuando yo selecciona como tema activo el child, se vea todo con los estilos originales del tema, y no con los que he pegado yo.

Debe haber algo que no haya hecho bien, o tal vez este tema no admita tener temas hijo.

Hola

Si tu theme tiene la opción de colocar un archivo css personalizado, como entiendo es el caso del archivo : skin_custom.css , entonces no sería tan necesario que tengas un childtheme para editar estilos CSS ya que el theme debería respetar este archivo y no sobreescribirlo cuando se actualice.

Saludos.

Hola jhon

skin-custom.css no corresponde a un archivo css personalizado. De hecho en la personalización del tema, en la opcion CSS (que efectivamente suele ser un css que afecta a la plantilla y que se puede personalizar), aparece vacio.

Es un archivo que controla los estilos del tema, pero que solo puede ser editado si lo descargo por FTP, desde la admin de WP no puedo editarlo. El problema es que despues de editar, si por lo que sea personaliza algo del tema mediante la admin, al guardar vuelve a cargar una versión antigua de este CSS. Y para "forzar" ver los estilos modificados, tego que volver a subir el archivo skin-custom.css, vía FTP. Y al refrescar el navegador vuelvo a verlo todo modificado.

Hola

Ok, ya veo que ese archivo puede que se genera de acuerdo a la configuación de colores, etc de tu theme y no te servirá para código personalizado adicional
Contenido solo visible a usuarios registrados

En cualquier caso, estas agregando mucho código CSS adicional, ya que para no complicarte creando un tema hijo podrías evaluar agregar tu código CSS adicional directamente en : Apariencia > Personalizar CSS del theme y usar directamente el theme padre, de esta manera no perderás los cambios

Saludos