Hola Chicos, ¿Qué tal?
Hoy os traigo un tutorial (con vídeo al final del post) para que puedas crear una tienda de libros profesional con wordpress.paso
Para ello voy a usar la plantilla Author Pro de Genesis, esta plantilla acaba de salir, he querido probarla y compartir con vosotros el resultado, espero que os guste ;)
La plantilla la puedes comprar aquí por 99$ o Gratis para mis alumnos
En varias ocasiones me habéis preguntado que plantilla recomiendo para hacer una web de ebooks o libros de Amazon y aquí tenéis la solución ;)
Tutorial en Vídeo:
El resultado que vamos a obtener es este:
Paso 01: Instalar WordPress en nuestro Hosting
Si no tienes hosting te recomiendo hostgator ya que tiene un instalador de wordpress incorporado y de esa forma no tienes que instalarlo a mano, si al contratar hostgator usas el cupón oscarteayuda te ahorras 25% ;).
Cómo este paso lo he hecho en varios tutoriales (aquí por ejemplo) no lo repito pero si tienes dudas coméntamelo.
Paso 02: Instalar el plugin Genesis Author Pro
Descargar Genesis Author Pro
Este plugin convierte nuestro wordpress en una página que puede gestionar una librería de libros, con todos los datos propios de los libros, tales como ISBN, precio, editorial, fecha de publicación, edición disponible y 3 botones para comprar por diferentes tiendas o para crear 3 llamadas a la acción distintas. Estos 3 botones son muy útiles si la tienda es de afiliación para enlazar a 3 tiendas que lo venda, por ejemplo Amazon, Ebay, etc…
Una vez instalado este veremos en nuestra zona de administración el siguiente menú para gestionar toda la información de nuestros libros, autores, categorías, etc…
Paso 03: Instalar las plantillas Genesis y Author Pro
La plantilla Author Pro necesita el framework Genesis, que es la plantilla base que necesita para funcionar.
La plantilla la puedes comprar aquí por 99$ o Gratis para mis alumnos
Primero instalamos la plantilla Genesis pero no la activamos y luego instalamos la plantilla Author Pro y esta si la activamos, quedando de la siguiente forma:
Paso 04: Importar contenido Demo
La plantilla nos proporciona contenido demo o de prueba para que nos sea más sencillo ver el resultado final. Para importarlo tan sólo tenemos que descomprimir la plantilla y dentro de la carpeta xml tenemos el fichero author-pro.xml.
Para importarlo vamos al menú herramientas –> importar –> WordPress y añadir el fichero author-pro.xml
Paso 05: Añadir los menús a la web
Ahora tenemos que añadir los menús de la cabecera, para ello, vamos a Apariencia > Menús y hacemos click en la pestaña «Gestionar Lugares»:
En la opción «Header Navigation Menu» seleccionamos «header Menu» y en la opción «Secondary Navigation Menu» seleccionamos «Secondary Menu»
De esta forma en nuestra web aparecerán los menús en la cabecera:
Si nos fijamos, en el menú de abajo hay un item destacado y a la derecha «Todos los libros».
Para conseguir que un item esté destacado en el menú tenemos que hacer lo siguiente:
Dentro de apariencia menú hacemos click en «Opciones de pantalla» y marcamos la opción Clases CSS
Al marcarla aparecerá una casilla en cada componente del menú donde podemos añadir la clase highlight:
Paso 06: Configurar la Home
Ahora sólo nos queda configurar la página principal, para ello la plantilla viene con 5 zonas de widgets llamadas: Front Page 1, Front Page 2, Front Page 3, Front Page 4, Front Page 5.
El resultado final de nuestra página de inicio será el siguiente:
Vamos a Apariencia > Widgets y configuramos cada una de las zonas:
Front Page 1:
Añadimos el Widget Genesis – Featured Page y seleccionamos las siguientes opciones:
El resultado de este widget es el siguiente:
Front Page 2:
Añadimos 4 widgets Genesis Author Pro – Featured Book, cada widgets con un libro distinto y con la siguiente configuración:
Este es el resultado de este widget:
Front Page 3
Añadimos el Widget Genesis – Featured Post con la siguiente configuración:
Y el resultado de este widget es:
Front Page 4
En esta zona de widget añadimos 3 widgets texto con la información que queramos destacar en el ejemplo añadimos la siguiente:
<blockquote>The ability to «see» places in this way is what makes this author able to create authentic travel stories. He moves the reader by transporting him to a place, and moving him emotionally.
<strong>HARRY LANDERS</strong>
<em>Editor, Adventure Magazine</em>
</blockquote>
El resultado sería el siguiente:
En esta zona añadimos un widget Genesis – Featured Page con la siguiente configuración:
Y el resultado de esta zona es:
Footer 1
En el footer 1 añadimos un widget texto con el contenido que queramos, como el siguiente:
Footer 2
Añadimos un menú personalizado, en nuestro caso el de las redes sociales:
El resultado de nuestro pié de página es:
Darse de alta como Afiliado de Amazon
Muchos me preguntáis como te puedes dar de alta como Afiliado de Amazon, en este vídeo te digo como.
Añadir Libros de Amazon de Afiliados en Nuestra Tienda
Añadir el enlace de afiliación de Amazon es muy fácil, en este vídeo os digo como:
Y ya está ;)
Añadir comentarios en cada libro
Normalmente es una tarea muy rápida y fácil, pero en esta ocasión hay que trabajar un poco más,
En este tutorial puedes ver como hacerlo
Ahora ya tenemos una tienda de libros lista para funcionar, ahora depende de vosotros sacarle rendimiento ;)
Espero que os haya gustado. Si tenéis dudas aquí me tenéis.
Saludos
Óscar