Theme PF Ads Rosso 1.0
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. -
Compártelo (Share This) 1.4
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.
-
Descargar, descomprimir el archivo y subir a tu WordPress en el directorio wp-content/themes/
-
Configura las opciones de publicidad según lo descrito anteriormente.
-
Selecciona y activa el theme desde la Administración de tu blog
-
Configura las páginas a usar según las necesites (Contacto, Sitemap, etc.)
-
¡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.
-
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,
-
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.
-
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.
-
compatibilizar con otros plugins según demanda, y
-
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
excelente theme fabian, yo aun trabajo en el nuevo diseño de elblogdealexs.com xD saludos
Khaos ya he visto que instalaste el theme, a mi me gusta como se ve en el directorio pero ya lo uso en EFE Blog, así pues te invito a que te descargues alguno de los nuevos colores: verde, azul o amarillo. También hice un par de cambios mínimos en el index.php
Pitonizza, efectivamente los colores los modificas a través de la hoja de estilos.
En un rato publico los nuevos.
Supongo que alterar los colores se hace en el fichero styles.css
la verdad, bastante complejo para mi gusto, le estoy dando duro a mi template, y se me acaba el tiempo que me autoimpuse para lanzar la nueva imagen de mi blog. Por ello Fabian es lectura obligada, ya que contesta las dudas, por muy evidentes que sean, como las mias. 
Bueno, pues ya coloqué el theme en un blog, aún le estoy haciendo cambios, pero ya quedó!!
Blog del Directorio Jam-Npo todo está perfecto, aún a pesar del color, que no es de mis preferencias, pero es práctico y funcional. Eso si, en cuanto saque más colores, seguritito lo cambio!
Les invito a que se den de alta en el Directorio, la inclusión es gratuita y lo ingreso el mismo día!
Pitonizza, seguro que habrá una versión verde, la haré pensando en ti je je.
si dejas algún tono que prefieras con gusto la hago en torno a tu sugerencia.
en todo caso, la voy a descargar en versión verde (¿tendrás?), para mi blog http://decorarmonia.com
Agradezco tu opinión.
Una maravilla Fabian, el color es lo único que no me gusta, pero en todo caso, felicitaciones.
De momento me voy a lanzar con la template que te mostré, pues como mi blog es algo “superfluo” no quiero darle este toque de seriedad de las plantillas de 3 columnas. Agradezco tu opinión.
PD: Esta vez tu antiespam me la puso facil: 1+5
pues a mi si me gusta rosa pero no tengo pagina segura mas adelante pues me gusta mucho el internet
te quedo bonita
Diego, Khaos como digo en el artículo estoy trabajando en otras combinaciones de colores: Blau, Verd, Groc, Toronja, etc.
en principio hice la versión Rosso porque ya tenía la paleta lista.
espero pronto dejar las otras versiones para descargar.
Oye, que bien!! me parece genial, pero coincido con Diego, el color…
Será mucho lío modificarlo? es decir, hay que cambiar muchas imágenes?
Gracias y Felicidades!
Enhorabuena por el theme, está muy bien, pero no me gustan los colores que has escogido para esta versión.