Crear un directorio dentro de un blog con el plugin Custom Post types

  • bodascondetalle

    (@bodascondetalle)


    hace 8 meses, 4 semanas

    Hola.

    Quiero crear un directorio dentro de un blog de bodas, que muestre los proveedores por categorías. Me gustaría que la página tuviera dos columnas con fotos grandes para cada categoría de proveedor (alianzas, fincas, wedding planners…). Hasta ahora he instalado el plugin Custom post types y el ACF (Advanced Custom fields). En custom post types he creado como slug del tipo de contenido: «proveedor» y la reescritura personalizada del slug es directoriobodas. Luego he creado dos taxonomías. Una es provincia y otra es categoría. Dentro de provincia he puesto todas las provincias españolas y dentro de categoría todas las categorías de proveedores nupciales que he considerado. Luego con el plugin Advanced Custom Fields pues he creado el campo de teléfono, web, e mail, etc… Y ahora el tema es que estoy bloqueada y no sé cómo seguir con la parte visual. Me gustaría que quedara algo así como en este otro blog (https://www.lovemydress.net/directory) aunque a dos columnas con un tamaño de foto más pequeño (Este blog se ve a dos columnas si se tiene el zoom al 100% y a cuatro columnas si se tiene al 90%). ¿Esto como se hace? Con elementor? Con código html y css? Yo he creado una página con elementor a dos columnas, pero luego una vez que entro en cada categoría me gustaría que cada ficha de proveedor tuviera una imagen del mismo tamaño que la de cada categoría y no sé cómo hacerlo y si se puede hacer con plugins o requiere código. ¿Alguien me puede orientar?

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)
  • Moderador Mariano Pérez Caro

    (@mpcdigital)

    hace 8 meses, 3 semanas

    Normalmente se hace escribiendo código PHP en el tema que se está usando (https://www.advancedcustomfields.com/resources/building-layouts-with-the-flexible-content-field-in-a-theme/) pero ACF tiene la funcionalidad de mostrarlo en un bloque pero solo en la versión Pro -> https://www.advancedcustomfields.com/resources/blocks/

    Jose Ramón Bernabeu

    (@jrberguill)

    hace 8 meses, 3 semanas

    Hola.

    Tienes dos caminos, el primero con plugins de pago y el segundo con muuuucho trabajo:

    1. Con Elementor Pro:
      • Para la página principal del directorio (categorías): Puedes usar Elementor para maquetar la página. Si quieres mostrar imágenes de categorías dinámicamente, necesitarás un plugin como JetEngine o similar para crear listados personalizados de taxonomías con campos ACF.
      • Para las páginas de listado de proveedores por categoría: Puedes usar el constructor de temas de Elementor Pro para crear una plantilla de archivo para tu CPT «proveedor». Ahí podrás diseñar el aspecto de cada ficha de proveedor, incluyendo la imagen destacada y los campos ACF.
    2. Con código (HTML, CSS y PHP):
      • Para la página principal del directorio (categorías): Crea un archivo PHP personalizado en tu tema hijo (ej. page-directorio-categorias.php). Usarías get_terms() para obtener las categorías y generar su HTML con CSS para el diseño de dos columnas. Necesitarás un campo ACF de tipo imagen para tus taxonomías.
      • Para las páginas de listado de proveedores por categoría: Crea un archivo taxonomy-categoria.php en tu tema hijo. Este archivo usará el bucle de WordPress para mostrar los posts de tipo «proveedor» de la categoría actual, incluyendo sus imágenes destacadas y campos ACF. Aplica CSS para el diseño de dos columnas y el tamaño uniforme de las imágenes.

    Espero que te sirva de guía.

    ¡¡Ahh!!, por cierto, la próxima vez procura darle un poco de formato al mensaje, que me ha costado más descifrarlo que darte una respuesta 🙂

    Saludos.

Viendo 2 respuestas - de la 1 a la 2 (de un total de 2)

El debate ‘Crear un directorio dentro de un blog con el plugin Custom Post types’ está cerrado a nuevas respuestas.