Le générateur de thème et les options de conception intégrées de Divi ouvrent de nombreuses nouvelles portes. Plus que jamais, pouvez personnaliser chaque page quamp;rsquoun client arrive. Cela comprend la création de 404 pages. Dans ce tutoriel, nous montrerons comment créer un beau modèle de page 404 et lamp;rsquoappliquer immédiatement à votre site. Nous namp;rsquoutiliserons que les options intégrées de Divi et pourrez gratuitement le fichier json du modèle. Nous espérons que ce tutoriel stimulera votre créativité dans la conception de la prochaine page 404. Allons y! Aperçu avant damp;rsquoaller plus loin dans ce tutoriel, jetons un coup damp;rsquooeil rapide aux résultats sur différents écrans de taille.
Bureau Mobile Télécharger un modèle de page 404 gratuit pour obtenir un modèle de page 404 gratuit, devez damp;rsquoabord le en utilisant les boutons ci dessous. Pour accéder au téléchargement, devez abonner à notre liste de diffusion quotidienne Divi en utilisant le tableau ci dessous. En tant que nouvel utilisateur, recevrez plus de Divi Goods et un paquet gratuit Divi Layout le lundi! êtes déjà sur la liste, il suffit de saisir votre adresse e mail ci dessous et cliquez sur . Vous ne serez pas « ré abonné » ou recevrez un courriel supplémentaire. Télécharger le fichier
Inscrivez à Divi Newsletter et nous enverrons par courriel une copie du dernier paquet de mise en page de la page damp;rsquoatterrissage Divi, ainsi quamp;rsquoun grand nombre damp;rsquoautres ressources, conseils et astuces Divi gratuits. Suivez nous et serez bientôt maître Divi. êtes déjà abonné, entrez votre adresse e mail ci dessous et cliquez sur pour accéder au paquet Layout.
Vous êtes inscrit avec succès. Vérifiez votre adresse e mail pour confirmer votre abonnement et Obtenez gratuitement le paquet hebdomadaire Divi Layout! Abonnez à notre chaîne YouTube 1. Aller à Divi Theme Builder et créer un nouveau modèle aller à Divi Theme Builder pour commencer à créer un modèle de page 404 aller à Divi Theme B
Je suis satisfait et il est temps de commencer à ajouter des modules! La première forme dont nous avons besoin est la forme textuelle. Saisissez le contenu du paragraphe sélectionné. Paramètres de texte passez à lamp;rsquoonglet conception du formulaire et modifiez les paramètres de texte comme suit: caractères de texte: couleur de texte monotone: 000000 taille du texte: 24vw (bureau), 35vw (tablette et téléphone) hauteur de la ligne de texte: 1EM alignement du texte: Centre
Ajoutez le formulaire Texte 2 à la colonne ajouter du contenu du formulaire suivant (un autre formulaire texte). Ajoutez quelque chose de votre choix. Paramètres de texte modifier les paramètres de texte du formulaire en conséquence: police de texte: Montserrat couleur du texte: 000000 taille du texte: 1.2vw (bureau), 2.6vw (tablette), 3vw (téléphone) hauteur de la ligne de texte: 1.8 emtext Alignment: Center Séparer les paramètres complets du module en ajoutant des marges supérieures et inférieures personnalisées. Bord supérieur: 2vw bord inférieur: 6vw Ajouter une nouvelle ligne en utilisant la structure de colonne suivante:
Redimensionner ouvre les paramètres de ligne et Redimensionne les paramètres comme suit: largeur: 32vw (bureau), 50vw (tablette et téléphone) largeur maximale: 100% Lamp;rsquoespacement modifie également les paramètres damp;rsquoespacement. Marge supérieure: 7vw (bureau), 22vw (tablette), 59vw (téléphone mobile) Marge supérieure: 0vw marge inférieure: 0vw Paramètres de colonne 1 et 2 couleur de fond par défaut une fois que avez terminé les paramètres généraux de ligne, pouvez ouvrir chaque colonne individuellement et faire quelques changements à partir de la couleur de fond. Couleur de fond: FFFFFF
Couleur de fond lorsque déplacez la souris changez la couleur de fond lorsque déplacez la souris. Couleur de fond: fffa00 Les bordures peuvent également être arrondies. Filet: 20 pixels (tous G
Corner) La boîte damp;rsquoombre par défaut passe aux paramètres damp;rsquoombre de la boîte et applique les modifications suivantes: Force le flou damp;rsquoombre de la boîte: 50 pixels couleur damp;rsquoombre: rgba (0,0,0,0) Lorsque déplacez la souris, les ombres du cadre changent de couleur lorsque déplacez la souris. Couleur de lamp;rsquoombre: rgba (0,0,0,0,12) Lamp;rsquoéchelle de transformation par défaut passe ensuite au réglage de lamp;rsquoéchelle de transformation, en veillant à ce que la valeur par défaut soit maintenue à 100%.
Droite: 100% fonds: 100% Échelle de transformation en vol stationnaire valeur de lamp;rsquoéchelle de transformation en vol stationnaire: droite: 110% en bas: 110% Ajouter un formulaire de texte à la colonne 1 ajouter du contenu une fois les paramètres de ligne et de colonne terminés, ajouter un formulaire de texte à la colonne 1 qui contient le contenu du paragraphe sélectionné. Ajouter un lien ajouter un lien au formulaire suivant. URL du lien du module: destination du lien du module: dans la même fenêtre Les paramètres de texte passent à lamp;rsquoonglet conception du formulaire et changent les paramètres de texte comme suit:
Police de texte: Montserrat text font Weight: bold text font style: capital text color: 000000 text size: 0.8vw (Desktop), 2vw (tablette), 3vw (mobile) text letter Spacing: 1px text Line height: 1.8 emtext Alignment: Center Lamp;rsquoespacement passe ensuite aux paramètres damp;rsquoespacement et applique certaines valeurs de remplissage personnalisées en haut et en bas à différentes tailles damp;rsquoécran. Remplissage en haut: 2vw (bureau), 3vw (tablette), 4vw (téléphone) remplissage en bas: 2vw (bureau), 3vw (tablette), 4vw (téléphone) Une fois que avez cloné un module texte et placé une copie dans la colonne 2, pouvez cloner lamp;rsquoensemble du module et placer une copie dans la colonne 2. Modifier le contenu assurer lamp;rsquoédition
Copier le module. Changer le lien change également le lien. 3. Après avoir sauvegardé les modifications apportées au générateur de thème, pouvez enregistrer tous les paramètres du modèle. Camp;rsquoest tout! Aperçu maintenant que nous avons terminé toutes les étapes, regardons enfin les résultats sur les différents écrans de taille. Bureau Mobile Dans nous montrons comment configurer et créer un modèle de page 404. Le thème Builder et les options de conception intégrées de Divi permettent de cliquer sur chaque page du site à lamp;rsquoaide damp;rsquoun modèle personnalisé. Nous espérons que tous les tutoriels Divi Theme Builder satisferont! avez des questions ou des suggestions, namp;rsquohésitez pas à faire part de vos commentaires dans la section commentaires ci dessous. souhaitez en savoir plus sur Divi et recevoir plus de cadeaux sur Divi, assurez de abonner à notre newsletter et à YouTube Channel afin que soyez toujours lamp;rsquoun des premiers à apprendre et à bénéficier de ce contenu gratuit.
Comment créer un modèle de page 404 en utilisant Divi & Générateur de thème s
