Este tutorial enseña a crear un sitio web de directorio a medida con WordPress y explica la utilidad de los plugines de Toolset para esto.

 

Para explicar este proceso, utilizamos un sitio de anuncios clasificados. Las técnicas que presentamos se pueden aplicar correctamente a cualquier sitio de directorio, según los elementos de su preferencia.

El sitio web de directorio
Instrucciones para crear un sitio web de directorio con WordPress
está compuesto por un conjunto de elementos organizados por categoría.

Puede encontrar sitios web de directorio para anuncios, coches, recetas, cursos, excursiones, etcétera.

En los sitios web de directorio, los visitantes pueden buscar elementos por medio de filtros.

Los usuarios también pueden agregar elementos directamente desde el front-end y los usuarios registrados pueden administrar (crear listas, editar, eliminar) los elementos que los primeros hayan agregado.

El propietario del sitio también puede cobrar a los usuarios por asociarse o por agregar artículos nuevos.

Aunque la construcción de un sitio web de directorio a medida podría parecer desafiante, no hace falta ser experto para crear uno.

Gracias a los plugines de Toolset, usted puede crear estos sitios web de directorio sin codificación PHP.

Requerimientos

Esto es lo que necesita para crear un sitio de directorio a medida con WordPress.

Tema para WordPress

Puede utilizar cualquier tema que desee.

Plugines que necesitará

  • Toolset Types
  • Toolset Views
  • Toolset CRED
  • Toolset Access
  • Opcional: WooCommerce, Toolset CRED Commerce (si tiene pensado cobrar por publicar anuncios)

Los plugines anteriores (a excepción de WooCommerce, el cual no tiene cargo) están disponibles en el paquete de Toolset.

Habilidades requeridas

  • HTML y CSS
  • Tiene que estar familiarizado con los siguientes conceptos:
    • Tipos de entradas personalizadas
    • Campos personalizados
    • Taxonomías personalizadas

Qué incluirá su sitio web

En un sitio de directorio hay mucho que cubrir.

Las siguientes preguntas (ver Tabla 1) le ayudarán a determinar qué necesita para los suyos.

En nuestras respuestas de ejemplo, utilizamos anuncios. Siéntase libre de reemplazar los anuncios por los artículos que elija. Estos pueden ser casas, recetas, cursos, viajes, vehículos, etc.

Tabla 1: Que podría necesitar para un sitio de clasificados y qué ayuda ofrece Toolset

Pregunta Respuesta de ejemplo Qué tiene que hacer
1. ¿Qué clase de artículos aparecerán en el sitio? Anuncio

  • Título
  • Descripción (cuerpo de anuncio)
  • Imagen
  • Precio
  • Email de contacto
  • Teléfono
  • Categoría
  • Libros
  • Aparatos electrónicos
  • Varios
Defina tipos de entradas, campos y taxonomías personalizados para los artículos del sitio.

Ver detalles:

Parte 1: Formación de las estructuras

2. ¿Qué información verán los visitantes?
  • Anuncios recientes en una cruadrícula
  • Anuncios destacados en una barra de desplazamiento
  • Búsqueda en la que el usuario puede hallar lo artículos que necesita por medio de filtros
Ver detalles:

Parte 2: Diseño de plantillas

3. ¿Qué formularios de front-end necesitará?
  • Formulario de front-end para agregar y editar anuncios
Ver detalles:

Parte 3: Agregar y editar artículos desde el front-end

4. ¿Cómo se registrará e iniciará sesión el usuario en su sitio web?
  • Para registrarse, el usuario creará una cuenta desde el front-end.
  • Para iniciar sesión en el sitio web, usará un formulario de inicio de sesión adaptado.
Ver detalles:

Parte 4: Manejo del registro del usuario y administración de cuenta

Parte 1: Configuración de tipos de entrada, campos y taxonomía personalizada.

Primero, es necesario configurar el tipo de entrada personalizada que aparecerá en el sitio de directorio.

En nuestro ejemplo, estamos creando un sitio web de directorio para “anuncios“. Por supuesto, se pueden crear sitios web de directorio para cualquier otra cosa.

Pasos a seguir

Adición de tipo de entrada nuevo

Adición de tipo de entrada nuevo

  1. Ir a Toolset->Panel.
  2. Crear un nuevo tipo de entrada para anuncios.
    1. Usar el título de entrada para guardar el título de los anuncios.
    2. Usar el editor para guardar el cuerpo del anuncio.

Adición de grupo de campos personalizados

Adición de grupo de campos personalizados

  1. Regresar al Panel de Toolset. Ahora, agregar campos para este tipo.
  2. Hacer clic en Crear grupo de campos.
  3. Usar el botón Agregar nuevo campo para agregar los siguientes campos:
    1. Precio (como Número)
    2. Imagen de anuncio (como Imagen)
    3. Email de contacto (como Email)
    4. Número de teléfono (como Teléfono)

Adición de taxonomías personalizadas

Adición de taxonomías personalizadas

  1. Volver al panel de Toolset.
  2. Usar el botón Crear taxonomía para agregar la taxonomía “Categoría de anuncio”. Esto se utilizará para categorizar los anuncios.

Categorías de anuncios: WordPress back-end

Categorías de anuncios: back-end de WordPress

Cuando la taxonomía esté lista, agregar las categorías de los anuncios (términos).

  1. Ir a Anuncios -> Categorías de anuncios.
  2. Agregar las siguientes categorías:
    • Libros
    • Aparatos electrónicos
    • Varios

Anuncios de ejemplo: WordPress back-end

Anuncios de ejemplo: back-end de WordPress

  1. Agregar algunos anuncios de ejemplo para el sitio web.

Si necesita ayuda para crear tipos de entradas, campos o taxonomías personalizados, lea la explicación completa en la documentación de Types

Parte 2: Visualización de artículos en el front-end

Ahora que el back-end de WordPress está listo para guardar artículos, es hora de mostrarlos en el front-end.

En la Tabla 2, encontrará algunos ejemplos de plantillas que se pueden crear para su sitio y conocer cómo Toolset puede ayudarle.

Tabla 2: Plantillas de ejemplo que podría necesitar para un sitio de directorio

Plantilla Qué tiene que hacer
Detalles de un anuncio individual

Página de ejemplo con detalles de anuncios creados con los plugines de Toolset

Página de ejemplo con detalles de anuncios creados con los plugines de Toolset
Cree una plantilla de contenido para el tipo de entrada personalizada que configure.

La plantilla de contenido mostrará campos personalizados pertenecientes a su tipo de entrada.

Más información:

Curso de formación en Views, parte 1: Plantilla de contenido

Los ocho anuncios más recientes en una cuadrícula

Página que muestra los ocho anuncios más recientes en una cuadrícula

Página que muestra los ocho anuncios más recientes en una cuadrícula
Cree una view que muestre una lista de artículos.

Al crear una view, usted decide cómo se muestran los artículos (como lista, cuadrícula, tabla, etc.) y qué campos incluir en cada artículo.

Más información:

Curso de formación en Views, parte 2: View

Anuncios destacados al azar en una barra de desplazamiento

Página que muestra anuncios destacados al azar en una barra de desplazamiento

Página que muestra anuncios destacados al azar en una barra de desplazamiento
Cree una view con una lista de artículos destacados en una barra de desplazamiento.

Use filtros basados en sus campos de entrada para seleccionar anuncios destacados únicamente.

Más información:

Curso de formación en Views, parte 5: Barra de desplazamiento

Búsqueda personal para anuncios

Búsqueda personal para anuncios

Búsqueda personal para anuncios
Cree una view para búsqueda personalizada.

Use campos y categorías personalizados como filtros.

Más información:

Curso de formación en Views, parte 7: Creación de búsqueda personalizada con Views

Árbol de categorías

Árbol de categoría construido con los plugines de Toolset

Árbol de categoría construido con los plugines de Toolset
Si ha dividido sus categorías en subcategorías, puede construir un árbol de categorías.

Cree dos views de taxonomías (una para categorías de primer nivel y una para subcategorías) e incluya una dentro de la otra.

Ver detalles:

View de taxonomía con una view de taxonomía para un elemento inferior

Parte 3: Agregar y editar artículos desde el front-end

La mayoría de los sitios de directorio permiten a los visitantes crear publicaciones de contenido en el front-end. Para agregar y editar artículos desde el front-end, tiene que crear formularios relevantes. A continuación, es necesario determinar quién puede acceder a cada formulario.

Consulte la Tabla 3 abajo para conocer los formularios para front-end que podría necesitar y de qué manera Toolset podría servirle.

Tabla 3: Formularios de front-end que podría necesitar para su sitio de directorio

Lo que usted necesita Lo que usted necesita
Formularios para enviar anuncios nuevos

Formularios para enviar anuncios nuevos

Formularios para enviar anuncios nuevos
Cree un formulario de entrada para publicaciones de contenido en el front-end. Defina privilegios de acceso relevantes.

Más información:

Curso de formación en CRED, parte 1: Creación de formularios para la publicación de contenido

Curso de formación en CRED, parte 2: Adaptación del contenido del formulario

Formularios para editar anuncios nuevos

Formulario para editar anuncios nuevos

Formulario para editar anuncios nuevos
Cree formularios de entrada para la edición de contenido en el front-end.

Determine quién puede editar el contenido. En la mayoría de los casos, permitirá que los dueños de los anuncios editen sus propios anuncios.

Curso de formación en CRED, parte 5: Creación de formularios para la edición de contenido

Curso de formación en CRED, parte 9: Lista de artículos que pertenecen al usuario que ha iniciado sesión.

También puede establecer un plazo de vencimiento automático para todas las entradas publicadas a través de estos formularios.

Más información en: Curso de formación en CRED, parte 4: Establecimiento de vencimiento automático para entradas

Parte 4: Manejo del registro del usuario y administración de cuenta

Registro del usuario

Si permite que los usuarios editen los artículos desde el front-end, muy probablemente también necesitará formularios en el front-end para el registro de usuarios y editar perfiles directamente desde el front-end.

La siguiente Tabla 4.1 presenta un resumen de los formularios de usuario que necesitará y cómo Toolset puede ayudarle.

Lo que necesitará Lo que necesitará
Formularios de front-end para la creación de nuevas cuentas de usuario

Formulario de front-end diseñado con el plugin CRED para crear cuentas de usuario nuevas

Formulario de front-end diseñado con el plugin CRED para crear cuentas de usuario nuevas
Cree un formulario de usuario para registrar usuarios.

En el formulario para front-end, también puede incluir campos personalizados adicionales.

Una vez creado, puede agregar el formulario a cualquier

página y estilo personalizado.

Más información:

Curso de formación en CRED, parte 6: Construcción de formularios para la creación de cuentas de usuario

Formularios de front-end para editar perfiles de usuario

Formulario de front-end diseñado con el plugin CRED para editar perfiles de usuario

Formulario de front-end diseñado con el plugin CRED para editar perfiles de usuario
Cree un formulario de usuario para editar perfiles de usuario.

Más información:

Curso de formación en CRED, parte 8: Creación de formularios para editar perfiles de usuario

Formulario de registro y administración de cuenta

Para permitir al usuario el inicio de sesión en su sitio, cree un formulario de inicio de sesión adaptado que se adecue al aspecto general del sitio web. Después de que el usuario inicie sesión, muestre enlaces a los recursos del usuario.

El formulario de inicio de sesión y recursos del usuario componen la página “Mi cuenta”. Consulte la Tabla 4.2 de abajo para ver qué se abarca en la página de cuenta y qué ayuda le brinda Toolset.

Tabla 4.2: Construcción de la página “Mi cuenta” con Toolset

Página Mi cuenta Lo que usted necesita

Toolset le permite mostrar un formulario de inicio de sesión adaptado.

Toolset le permite mostrar un formulario de inicio de sesión adaptado.
Para permitir al usuario el inicio de sesión en su sitio, cree un formulario de inicio de sesión adaptado que se adecue al aspecto general del sitio web.

Más información:

Curso de formación en CRED, parte 7: Construcción de la página “Mi cuenta” con un formulario de inicio de sesión

Toolset permite crear una página

Toolset permite crear una página “Mi cuenta” adaptada que muestre los recursos del usuario registrado.
Una vez que haya iniciado sesión, el usuario podrá administrar sus recursos (crear listas, editar y eliminar artículos que haya creado) directamente desde el front-end.

Se puede reunirlos en un solo lugar en la página “Mi cuenta”.

Más información:

Curso de formación en CRED, parte 7: Construcción de la página “Mi cuenta” con un formulario de inicio de sesión

Parte 5: Cobro de cuotas para la entrega de contenido y membresía

A menudo, los propietarios de sitios de directorio desean lucrar con el sitio.

Ejemplos:

  1. El usuario tiene permitido agregar anuncios gratis que vencerán una vez cumplido el plazo preestablecido, y también anuncios de larga duración que nunca vencen pero que son de pago.
  2. El sitio podría ofrecer cursos. Algunos cursos están disponibles para todos, mientras que otros están disponibles solo para miembros especiales, miembros que pagan membresía.

Ambos casos se pueden manejar con Toolset y el plugin WooCommerce.

Use el plugin CRED Commerce para cobrar cuotas por membresía y publicación de contenido.

Consulte la documentación de CRED para más información:

¿Preguntas?

Agnes Bury, autor del tutorial

Agnes Bury, autora del tutorial

Estimado lector:

Gracias por leer el tutorial, realmente lo aprecio.

Quedo a la espera de sus comentarios. Si aún no es cliente de Toolset, siéntase libre de enviarme sus preguntas por medio de este formulario. Con todo gusto responderé.