Cómo Hacer Una Página

Hacer una Web Profesional con Wordpress

  • Mi Cuenta
  • Contacto
  • Curso GRATUITO de WordPress
  • Suscribirse (10€/mes)
Estás aquí: Inicio / Gestores de Contenido / Crear un directorio Web con la plantilla Listable

Crear un directorio Web con la plantilla Listable

octubre 4, 2016 Por Oscar martin 19 comentarios

La plantilla Listable es una plantilla para crear un directorio web en WordPress. El directorio que podemos montar con esta plantilla puede ser gratuito o podemos cobrar  a nuestros usuarios.

La plantilla la puedes comprar aquí o descargar gratis si eres miembro premium.

Si no estás suscrito a la Zona Premium te puedes dar de alta por 10€/mes aquí

Aquí tienes el tutorial en vídeo:

Suscríbete a mi canal:

Hay otras plantillas que hacen esta función como la plantilla Vantage pero la plantilla Listable tiene un diseño más refinado y tiene algunos aspectos que la hacen mucho más potente y escalable que otras soluciones.

Esta plantilla usa varios plugins para darle la funcionalidad de directorio. Ese elemento es crucial ya que no tenemos la funcionalidad en la plantilla y en un futuro podríamos cambiarla por otra y la funcionalidad no se perdería.

Además para convertir nuestro directorio en directorio de pago utiliza WooCommerce, el plugin más avanzado para convertir una web en tienda en WordPress.

De esta manera nos estamos asegurando que nuestro directorio va a tener una tienda muy potente a todos los niveles, gracias a la enorme comunidad que hay detrás de WooCommerce.

En cambio, si usamos la plantilla Vantage al tener la funcionalidad dentro de la plantilla es mucho más limitada en todos los aspectos referentes a cobro y convertir nuestra web en un directorio de pago.

El diseño de la plantilla está genial y puedes ver un pantallazo a continuación:

pagina-principal-listable

 

Como puedes ver el diseño es muy bueno 😉

Vamos a configurarla.

Voy a partir de que tenéis WordPress recién instalado, tal como veis en la siguiente pantalla:

wordpress-recien-instalado

Si no sabes como instalar wordpress en la zona premium tienes un curso de WordPress para sepas como llegar a este punto de forma sencilla.

Una vez que tenemos WordPress instalado vamos a instalar la plantilla Listable que nos va a guiar por el proceso de instalación.

Para ello vamos a Apariencia –> Temas –> Añadir nuevo y subimos nuestra plantilla, la Activamos y una vez activada nos encontraremos con una pantalla como la siguiente:

listable-recien-instalada

Una cosa que me gusta mucho de esta plantilla es que nos va guiando y podemos ir montando la plantilla en automático.

Si nos fijamos en el pantallazo anterior nos dice que requiere instalar ciertos plugins y que recomienda también otros.

Hacemos click en “Begin installing plugin” y empezamos con la instalación de los plugins que necesita.

Seleccionamos todos los plugins y los instalamos:

instalar-plugins-necesarios

Una vez que se han instalado todos volvemos al instalador haciendo click en el botón “Return to Required Plugins Installer”.

Aunque instalarlos lo hacemos todo de golpe, activarlos recomiendo hacerlo uno a uno para que no tengamos ningún problema.

activar plugins listable

Vamos activando todos, en algunos de los plugins nos llevará a una pantalla de configuración.

El primero que nos lleva a una pantalla de configuración es el plugin “WP Job Manager”.

Este plugin es el que va a convertir nuestra web en una web de directorio, va a tratar cada establecimiento que vamos a añadir como un trabajo o cualquier otro tipo de web que necesite un listado como es el caso de la web de directorio.

pantalla-configuracion-wpjobmanager

Hacemos click en “Continue to Page setup”.

En esta página traducimos los textos de cada una de las páginas como mejor nos venga:

traducir job manager

Hacemos click en “Create Selected pages” y en la siguiente pantalla volvemos a seguir activando los plugins haciendo click en “Activate installed plugins”

Seguimos activando el resto y una vez activados todos al hacer click en cualquier opción de WordPress nos va a saltar el instalador de WooCommerce:

listable-woocommerce

Hacemos click en “Let’s go” para empezar con la configuración. En este primer tutorial no me voy a parar a configurarlo en detenimiento ya que lo haremos posteriormente, ahora sólo vamos hacer la configuración más básica.

Lo primero que me va a preguntar es el lugar donde está mi tienda y que moneda y unidades quiero usar:

moneda woocommerce listable

En la siguiente pantalla desactivo las opciones ya que no voy a enviar productos físicos:

opciones-envio-listable

Ahora podemos configurar las formas de pago que vamos a permitir en nuestro directorio. Como es muy importante le dedicaremos tiempo más adelante. Ahora sólo voy a activar la forma de pago “Transferencia Bancaria” para poder hacer pruebas del proceso de compra más adelante.

formas pago listable

Llegados a este punto ya tenemos configurada (por encima) nuestra tienda y podemos seguir con el proceso para tener la web como aparece en la demo. Hacemos click en “Return to the WordPress Dashboard”

En este punto ya tenemos nuestra plantilla instalada pero todavía no se parece a la demo. De momento nuestra web se ve así:

plantilla-instalada-listable

Aunque da la sensación de que estamos muy lejos de nuestro resultado final no es así como veréis a continuación.

Ahora vamos a instalar el contenido demo. El contenido demo nos crea contenido de prueba adaptado y además nos añade todos los widgets y configuración de la página principal y páginas interiores.

Para ello vamos a Apariencia –> Personalizar –> Theme Options –> Demo Data –> Import demo data

importar demo data listable

En este proceso va a tardar un poco ya que tiene que importar todo el contenido. Si os salta un error porque vuestro servidor para el proceso os recomiendo que instaléis el plugin “WP Maximum Execution Time Exceeded”, de esa forma vuestro servidor aumentará el tiempo de ejecución y os dejará seguir con el proceso. Este plugin no tiene opciones, simplemente lo activáis y se pone a funcionar.

Y ahora si vuelvo a la página principal de mi web ya tengo toda la web montada:

pantalla-principal-listable

 

Aunque en vídeos posteriores os voy a contar como funciona la plantilla en profundidad en este vídeo os quiero comentar unas cuantas cosas para que no os volváis locos para encontrarlas.

Para configurar la página principal si editamos la página nos vamos a dar cuenta que no nos parecen todos los elementos que vemos en la página principal:

editar-home-listable

Cómo podemos ver el Título que aparece en nuestra página coincide con el título al editar. El subtítulo lo podemos encontrar un poco más abajo donde pone “Page Subtitle”. Vemos que coincide con nuestra página:

titulo subtitulo listable

Debajo del cuerpo del mensaje (qué tenemos vacío) podemos encontrar los 3 campos de nuestro buscador, si desactivamos cualquier de ellos no aparecerá en nuestra web.

listable-buscador

Y el campo que aparece al editar la página como “Front Page –> Highlighted Categories” son las categorías destacadas separadas por comas. Lo que separamos por comas es la url de cada categoría y entre paréntesis el nombre que queremos que aparezca:

categorias destacadas listable

Si vamos a Listings –> Categories vemos que coincide:

categorias-listings

Todo lo que nos aparece debajo no se encuentra en la edición de la página, sino en los widgets:

Son las Zonas Front Pages Sections:

widgets-zona-principal

Y hasta aquí el primer tutorial de esta maravillosa plantilla 😉

Si no estás suscrito a la Zona Premium te puedes dar de alta por 10€/mes aquí

Espero que os haya gustado

Saludos

Óscar

Publicado en: Gestores de Contenido, Themes, Video, Woocommerce, Wordpress, Zona Premium Etiquetado como: Listable

Acerca de Oscar martin

Me llamo Óscar y me dedico al Marketing Online. Me gano la vida gracias a internet y a herramientas como Wordpress. ¿Te puedo ayudar? Contáctame

Comentarios

  1. Ivan dice

    octubre 11, 2016 a las 12:19 pm

    Buenas Oscar, ya me he suscrito a la Zona Premium, encantado con la plantilla Listable, justo lo que buscaba, siempre he trabajado con Blogger y worpress es una experiencia nueva para mi, gracias por el tutorial, impaciente por empezar a trabajar en ella más a fondo.

    Responder
    • Óscar dice

      octubre 11, 2016 a las 3:43 pm

      Hola Ivan,
      Bienvenido!!!!
      Me alegro que te guste.
      En los próximos días voy a crear más tutoriales de la plantilla pero sólo para miembros premium
      Además ahora te voy a enviar un email con una sorpresa 😉
      Un saludo y de nuevo bienvenido!!
      Óscar

      Responder
  2. Jose dice

    diciembre 11, 2016 a las 9:14 am

    Hola Oscar como estas? Me gustaría suscribirme por aprender mas acerca de esta plantilla, pero antes de tomar esta decisión me podrías contar además de esta introducción de la plantilla, que más cosas tienes sobre esta?

    Me gustaría aprender a crear productos para vender con medios de pago, los usuarios que consumen los listing se deban logear para poder dar reviews, quiero crear simple usuarios y negocios, entre otras cosas.

    Gracias y quedo atento a tus comentarios.

    Responder
    • Óscar dice

      diciembre 11, 2016 a las 11:33 am

      Hola Jose,

      Cada semana subo vídeos nuevos sobre la plantilla Listable, de momento ya hay 10
      Justo en la última actualización he añadido el tutorial para crear anuncios de pago y regalo el plugin que hace falta. Lo puedes ver aquí:
      https://comohacerunapagina.es/como-cobrar-por-anadir-anuncios-en-la-plantilla-listable-premium/

      Saludos 😉
      Óscar

      Responder
  3. isaac dice

    enero 27, 2017 a las 7:23 pm

    hola oscar,si realizo el pago,memandas el tema listable Gratis,quiero hacer un directorio y me gusta este tema, y tambien regalas el plug para los pagos?? y en cuento tempo al realizarte el pago me llegan los regalos y puedo acceder a los videos

    Responder
    • Óscar dice

      enero 27, 2017 a las 7:49 pm

      Hola Isaac,

      La plantilla la tienes en la zona premium disponible para descargarla directamente de la zona premium. Es decir que una vez dentro no tienes que esperar, la descargas tu mismo 😉

      ¿Qué plugin para pagos te refieres? Todo lo que digo en los artículos que está en la zona premium allí lo puedes encontrar.

      Un saludo 😉
      Óscar

      Responder
  4. juancarlos.pazos dice

    septiembre 26, 2017 a las 4:34 pm

    me gustaria saber si puedo empequeñecer la imagen de la plantilla listable, si puede ser más pequeña, que al abrir la página podamos ver algo más.
    Puedo sacar el buscador de la imagen?. Pienso poner el plugin mega menu y me gustaría poder poner en otra zona el buscador.

    La quiero convertir en una web de empresa, farmaceutica, pero necesito que al abrir me deje ver algo más que no solo el video y los menús.

    Muchas gracias por tú ayuda

    Responder
    • Oscar martin dice

      septiembre 27, 2017 a las 5:09 pm

      Hola Juan Carlos,

      Buen tema el que me propones, preparo un tutorial para hacer más pequeña y quitar la cabecera.

      En cuanto lo tenga hecho te aviso 😉

      Un saludo

      Responder
  5. luis dice

    diciembre 13, 2017 a las 1:30 am

    Hola. esta plantilla esta traducida a español. gracias!!

    Responder
    • Oscar martin dice

      diciembre 13, 2017 a las 9:15 am

      No, pero se puede traducir sin problema 😉

      Un saludo

      Responder
  6. Carlos dice

    marzo 21, 2018 a las 12:36 am

    Hola Oscar, Cual de las 2 plantillas Listable o Listify es mejor, cuales son las diferencias o caracteristicas que las diferencian ?

    Responder
    • Oscar martin dice

      marzo 22, 2018 a las 4:04 pm

      Hola Carlos,
      Difícil pregunta 😉
      Las dos son muy parecidas, a mi gusta más Listable pero las dos son muy buenas.
      Saludos 😉

      Responder
  7. Samantha dice

    julio 4, 2018 a las 3:42 pm

    una duda, si me inscribo como premium en tu pagina puedo descargar listable y listify?? para conocer ambos y ver con cual trabajo mejor?? y otra duda es que versiones tienes de ambos?? estan actualizados?

    Responder
    • Oscar martin dice

      julio 4, 2018 a las 4:15 pm

      Hola Samantha,

      Exacto los tienes disponibles para que los pruebes 😉

      Están la última versión, cada mes las actualizo por lo que mientras estés en la zona premium tienes la última versión.

      Un saludo 😉

      Responder
  8. jubatusag dice

    agosto 29, 2018 a las 5:10 am

    Hola, una duda que aun no encuentro en los videos, se pueden cambiar a mi gusto las fotos de los widgets de la pagina de inicio?

    Gracias por la valiosa ayuda

    Responder
    • Oscar martin dice

      agosto 29, 2018 a las 5:53 am

      Hola Daniel,

      ¿Cómo lo quieres cambiar?

      Si quieres me puedes enviar un email para explicarme un poco más lo que quieres hacer y te comento si se puede hacer.

      Saludos 😉

      Responder
  9. dalmiro dice

    septiembre 8, 2018 a las 6:42 pm

    Hola, estuve tratando de comunicarme contigo en meses pasados

    estoy interesado en montar un directorio web y me interesa la plantilla listable
    necesito comenzar esta semana
    que paso debo seguir para adelantar y ejecutarlo con tu ayuda
    Gracias

    Responder
    • Oscar martin dice

      septiembre 10, 2018 a las 6:19 am

      Hola Dalmiro,

      En la zona premium tienes la plantilla y un montón de vídeos para configurarla 😉
      Con el acceso a la zona premium no está incluída la consultoría privada. Contesto todos los emails con dudas pero no está incluída mi ayuda personalizada.

      Un saludo 😉

      Responder

Trackbacks

  1. Crea un directorio Web con la plantilla Listify | Cómo Hacer Una Página dice:
    mayo 23, 2017 a las 10:02 am

    […] muchos de vosotros sabéis tengo un montón de tutoriales sobre la plantilla listable y además sigo creando nuevos con vuestras sugerencias […]

    Responder

Deja una respuesta Cancelar la respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Carrito

Categorías

Contenido Premium

¿Quieres Aprender WordPress y Ganar dinero? Cópiame

¿Necesitas Ayuda?

  • Contacto
  • Blog

Más Información

  • Condiciones de Uso
  • Condiciones generales de venta
  • Aviso Legal
  • Pólitica de Privacidad
  • Política de cookies

Buscador

Funciono con el Theme Genesis · Acceder

Este sitio web instalará en tu navegador cookies analíticas y publicitarias propias y de terceros si continúas navegando.
Encontrará más información en nuestra Política de Cookies...Configuración de CookiesAceptar
Privacy & Cookies Policy

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Siempre activado
Las cookies estrictamente necesarias tiene que activarse siempre para que podamos guardar tus preferencias de ajustes de cookies.
Básicamente el blog no funcionará bien si no están activas.
Estas cookies son:
- Comprobación de inicio de sesión.
- Cookies de seguridad imprescindibles.
- Saber si ya has aprobado/rechazado las cookies.
Non-necessary
Esta web utiliza las siguientes cookies adicionales:
- Mautic: Recordar si ya estás suscrito al boletín de noticias.
- Google Analytics: un servicio de analítica web desarrollada por Google, que permite la medición y análisis de la navegación en las páginas web.
GUARDAR Y ACEPTAR