Theme SimplyTabbed para WordPress
Ahora voy a liberar uno de los themes que tenía empolvados, y es que lo usaba en un blog pero después hice algunos cambios y finalmente usé otro diseño. Antes que nada debo aclararles que no tenía pensado liberar esta plantilla, por lo que el código no es tan limpio como quisiera, ni la personalización del diseño que se merece. También confieso que el código XHTML no valida, tiene 12 errores, son fáciles de corregir pero no he tenido tiempo de arreglarlos, lo siento, pero van a tener que modificar algunas lineas si quieren validar. tanto el XHTML como el CSS validan perfectamente (gracias Aquilez). Hablando en general, es un tema muy sencillo, minimalista, limpio y con 3 columnas, una para el contenido y dos más que forman la sidebar a la derecha, y por último comentar que el ancho es fijo (fixed).
Las páginas se muestran en forma de menú con pestañas (tabs), de ahí el nombre. Hay un pequeño error en las imágenes, ya que se ve un pequeño espacio en blanco en el área de las pestañas, casi no se ve, pero los puristas pueden saltar de sus asientos con esto. El theme está lejos de ser perfecto y estar “listo” para ser liberado, pero prefiero compartirlo que simplemente dejarlo sin usar. Pueden usarlo para aprender cosas básicas sobre XHTML y CSS, pueden modificarlo, deshacerlo, rehacerlo, lo que ustedes quieran. Sólo pido un enlace en el footer hacia este blog, aunque si lo remueven no habrá acciones en su contra =).
He añadido unas clases para alinear las imágenes en los posts y evitarse problemas de alineamiento. Cuando vayan a escribir un post, pueden usar la siguiente sintaxis para las imágenes.
<!-- Imagen alineada a la izquierda --> <img src="archivo.ext" alt="" class="izq" /> <!-- Imagen alineada a la derecha--> <img src="archivo.ext" alt="" class="der" />
Se puede reemplazar el encabezado del blog para poner una imagen en lugar del nombre y la descripción del sitio. Sólo hay que borrar la línea 31 del archivo header.php y escribir la ruta de la imagen. El resultado sería algo así:
<div id="logo"> <img src="imagen.ext" alt="descripcion" /> </div>
Pueden descargar el theme compreso en un archivo ZIP y también pueden verlo funcionando ahora mismo. Espero sus comentarios.
miki
Jul 11, 2008, 23:06
En el ejemplo no son las dos clases a la izquierda? (class=”izq”)
admin (autor)
Jul 12, 2008, 6:09
Correcto miki, gracias por el aviso, ya está corregido
Aquilez
Jul 12, 2008, 10:26
la verdad me encanto el theme, lastima que ya tengo preparado uno y NO VOY cambiar devuelta (Ya lo cambie 5 veces… y el blog apenas lo tengo en localhost)…
Para validar el HTML solo hay que editar la linea 50 del header.php y al final agregarle la barra al LI (”cerrar la etiqueta”). Con eso se valida todo
Aquilez
Jul 12, 2008, 10:46
Uy, me olvide (lastima que no se pueden editar los posts… pero bue) en la linea 34 del index.php, tendrias que reemplazar en el IF “wp_tag_cloud” por “wp_pagination_plugin”.
Ahora si.
legalizenla
Jul 12, 2008, 10:51
Muy bueno el theme, probablemente lo use para algún blog
Alan (autor)
Jul 12, 2008, 11:38
Gracias!, cuando lo implementes en el blog avisas para ver cómo quedó, saludos ^^
Alan (autor)
Jul 12, 2008, 11:50
@Aquilez: Genio! Muchas gracias, ya corregí los problemas y ha funcionado
Qué bueno que te haya gustado el theme, saludos 
Joaquin
Jul 12, 2008, 13:39
Me gusto mucho tu theme , tiene una apariencia limpia y agradable a la vista , tengo pensado abrir otro blog , tal vez use tu theme.
un saludo!
Alan (autor)
Jul 12, 2008, 15:25
@Joaquín: gracias xD adelante, es todo tuyo me avisas cuando abras tu blog para visitarlo. Saludos
karlesal
Jul 13, 2008, 14:52
Ideal para lo que estoy buscando ;D
Genial theme que espero modificar para acabar de adaptar a mi blog.
Simplemente, gracias!
Alan (autor)
Jul 13, 2008, 16:02
De nada, qué bueno que te sirve
Suerte con tus modificaciones y saludos!
Sanda
Jul 14, 2008, 7:57
Genial, sencillo y práctico. Seguramente me decante por él. Pero quiero hacerte una pregunta desde un novato. ¿Es posible poner una imagen en la parte superior de la página, justo encima de las pestañas?. ¿Cómo y en qué fichero?. Muchas gracias de antemano
Alan (autor)
Jul 14, 2008, 8:07
Hola, gracias por el comentario
Si quieres cambiar el encabezado pro una imagen, debes hacer esto:
1.- Abre el fichero header.php
2.- Busca una línea similar a <div id=”logo”>
3.- Dentro verás esta instrucción: <h1><?php bloginfo(’name’);?></h1><h2><?php bloginfo(’description’);?></h2>. Debes borrarla
4.- Agrega tu imagen con <img src=”imagen.ext” alt=”" />
Es decir que al final debes tener algo así:
<div id=”logo”>
<img src=”imagen.ext” alt=”logo” />
</div>
Por supuesto puedes cambiar el atributo alt por lo que quieras y archivo.ext lo sustituyes por el nombre y extensión del archivo. Saludos, espero que haya servido
Marv3x
Jul 14, 2008, 10:00
Excelente tema la verdad,felicidades Alan, tal vez lo use para un nuevo proyecto que tengo.
Alan (autor)
Jul 14, 2008, 10:06
Hola Marv3x, gracias por el comentario, qué bien que te gustó el theme. Saludos
Illi.Pro
Jul 20, 2008, 15:29
Muy bonito theme, lo usare en un proyecto :)! Gracias Alan
David
Jul 29, 2008, 9:37
Нормуль!