El tema que estas viendo es parecido al que soliamos tener en iPhonefan.com no soy el gran guru del CSS ni del XHTML, hice este tema basandome en el tema default que viene con Wordpress. Así que es un tema sencillo no tiene cosas en AJAX o muy sofisticadas y quizá le encuentres uno que otro error que a mi se me haya pasado (me avisan de errores).
Este tema esta echo en base de el ‘iPhone PSD file‘ de Manicho y el reloj es el script ‘Live Clock Lite‘ de Mark Plachetta.
Para la versión 1.5 le di una buena revisada, corregí varias cosas limpie algo de código y busque hacerlo lo mas ‘universal’ posible, le implemente mini posts (asides) y comentarios con gravatar, alternados y con capacidad de reconocer a dos autores (marcándolos de otro color).
El tema no es compatible con Internet Explorer 6 por el uso extendido que hago de imágenes PNG con transparencia (sin embargo el tema es navegable con IE6), se que existen parches para forzar al IE6 a mostrar dichas imágenes correctamente, pero no poseo una maquina con Winbugs y en segundo lugar aún más importante no se me da la gana apoyar un navegador tan nefasto como IE6. Si alguien desea implementar dichos parches para los PNG y compartirlos se lo agradeceré.
En este blog de muestra explico a grandes rasgos como usar los mini posts (asides) y recomiendo algunos plug-ins de terceros que complementan el tema. Si tu Wordpress esta en español descarga la versión en español.
Download
• iPhonefan Tema para Wordpress en español.
Nuestro logo y los links que lo acompañan en la parte inferior del sidebar se deben conservar, puedes editar el link que esta en la ‘barra de señal’, pero si lo haces por favor agreganos a tu blogroll.
• iPhonefan Wordpress Theme (english version).
Our logo and links at bottom of sidebar must stay. If you edit the link at ’signal bar’ plese add us to your blogroll.
This work is licensed under a
Creative Commons Attribution-Noncommercial-Share Alike 2.5 Mexico License.
El tema puede identificar hasta dos autores distintos, lo hace utilizando el correo electrónico grabado en el perfil del usuario de Wordpress. Para que el tema ‘te reconozca’ es necesario que edites el archivo comments.php en la línea 37 busca “eMailOne@domain.com” y “eMailTwo@domain.com” y remplaza las direcciones con las que esten grabadas en tu perfil de usuario.
Por default el thema viene configurado para mostrar como ‘mini posts’ todos aquellos que sean clasificados en la categoría asignada al ID 1. Editando index.php en la línea 9 veras…
<?php if (in_category(1) && !is_single()) { ?>
remplaza el número uno por el ID de la categoría que desees y en single.php en la misma línea 9 veras…
<?php if (in_category(1)) { ?>
asigna el mismo ID que en index.php.
Para incluir imagenes recomiendo que sean de 80px por 80px, existen dos clases para alinear las imágenes a la derecha (d) o izquierda (i), la que mejor funciona en los mini posts es la que alinea a al izquierda (<img class=’i’ src=’http://…).
El tema iPhonefan 1.5 para Wordpress esta listo para los siguientes plugins…
- Gravatar… para mostrar avatares en los comentarios, si el plug no se encuentra disponible el tema muestra un ‘hueco’ en blanco. Descárgalo aquí.
- Share This… Icono Social Unico para Compartir Contenidos (meneame; barrapunto; fresqui; loturak; etc.). versión en español por Andres Scheffer. Original en Inglés de Alex King.
- Most Commented… Muestra una lista de los posts más comentados, en determinado rango de tiempo (configurable). Descárgalo aquí. (ver en sección ‘Trunk’)
- Most Recent… Muestra una lista de los últimos posts escritos. Descárgalo aquí. (ver en sección ‘Trunk’)
- Related Entries… Muestra una lista de posibles posts relacionados al que se este leyendo. Descárgalo aquí. (comprobar que sea para tu versión de WP)
En la Hoja de Estilos CSS hay estilos para la siguiente plantilla de flickr…
<div class="flickr-frame" align="center">
<a href="{photo_url}" title="{photo_title}"><img src="{photo_src}" class="flickr-photo" alt="{photo_title}" /></a>
<br />
</div>
<div class="flickr-caption" align="center">[[string:by2:<a href="{photo_url}">{photo_title}</a>:<a href="{uploader_profile}">{uploader_name}</a>]]
</div>
<p>
{description}
</p>
Un ejemplo de esto lo puedes ver aquí, configura tu cuenta de flickr para enviar fotos directo a tu blog y utiliza el código de arriba para la plantilla.
Buscar
Páginas
Categorías
Archivos
