Theme de películas gratis para WordPress

En Desarrollo, Webmasters por Zeokat 24 octubre, 2013

Hoy hacemos pública la primera versión de nuestro theme de películas gratis para WordPress, de forma que podáis probarla y opinar. El theme de películas gratis está en desarrollo activo, por lo que podéis enviar sugerencias o notificar sobre bugs o problemas que vayáis encontrando y los solucionaremos lo antes posible.

Preview:

Características del theme de películas gratis para WordPress de Vozidea.com

Hemos desarrollado el theme con el SEO en mente, de forma que sea amigable con Google y las páginas se indexen correctamente. También hemos tratado de hacer el theme lo más liviano y rápido posible para una mejor experiencia de navegación.

Otra premisa ha sido la sencillez y facilidad de uso, para que los usuarios puedan navegar de forma intuitiva.

Menú

El theme dispone de un menú en la parte superior anclado de forma que siempre es visible.

Logo

El theme incluye un logo genérico pero fácilmente modificable, incluso hemos incluido un archivo PSD de phtosohop con el diseño para que podáis cambiar el nombre de la web facilmente.

Sidebars

El theme dispone de dos sidebars. Una sidebar vertical en el lateral izquierdo, que entendemos que estará reservada para las categorías, etiquetas, últimos artículos, etc…
Y dispone de una sidebar horizontal en el footer que ebtndemos que está bien reservarla para el archivos de artículos, redes sociales, contacto, terminos del servicio, política de privacidad, etc…

Paginación

Hemos empleado el plugin WP-PageNavi para la paginación porque entendemos que es el más completo y el que ofrece mejores resultados. Hemos incluido código CSS propio para el diseño de la paginación y que en el apartado de instrucciones de uso os diremos como activar.

Thumbnails (imágenes en miniatura) automáticos con el script Timthumb.

Hemos querido emplear el script Timthumb porque nos parece más flexible y configurable a la hora de crear los thumbnails (miniaturas). Para colocar la miniatura sólo hay que asignar una imagen destacada (fatured image) al artículo.

Códigos CSS adicionales para las entradas

El theme está enfocado para películas, por lo que hemos incluido un código CSS adicional para la etiqueta HTML fieldset, que podemos emplear para colocar los datos de la película. En el apartado instrucciones de uso encontrareis más información.

Instrucciones de uso

Instalación

La instalación es muy sencilla se descomprime el archivo zip en la carpeta /wp-content/themes de WordPress y luego la activamos mediante el panel de administrador. Después damos permisos de escritura (777) a la carpeta /wp-content/themes/vozideapelis/cache , esta carpeta contiene el cache de las miniaturas creadas por el script Timthumb.

Plugins adcionales

Es necesario instalar el plugin WP-PageNavi y una vez activado accedemos a las opciones del plugin para desactivar la casilla “Use pagenavi-css.css” y así dar uso al CSS que hemos incluido nosotros en el archivo del template style.css
Es muy muy recomendable (aunque no imprescindible), instalar algún plugin de SEO, yo personalmente prefiero el plugin “WordPress SEO by Yoast”, pero es cuestión de gustos.

Uso de códigos CSS extra

Hemos incluido código CSS extra para el uso de la etiqueta HTML fieldset en la ficha técnica de la película por ejemplo. Su uso es muy fácil, empleando el editor de artículos de WordPress en modo texto ponemos el siguiente código:

<fieldset><legend>Ficha Técnica:</legend>
<p style="text-align: center;"><strong>Titulo original:</strong> Pelicula Uno
<strong>Titulo español:</strong> Pelicula Uno
<strong>Director:</strong> Roland Emmerich
<strong>Reparto:</strong> Jason Clarke, Channing Tatum, Maggie Gyllenhaal, Jamie Foxx
<strong>Idioma:</strong> Español Latino
<strong>País:</strong> Estados Unidos
<strong>Año:</strong> 2013
<strong>Género:</strong> Acción / Drama / Thriller
<strong>Tamaño:</strong> 1.37GB aprox.
<strong>Vídeo:</strong> AVI | 720x304 | BRRip
<strong>Audio:</strong> Dolby AC-3 (5.1 canales)</p></fieldset>

Y quedaría como en la siguiente imagen:

Planes para futuras versiones y problemas conocidos:

El theme está en desarrollo y solucionaremos todos los bugs que nos reportéis. Aun así os mostramos algunas de nuestras ideas que forman parte de nuestro plan de desarrollo para futuras versiones:

Agregar CSS para el estilo del widget de calendario. No lo hemos agregado en esta primera versión pues es un widget que ha caído en desuso.
Agregar soporte para comentarios. Es algo que nos hemos planteado pero como los usuarios prefieren el uso de sistemas de comentarios tipo Discuss o similar, en esta primera versión no hemos dado soporte a los comentarios a ver que nos dicen nuestros usuarios y que sistema prefieren.
Mejorar el diseño responsivo para móviles y tabletas.
Agregar más códigos CSS para hacer más vistosas las entradas (por ejemplo una tabla para los links de descarga).
Agrupar las imágenes del CSS y hacer un sprite para mejorar el tiempo de carga.