it-swarm-es.com

¿Personalizando un tema de WordPress sin cambiarlo?

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?.

19
googletorp

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 "padre",
  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 una @import url(../%parent-theme%/style.css) para importar el CSS del tema principal,
  3. Activa tu 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 es mejor para mí solo 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.

21
MikeSchinkel

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. Las declaraciones que se hagan las últimas serán sobreescritas de las declaraciones anteriores. Así que asegúrate de incluir tu hoja de estilo personalizada después de incluir cualquier otra hoja de estilo en header.php.

Si va a terminar cambiando 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.

2
kevtrout

Definitivamente puedes crear un tema infantil. 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 puedo 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.

1
Sumit Kumar

Si está interesado en un buen 'Ejercicio de laboratorio' para probar los pasos descritos anteriormente. Hay una guía agradable paso a paso para crear un tema secundario a partir del tema por defecto de WordPress 3.x entregado por 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.

0
JSLittlefield