Nous voulions créer un site web attrayant pour présenter la collection du NFT, mais nous ne voulions pas écrire un texte d'une seule ligne.
Ce tutoriel vous apprendra étape par étape comment utiliser les modèles de sites NFT fournis par Templately pour déployer votre site en quelques minutes et afficher automatiquement votre
![Image [1] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152127738-image.png)
I. Préparation : Installation des plug-ins nécessaires
Avant de commencer, assurez-vous d'avoir installé et activé les plugins suivants :
- Templately Pro (Edition Professionnelle)
- Blocs essentiels (pour l'intégration de l'API NFT)
![Image [2] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421151606329-image.png)
Importation du modèle de site web du NFT
- Connectez-vous au backend de WordPress et cliquez sur le menu de gauche Templémentairement> Templémentairement Bibliothèque
- Dans le type de modèle, sélectionnez Gutenberg (éditeur de blocs)
![Image [3] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421151710417-image.png)
- Tapez dans le champ de recherche "Chambre forte du NFT
![Image [4] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421151853276-image.png)
- Recherchez le modèle correspondant et cliquez sur Démonstration en directPrévisualisation des effets du site
![Image [5] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421151924525-image.png)
- Après confirmation, cliquez sur Insérer le site complet (importation du modèle de site complet)
![Image [6] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152013455-image.png)
- Remplissez le titre et le sous-titre du site, cliquez sur Suivant
![Image [7] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152207243-image.png)
- Le système détectera les dépendances requises, cliquez sur Installer et procéderLancer l'installation du paquet de modèles
![Image [8] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152355678-image.png)
- Une fois l'installation terminée, cliquez sur Visitez votre site web Voir votre site web
![Image [9] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152433841-image.png)
Intégration des API de la plateforme NFT (en utilisant OpenSea comme exemple)
Si vous souhaitez afficher une véritable collection de NFT sur votre site web, vous devez vous connecter aux API de plateformes telles qu'OpenSea.
- Sur le module d'affichage NFT, cliquez sur le boutontexte en hyperlien"Connexion Bootstrap
API
)
![Image [10] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152639367-image.png)
- Saut de page Blocs essentiels > Intégrations API
![Image [11] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152723617-image.png)
- Dans la rubrique OpenSea NFT, cliquez sur le bouton "OpenSea NFT".Editer"Entrez votre clé API OpenSea.
![Image [12] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152739828-image.png)
- frappe (sur le clavier) Enregistrer les modifications
- Retournez sur la page pour voir votre collection NFT affichée dans le bloc !
![Image [13] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421152806373-image.png)
Personnalisation des styles de blocs d'affichage NFT
Templately + Essential Blocks fournit un ensemble riche de paramètres de blocs pour prendre en charge les effets d'embellissement et de présentation :
Paramètres de contenu (onglet Général) :
- Sélectionner le type et le nombre de NFT à afficher
![Image [14] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421153325704-image.png)
- Définit le type de mise en page :Liste ou grille
![Image [15] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421153352703-image.png)
- Règle le nombre d'éléments à afficher par ligne.
- Contr?le l'affichage des images, des légendes et des boutons au passage de la souris.
- Afficher les photos NFT
- Afficher le titre
- Afficher le bouton
![Image [16] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421153434965-image.png)
Onglet Style :
- Réglage de l'espacement des colonnes et des lignes
![Image [17] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421153818317-image.png)
- Personnaliser la couleur, l'espacement et les bordures des blocs du projet
![Image [18] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site web WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421153959970-image.png)
- Ajustez les polices, les tailles et les couleurs des images, des légendes, des boutons, etc.
![Image [19] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421154041244-image.png)
Paramètres avancés (onglet Avancé) :
- Personnalisation des marges extérieures et intérieures (Margin & Padding)
- Définition de styles réactifs ou ajout de noms de classes de style CSS supplémentaires
![Image [20] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421154232480-image.png)
Une fois les réglages terminés, cliquez sur le coin supérieur droit de l'écran d'accueil. économiser et mettre à jour le site pour afficher les résultats.
V. Affichage de l'effet final
Le site dispose désormais d'une fonctionnalité de présentation NFT complète, prend en charge la synchronisation automatique des données NFT, supporte les mises en page réactives et peut être intégré dans n'importe quelle page prise en charge par l'éditeur de blocs, ce qui est une excellente chose :
- L'artiste du NFT présente son portfolio personnel
- Projet de collection de promotion de Web3 Creator
- Les collectionneurs enregistrent et partagent leurs collections sur la cha?ne
![Image [21] - Comment créer rapidement un site web NFT à l'aide de modèles Templately sur un site WordPress](http://gqxi.cn/wp-content/uploads/2025/04/20250421154329767-image.png)
résumés
Utilisez le plugin Templately avec l'éditeur de blocs WordPress pour créer un site web professionnel NFT en quelques minutes :
- Aucune compétence en programmation n'est requise
- Fournir la structure complète du modèle
- Intégration avec l'API OpenSea pour présenter des collections NFT réelles
- Interface visuelle pour une personnalisation aisée des styles
Grace à l'éditeur de blocs WordPress et aux modèles Templately, vous pouvez rapidement créer un site web NFT professionnel et entièrement fonctionnel sans ajouter de code. Que vous présentiez votre collection personnelle de NFT ou que vous créiez un site Web de NFT, vous pouvez créer un site Web de NFT. Web3 Le site web officiel du projet, avec importation de modèles, intégration d'API et personnalisation en quelques étapes seulement, est la solution idéale pour les débutants et les créateurs.
Pour plus de tutoriels et d'informations sur WordPress, veuillez suivre les liens suivantsRéseau de fluctuation des photonsavec les tutoriels WordPress les plus complets et les plus actifs.Communauté d'échange WordPress.
Lien vers cet article :http://gqxi.cn/fr/51037L'article est protégé par le droit d'auteur et doit être reproduit avec mention.
Pas de commentaires