Quería crear un sitio web atractivo que mostrara la colección de NFT, pero no quería escribir una sola línea.
Este tutorial le enseñará paso a paso cómo utilizar las plantillas de sitios web NFT proporcionadas por Templately para desplegar su sitio en cuestión de minutos y mostrar automáticamente su
![Imagen [1] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152127738-image.png)
I. Preparación: Instalación de los plug-ins necesarios
Antes de empezar, asegúrese de haber instalado y activado los siguientes plugins:
- Templately Pro (Edición Profesional)
- Bloques esenciales (para la integración de la API NFT)
![Imagen [2] - Cómo Construir Rápidamente un Sitio Web NFT Usando Plantillas Templately en un Sitio Web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421151606329-image.png)
II. Importar la plantilla del sitio web de NFT
- Acceda al backend de WordPress y haga clic en el menú de la izquierda Plantilla> Plantilla Biblioteca
- En el tipo de plantilla seleccione Gutenberg (editor de bloques)
![Imagen [3] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421151710417-image.png)
- Escriba en la casilla de búsqueda "Bóveda NFT"
![Imagen [4] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421151853276-image.png)
- Busque la plantilla correspondiente y haga clic en Demostración en directoVista previa de los efectos del sitio
![Imagen [5] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421151924525-image.png)
- Tras confirmar, pulse Insertar sitio completo (importar toda la plantilla del sitio)
![Imagen [6] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152013455-image.png)
- Rellene el título y el subtítulo del sitio, haga clic en Siguiente
![Imagen [7] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152207243-image.png)
- El sistema detectará las dependencias necesarias, haga clic en Instalar y procederIniciar la instalación del paquete de plantillas
![Imagen [8] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152355678-image.png)
- Una vez finalizada la instalación, pulse Visite su sitio web Ver su sitio web
![Imagen [9] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152433841-image.png)
Integración de las API de la plataforma NFT (utilizando OpenSea como ejemplo)
Si desea mostrar una colección real de NFT en su sitio web, necesita conectarse a las API de plataformas como OpenSea.
- En el módulo de visualización NFT, haga clic en el botóntexto con hipervínculos"Conexión Bootstrap
API)
![Imagen [10] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152639367-image.png)
- Salto de página Bloques esenciales > Integraciones API
![Imagen [11] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152723617-image.png)
- En la opción OpenSea NFT, haga clic en el botón "OpenSea NFT".Editar"Introduzca su clave API OpenSea.
![Imagen [12] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152739828-image.png)
- golpe (en el teclado) Guardar cambios
- Vuelva a la página para ver su colección NFT expuesta en el bloque.
![Imagen [13] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421152806373-image.png)
Personalización de los estilos de los bloques de visualización NFT
Templately + Essential Blocks proporciona un rico conjunto de ajustes de bloque para apoyar el embellecimiento y efectos de presentación:
Configuración del contenido (pestaña General):
- Seleccione el tipo y el número de NFT que desea visualizar
![Imagen [14] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421153325704-image.png)
- Establece el tipo de diseño:Lista o cuadrícula
![Imagen [15] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421153352703-image.png)
- Ajusta el número de elementos por fila que se mostrarán.
- Controla si las imágenes, subtítulos y botones se muestran al pasar el ratón por encima.
- Mostrar imágenes de NFT
- Mostrar título
- Mostrar botón
![Imagen [16] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421153434965-image.png)
Ficha Estilo:
- Ajuste del espacio entre columnas y filas
![Imagen [17] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421153818317-image.png)
- Personalice el color, el espaciado y los bordes de los bloques del proyecto
![Imagen [18] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421153959970-image.png)
- Ajuste el tipo de letra, el tamaño y el color de las imágenes, los pies de foto, los botones, etc.
![Imagen [19] - Cómo crear rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421154041244-image.png)
Configuración avanzada (pestaña Avanzado):
- Personalización de los márgenes exteriores e interiores (Margen y relleno)
- Definición de estilos adaptables o adición de nombres de clases de estilos CSS adicionales
![Imagen [20] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421154232480-image.png)
Una vez completados los ajustes, haga clic en la esquina superior derecha de la pantalla Guardar y, a continuación, actualice el sitio para mostrar los resultados.
V. Visualización del efecto final
El sitio cuenta ahora con todas las funciones de presentación de NFT, admite la sincronización automática de los datos de NFT, admite diseños con capacidad de respuesta y puede incrustarse en cualquier página que admita el editor de bloques, lo que le viene de perlas:
- El artista de NFT expone su portafolio personal
- Proyecto Web3 Creator Promotion Collection
- Los coleccionistas registran y comparten sus colecciones en la cadena
![Imagen [21] - Cómo construir rápidamente un sitio web NFT utilizando plantillas en un sitio web WordPress](https://www.361sale.com/wp-content/uploads/2025/04/20250421154329767-image.png)
resúmenes
Utilice el plugin Templately con el editor de bloques de WordPress para crear un sitio web NFT profesional en cuestión de minutos:
- No se requieren conocimientos de programación
- Proporcionar una estructura de plantilla completa
- Integración con la API OpenSea para mostrar colecciones reales de NFT
- Interfaz visual para personalizar fácilmente los estilos
Con el editor de bloques de WordPress y las plantillas de Templately, puedes crear rápidamente un sitio web de NFT de aspecto profesional y totalmente funcional sin añadir código. Tanto si quieres mostrar tu colección personal de NFT como crear Web3 El sitio web oficial del proyecto, con importación de plantillas, integración de API y personalización en pocos pasos, es la solución ideal para principiantes y creadores.
Para obtener más información y tutoriales relacionados con WordPress, siga el enlaceRed de fluctuación de fotonestiene los tutoriales de WordPress más completos y los más activos.Comunidad de intercambio de WordPress.
| Contacte con nosotros | |
|---|---|
| ¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas |
Servicio de atención al cliente WeChat
|
| ① Tel: 020-2206-9892 | |
| ② QQ咨询:1025174874 | |
| (iii) Correo electrónico: info@361sale.com | |
| ④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres | |
Enlace a este artículo:https://www.361sale.com/es/51037El artículo está protegido por derechos de autor y debe ser reproducido con atribución.























![Emoji[wozuimei]-Photonflux.com | Servicio profesional de reparación de WordPress, en todo el mundo, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/wozuimei.gif)
![Emoticono [baoquan] - Photon Wave Network | Servicios profesionales de reparación de WordPress, cobertura mundial, respuesta rápida](https://www.361sale.com/wp-content/themes/zibll/img/smilies/baoquan.gif)

Sin comentarios