Una vez tenemos instalado Thesis Theme, el mismo dispone de un apartado de diseño en el cual podremos caracterizar nuestro blog cómo queramos. Podemos escojer el numero de sidebars que queramos, cambiar los colores de las tipografias o el color de fondo, hasta nos añade por cortesía del autor un degradado cuando escojemos un color de fondo que no es blanco, muy interesante la verdad.
Así que en 10 minutos podemos tener nuestro blog customizado a medida sin mucho esfuerzo ni conocimiento de CSS, HTML o PHP.
Pero en algunos casos vamos a querer editar un poco más nuestro blog, detalles más concisos para los que no tenemos opciones en el Design Panel de Thesis. Para cambiar la apariencia de tu Thesis, o cualquier web, usaremos CSS y HTML, para los que no estáis nada familiarizados con código, digamos que:
El HTML es el lenguaje que le dice al navegador qué mostrarnos y el CSS es el que define cómo mostrarlas visualmente.
Para este tutorial supondremos que tenemos conocimientos básicos de CSS.
Cómo Usar el Archivo Custom.css de Thesis Theme
El archivo custom.css que podemos editar en nuestro Thesis, es la brillante manera que han elejido los creadores de Thesis para poder modificar el diseño de nuestro blog sin tener que “ensuciarnos las manos” o editar mucho código.
Cáda página de Thesis carga en la etiqueta body del documento la classe custom, así que los cambios que apliquemos en dicho documento se verán realizados, y evitaremos modificar código interno de la plantilla, por si un día por ejemplo queremos volver al diseño original o crear uno nuevo.
Lo único que debemos tener en mente, es que es necesario indicar antes del elemento a editar que usamos la clase .custom, tipo:
.custom #tagline p{ color: red; }
Aquí estaríamos cambiando el color del slogan o tagline de nuestro blog a rojo, cómo véis, antes de la definición propia del elemento, añadimos .custom.
Con esto, podemos editar cualquier bloque, tipografía o color de nuestra plantilla. De hecho, podemos crear una nueva plantilla a partir del mismo Thesis desde 0 y así poder usar Thesis Theme y WordPress cómo CSS para crear páginas web dinámicas. Más adelante escribiré sobre eso. Puedes suscribirte al RSS para no perderte ni un post.
{ 5 comentarios… leelas a continuación oañadir uno }
Que tal como andas
Buen trabajo el que andas haciendo.
La verdad interesante el enfoque de tu blog, yo he adquirido Thesis y hasta ahora ando muy satisfecho (Subiendo contendidos y el setup SEO). La configuración de mi blog desde el punto de vista gráfico esta totalmente en cero, esta en flat. Y me he preguntado durante la última semana que tanta flexibilidad grafica permite este Theme. Durante varios tuve una agencia de marketing online y coordine el area de diseño y estrategia y la verdad me encantaría imprimirle toda la personalidad gráfica al sitio que busco.
Me gustaría bajo tu experiencia saber que piensas, hasta donde realmente se deja customizar el CSS de Thesis. Tienes algún ejemplo, o mejor sabes de alguién que pueda hacerme el trabajo?
En el link adjunto te dejo la dirección de mi blog para que me des tu opinion.
Saludos
Hola, en primer lugar felicidades por la iniciativa de este blog, es muy buena.
He adquirido hace poco este tema y estoy encantado con él. De momento el problema que tengo es que no sé como implementar botones automáticamente en las entradas de mi blog.
Veo que tú tienes uno para mostrar los twitts que mencionan esta entrada, yo querría poner ese, el de votar en bitácoras y el de facebook ¿Como puedo hacer esto?
Y ya de paso la forma de poner disponerlos en diferentes sitios de la entrada, por probar como quedan mejor, colocarlos al principio, final o meter alguno de ellos en el título del artículo en cuestión
Gracias por todo.
Hola Daniel,
Esta funcionalidad que comentas, la he conseguido mediante un plugin llamado “ReTweet Button” lo puedes descargar gratis desde aqui
Hola Nicolas,
Thesis dispone de varias ‘tácticas’ para implementar tus propios diseños en Wordpress.
La más fácil de usar, es lo que hago aqui mismo, en Thesistheme.es.
Se trata de editar el archivo custom.css y utilizar la classe .custom para definir todos tu estlos del blog. Voy a escribir pronto un post explicando.
Saludos.
Excelente articulo!! muy claro, quisiera saber si no estas pensando vender algun manual en español sobre Thesis Theme. Yo lo quisiera me vendria muy bien!!