¿Personalizando un tema de WordPress sin cambiarlo?

18

He encontrado y descargado un tema. Sin embargo, quiero modificar algunos CSS para cambiar un poco el diseño, los colores, etc. ¿Cómo debo hacer para hacer esto, a la vez que puedo actualizar el tema sin perder los cambios?

    
pregunta googletorp 13.08.2010 - 08:25

4 respuestas

21

Si bien no puede modificarlo sin cambiarlo, puede aislar las partes que cambia creando un tema secundario. En resumen:

  1. Cree un directorio de temas en igual con su tema "principal",
  2. Cree un archivo style.css en su nuevo directorio que tenga una declaración Template: en los comentarios que nombren su tema principal y un @import url(../%parent-theme%/style.css) para importar el CSS del tema principal,
  3. Active su nuevo tema en la consola de administración de WordPress,
  4. Agregue nuevos archivos y / o copie archivos de su directorio de tema principal a su directorio de tema secundario y modifíquelos según sus preferencias, y
  5. ¡Eso es!

Podría darte muchos más detalles, pero básicamente este tipo hace un muy buen trabajo explicando Cómo crear un tema infantil así que mejor para mí solo para señalarlo.

Cuando desee actualizar el tema principal, simplemente actualice; dejará intacto el tema de su hijo. Por supuesto, es posible que el tema de su hijo no funcione a la perfección si ha cambiado demasiado al padre o si ha copiado y modificado los archivos de tema que se han actualizado en la nueva versión, no obtendrá la nueva funcionalidad sin modificarlos también, pero es un problema. Mucho mejor de empezar de nuevo cada vez!

Espero que ayude.

    
respondido por el MikeSchinkel 13.08.2010 - 08:50
2

Si todo lo que desea cambiar es un poco de css, puede crear un archivo css personalizado dentro del directorio del tema. Incluya su archivo css personalizado en el encabezado del tema y escriba nuevas declaraciones solo en el archivo css personalizado, sobrescribiendo así las declaraciones css predeterminadas del tema.

Hoja de estilo predeterminada

body{background:white;width: 960px;margin: 25px auto;}

Hoja de estilo personalizada

body{width:800px;}

Su navegador realizará llamadas http separadas para las dos hojas de estilo y aplicará los estilos en el orden en que aparecen. Cualquier declaración que se haga por última vez sobrescribirá las declaraciones hechas antes de ellos. Así que asegúrate de incluir tu hoja de estilo personalizada después de incluir otras hojas de estilo en header.php.

Si va a terminar de cambiar los archivos de plantilla como archive.php o page.php, la respuesta de MikeSchinkel le permitirá actualizar su tema si se lanza una nueva versión, sin perder sus modificaciones. Pero si todo lo que quieres es cambiar algunos css, este método funcionará bien. Solo asegúrese de guardar su hoja de estilo personalizada antes de actualizar el directorio del tema.

    
respondido por el kevtrout 21.08.2010 - 12:53
1

Definitivamente puedes crear un tema hijo. Un tema infantil mantiene su tema principal en su formato original.

Lo que hago personalmente es que estoy usando un tema de WordPress premium de MyThemeShop . En eso, mantengo mi estilo.css y el archivo de opciones del tema tal como está. Solo copio los datos del archivo a otro archivo y lo nombro un poco diferente. Por ejemplo, si estoy usando SociallyViral Theme, para crear su tema secundario, copiaré los datos de su archivo style.css y los guardaré en otro archivo con el nombre de childstyle.css.

Después de esto, ahora diseñaré funciones específicas y podré rediseñar mi tema agregando más funcionalidades en el archivo childstyle.css.

Esto mantiene mi archivo original style.css tal como está y me permite actualizarlo en el formato original.

    
respondido por el Sumit Kumar 17.02.2017 - 11:43
0

Si está interesado en un buen 'Ejercicio de laboratorio' para probar los pasos descritos anteriormente. Hay una buena guía paso a paso para para crear un tema secundario a partir del tema predeterminado de WordPress 3.x entregado Veinte . Es un tema infantil simple pero útil (llamado treinta y tres). El resultado extiende veinte temas desde un tema de dos columnas a un tema de tres columnas. También tiene algunas nuevas imágenes de encabezado.

    
respondido por el JSLittlefield 01.09.2010 - 16:23

Lea otras preguntas en las etiquetas