Punto Fape

Me complace anunciarles que finalmente he terminado la primera versión del theme en el que he estado trabajando y ahora dejo a disponibilidad de todos.

En esta oportunidad he sido un poco mas creativo con el nombre y lo he bautizado PF Ads Rosso 1.0.

PF por las iniciales del nombre de este blog, Ads porque está preparado para mostrar publicidad rotativa de forma muy similar a como la muestro en Punto Fape, Rosso por la combinación de colores que escogí para la primera versión que está indicada por el 1.0.

PF Ads Rosso soporta Widgets tanto en las barras laterales como en el footer, permitiendo configurar el blog según los requerimientos de cada quien, las áreas Widgets Ready están identificadas como Sidebar 1, Sidebar 2, Footer 1, Footer 2 y Footer 3; tanto para las barras laterales como para el footer la identificación va de izquierda a derecha, es decir Sidebar 1 es la barra mas a la izquierda o cercana al contenido, y Footer 1 sería la sección mas a la izquierda en el pie de página.

Cumple con los estándares CSS versión 2.1 y XHTML 1.0 Strict, las etiquetas H1, H2 y H3 se usan solo en los títulos que corresponde. Los títulos de las barras laterales y otras áreas del theme han sido incluídos en etiquetas <span> con estilos a través de CSS. Es posible que existan fallas o errores que en caso de ser reportados les buscaré solución.

El theme ha sido probado con WordPress 2.5.1 y 2.3.3 pero debería funcionar bien en versiones anteriores. No he encontrado problemas de navegación con FireFox, Explorer 7.0 y Explorer 6.0, solo algunos bugs con el Explorer 5.5.

Compatibilidad
Esta plantilla está preparada para funcionar con los plugins:

• MyAvatars 0.2b
  Muestra los Avatares de MyblogLog, si el plugin no está activo mostrará los Avatares de Gravatar si se ha activado esta opción desde la adminstración de WordPress.
• WP-Pagenavi 2.30
  Se incluye el archivo pagenavi-css.css.
• WP-PostViews 1.20
• WP-PostRatings 1.30
• Compártelo (Share This) 1.4
• Math Comment Spam Protection 2.2

Si alguno o ninguno de estos plugins no están activos, simplemente no se muestran las opciones.

Plantillas de páginas incluidas
PF Ads Rosso dispone de plantillas para:

• Formulario de contacto, puedes ver un ejemplo en Contacto.
• Mapa del blog (sitemap de navegación), puedes ver un ejemplo en Mapa del Sitio.
• Navegación por archivo de categorías, autores, fechas o etiquetas, puedes ver un ejemplo en Tema: Perder Peso.
• Páginas con comentarios , puedes ver un ejemplo en Promociona Tu Sitio.
• y páginas sin comentarios, puedes ver un ejemplo en Ganar Dinero.

Para usarlas sigue las instrucciones de WordPress para crear páginas nuevas en la sección Escribir Página desde la administración de tu blog, escoge la plantilla de la página que corresponda según el caso.

La página de Error 404 es personalizable modificando el archivo 404content.php; actualmente muestra sugerencias de búsqueda basadas en la URL errónea, un mensaje de disculpa, el formulario de búsqueda y un enlace a la página de inicio del blog. Un ejemplo aquí.

Imagenes
Dentro de la carpeta del theme hay una subcarpeta llamada “i”, contiene las pocas imágenes utilizadas. Si lo deseas sustituye el favicon por uno personalizado, en Crear Favicon puedes hacer uno fácilmente a partir de casi cualquier imagen.

También es apropiado que sustituyas el logo por uno propio, crea una imagen jpg llamada logo.jpg de 50px de ancho por 60 px de alto y sustituye la que está en la carpeta “i”. Igual puedes usar el que está incluido en el theme si no quieres complicarte la existencia. Para no incluir logo renombra la imagen logo.jpg a logo-2.jpg y renombra la imagen logo-1.jpg a logo.jpg.

Insertando la Publicidad
PF Ads Rosso está preparado para mostrar anuncios publicitarios rotativos o no en 4 áreas. Puedes incluir código HTML o javascripts para publicidad en cualquiera de ellas.

El sistema de rotación de publicidad hace uso de una función similar a la del plugin Multi-line AdRotator, pero no requiere de este plugin pues está integrada en el theme.

En la carpeta del theme hay una subcarpeta llamada “ads”, allí hay 4 archivos de texto para agregar los códigos de publicidad a utilizar.

• ads_01.txt para los códigos de la publicidad en el header: Banners de 468×60 ó 234×60
• ads_02.txt para los códigos de la publicidad en el header: Bloque de vínculos AdSense 728×15
• ads_03.txt para los códigos de la publicidad en la barra lateral 1: Banners desde 125×125 hasta 160×600
• ads_04.txt para los códigos de la publicidad en el inicio de cada post: Banners desde 125×125 hasta 336×280

Sustituye los códigos incluidos de muestra por los tuyos, si quieres rotar anuncios de diferentes empresas o propios utiliza <separator> para separar unos de otros, tal como está en el archivo ads_01.txt; puedes usar tantos <separator> como desees.

Ejemplo:
<a href=”http://www.paginadeejemplo.com” title=”ejemplo_1″><img src=”http://paginadeejemplo.com/imagenes/banner_01.gif” alt=”banner_01″></a>
<separator>
<a href=”http://www.paginadeejemplo.com” title=”ejemplo_2″><img src=”http://paginadeejemplo.com/imagenes/banner_02.gif” alt=”banner_02″></a>
<separator>
<a href=”http://www.paginadeejemplo.com” title=”ejemplo_3″><img src=”http://paginadeejemplo.com/imagenes/banner_03.gif” alt=”banner_03″></a>

Si no quieres incluir publicidad en alguno o ninguno de los campos deja vacíos los archivos ads_01.txt, ads_02.txt, ads_03.txt y/o ads_04.txt según sea el caso.

Instalación
Como cualquier otro theme, el procedimiento es realmente simple.

1. Descargar, descomprimir el archivo y subir a tu WordPress en el directorio wp-content/themes/
2. Configura las opciones de publicidad según lo descrito anteriormente.
3. Selecciona y activa el theme desde la Administración de tu blog
4. Configura las páginas a usar según las necesites (Contacto, Sitemap, etc.)
5. ¡Disfruta de tu nuevo theme!

Licencia de uso
Este theme está bajo la licencia Creative Commons Reconocimiento No Comercial 2.5 España, puedes usarla en cualquier blog que funcione con WordPress sea de uso personal o no, también puedes modificarla si lo deseas. Lo único que pido es que no quites el enlace en el footer que da reconocimiento al creador, o sea a mi. 

Por Hacer
Este es el primer theme que hago y dejo disponible para su descarga, está funcionando en EFE Blog por si quieren ver mas detalles, si lo descargan bien sea para pruebas o para usarlo en algún blog agradezco los comentarios para hacerme una idea de como funciona, si les agrada, que cosas le quitarían o le agregarían.

1. En estos momentos estoy trabajando en otras combinaciones de colores, espero pronto terminarlas para sumar a las descargas las versiones: Groc, Blau, Verd, Toronja, etc. Ya están disponibles 4 versiones del theme PF Ads 1.0 en diferentes colores,
2. Hacer la versión compatible con diversos idiomas, pretendo incluir inglés, francés, catalán, euskera, alemán, etc. Para esto necesito ayuda, bienvenidos todos.
3. Corregir bugs y fallos que puedan surgir según lo reporten los usuarios, pueden dejar un comentario en esta entrada o usar el formulario de contacto del blog.
4. compatibilizar con otros plugins según demanda, y
5. como vaya saliendo vamos viendo.

Antes de que lo olvide, aquí están los enlaces para que se descarguen el theme.

Archivo .rar PF-Ads-Rosso

Archivo .zip PF-Ads-Rosso