¿Cuáles son las plantillas disponibles de la intergración de nuby con WordPress?
Dale una identidad única y profesional a tu portal inmobiliario. En esta guía aprenderás a explorar, seleccionar y aplicar las plantillas de diseño disponibles en el ecosistema nuby para personalizar la apariencia de tus inmuebles en tu sitio web.
🧠 Conceptos Clave
Antes de iniciar, es importante entender dos términos que usarás frecuentemente al configurar tu página:
-
Plantilla: Es un diseño predefinido que determina cómo se visualizan los inmuebles, fotos y descripciones en tu sitio web. Cada plantilla tiene una estructura y estilo visual único (colores, distribución, tipografía).
-
Componentes: Son los bloques funcionales de nuby que instalas en tu sitio de WordPress (como el Buscador de Inmuebles, Carrusel de Destacados o Listado de Propiedades). Estos componentes se insertan usualmente mediante shortcodes (códigos cortos).
-
Identificador (ID): Es el código técnico (ej:
template1) que debes copiar y pegar en la configuración de tus componentes para "activar" el diseño que elegiste.
🚀 Pasos para Elegir tu Diseño
Sigue este flujo de trabajo para seleccionar la mejor opción para tu marca:
-
Explora: Haz clic en los enlaces de "Previsualización" de la tabla inferior para ver cómo luce cada diseño en tiempo real.
-
Tip UX: Abre los enlaces en una nueva pestaña y verifica cómo se ven tanto en computadora como en celular.
-
-
Elige: Selecciona la plantilla que mejor se adapte a los colores y estilo de tu logotipo.
-
Copia el ID: Una vez decidido, toma nota del Identificador (columna derecha). Lo necesitarás para la configuración.
-
Implementa: Usa ese identificador dentro de los parámetros de tus shortcodes o plugins de nuby en WordPress.
📂 Catálogo de Plantillas Disponibles
A continuación encontrarás el listado completo de diseños. Utiliza el Identificador para configurar tus componentes web.
| # | Vista Previa del Diseño | Identificador (ID) (Copiar este código) |
| 01 | 🌐 Ver demostración (Plantilla 1) | template1 |
| 02 | 🌐 Ver demostración (Plantilla 2) | template2 |
| 03 | 🌐 Ver demostración (Plantilla 3) | template3 |
| 04 | 🌐 Ver demostración (Plantilla 4) | template4 |
| 05 | 🌐 Ver demostración (Plantilla 5) | template5 |
| 06 | 🌐 Ver demostración (Plantilla 6) | template6 |
| 07 | 🌐 Ver demostración (Plantilla 7) | template7 |
| 08 | 🌐 Ver demostración (Plantilla 8) | template8 |
| 09 | 🌐 Ver demostración (Plantilla 9) | template9 |
| 10 | 🌐 Ver demostración (Plantilla 10) | template10 |
| 11 | 🌐 Ver demostración (Plantilla 11) | template11 |
| 12 | 🌐 Ver demostración (Plantilla 12) | template12 |
| 13 | 🌐 Ver demostración (Plantilla 13) | template13 |
| 14 | 🌐 Ver demostración (Plantilla 14) | template14 |
| 15 | 🌐 Ver demostración (Plantilla 15) | template15 |
| 16 | 🌐 Ver demostración (Plantilla 16) | template16 |
| 17 | 🌐 Ver demostración (Plantilla 17) | template17 |
| 18 | 🌐 Ver demostración (Plantilla 18) | template18 |
🛠️ ¿Cómo aplicar el Identificador?
Una vez tengas tu templateX, debes ir a tu panel de administración de WordPress donde tienes instalado el plugin de nuby.
-
Identifica la página o sección donde está insertado el shortcode o componente de inmuebles.
-
Busca o agrega el atributo de configuración llamado
template -
Escribe el identificador tal cual aparece en la tabla (ej.
template5). -
Guarda los cambios y actualiza tu página para ver el nuevo diseño aplicado.
Nota: Para detalles técnicos específicos sobre dónde pegar este código, consulta la guía ¿Cómo puedo agregar componentes de la integración de nuby en WordPress?