Vous cherchez un moyen facile de changer la couleur de fond du site WordPress? La couleur de fond du site joue un rôle important dans la conception et la promotion de la marque, ainsi que dans la lisibilité du contenu. Dans nous montrerons comment changer facilement la couleur de fond du site WordPress.
Pourquoi changer la couleur de fond dans WordPress? Les thèmes WordPress ont une couleur de fond par défaut. Changer la couleur de fond aide à personnaliser la conception du site et à améliorer la lisibilité. Par exemple, pouvez utiliser différentes couleurs de fond pour mettre en évidence des Parties spécifiques drsquoune page. Cela aide à mettre en évidence votre appel à lrsquoaction (OTC) et à augmenter le taux de conversion.
Vous pouvez utiliser différentes couleurs de fond pour différents messages sur le blog WordPress, selon l’auteur, le commentaire ou la catégorie. Cela permet de distinguer les articles des autres contenus du site. Il existe également un moyen drsquoajouter du papier peint à la vidéo pour attirer lrsquoattention immédiate des visiteurs et accroître leur participation. C’est à dire, voyons comment changer la couleur de fond dans WordPress. Nous montrerons plusieurs façons de personnaliser les couleurs de fond, Ainsi, pouvez passer à la section que : changer la couleur de fond en utilisant WordPress Custom Program changer la couleur de fond en utilisant Custom CSS changer la couleur de fond au hasard changer la couleur de fond d’un message individuel utiliser la vidéo de fond créer une page d’atterrissage personnalisée utiliser le thème WordPress personnaliser changer la couleur de fond selon Vous pouvez utiliser le personnalisateur de thème WordPress pour changer la couleur de fond du thème. Il permet de changer lrsquoapparence de votre site en temps réel sans changer de code.
Pour accéder à wordpress theme Customer, pouvez visiter votre site Web et aller à Look and feel
Remarquez la couleur de fond dans WordPress? Vous pouvez ajouter un effet drsquoédition de couleur de fond uniforme pour la transition automatique entre les différentes couleurs de fond. Lrsquoeffet passe par plusieurs couleurs jusqursquoà ce que la couleur finale soit atteinte. Pour ajouter un effet, devez ajouter le Code au site WordPress. Nous guiderons dans le processus suivant. La première chose que devez faire est de trouver la classe CSS pour la zone que voulez ajouter un effet de changement de couleur de fond uniforme.
Vous pouvez le faire en utilisant lrsquooutil de vérification dans le navigateur. Il suffit de déplacer la souris dans la zone où voulez changer de couleur et de faire un clic droit pour sélectionner lrsquooutil drsquoinspection.
Après cela, devrez écrire la classe CSS que souhaitez cibler. Par exemple, dans la capture drsquoécran ci dessus, nous voulons utiliser la classe drsquoen tête de page css pour localiser la zone. Ensuite, devez ouvrir un éditeur de texte normal sur votre ordinateur comme bloc notes et créer un nouveau fichier. Vous devez enregistrer le fichier sous le tutoriel wpb background. JS sur le Bureau.
Après cela, pouvez ajouter le code suivant au fichier JS nouvellement créé: jquery (fonction ($)
$(
Variable $this = $(this),
Couleur = [lsquo ec008crsquo, lsquo 00bcc3rsquo, lsquo 5fb26arsquo, lsquo fc7331rsquo]
Setinterval (fonction () {
Var COLOR = color. Shift ()
La couleur. Push (Color)
$this. Animation ({backgroundcolor: Color}, 2000)
}, 4000)
})
})
étudiez le Code, remarquerez que nous avons utilisé la classe CSS
Vous verrez également que nous avons utilisé quatre couleurs en utilisant le Code de couleur hexadécimal. Vous pouvez ajouter nrsquoimporte quel nombre de couleurs à lrsquoarrière plan. Tout ce que avez à faire est drsquoinsérer le Code de couleur dans le fragment et de les s éparer avec la virgule s
Les hirondelles, comme les autres couleurs. Maintenant que le fichier JS est prêt, devez le dans le dossier JS du thème WordPress en utilisant le service FTP (File Transfer Protocol). Dans ce tutoriel, nous utilisons Filezilla. Il srsquoagit drsquoun client FTP gratuit pour Windows, Mac et Linux et est très facile à utiliser. Pour commencer, devez connecter au serveur FTP du site. Vous pouvez trouver vos identifiants de connexion dans le courriel du fournisseur drsquohébergement ou dans le tableau de bord cpanel du compte hôte.
Une fois connecté, verrez une liste de dossiers et de fichiers dans le site dans la colonne sites distants. Continuez, allez dans le dossier JS dans le thème du site.
votre sujet nrsquoa pas de dossier JS, pouvez en créer un. Il suffit de faire un clic droit sur le dossier des sujets dans le client FTP et de cliquer sur lrsquooption créer un répertoire.
Ensuite, devez ouvrir lemplacement du fichier JS dans la colonne site local. Ensuite, faites un clic droit sur le fichier et cliquez sur lrsquooption Télécharger pour ajouter le fichier au sujet.
Pour plus de détails, suivez nos tutoriels pour apprendre comment des fichiers sur WordPress en utilisant FTP. Ensuite, devez entrer le code suivant dans le fichier de fonction. Php du sujet. Ce code charge correctement les fichiers JavaScript et les scripts jquery dépendants nécessaires pour que ce code fonctionne correctement. Fonction wpb _ BG Color scripts () {
WP _ enqueue script (lsquowpb background Tutorialrsquo, get Stylesheet Directory Uri (). lsquo Tutoriel de fond js wpb. JSrsquo, array (lsquojquery Colorrsquo), lsquo1.0.0rsquo, True)
}
Ajouter lrsquoopération U (
Nous recommandons drsquoajouter votre code au site en toute sécurité en utilisant le plug in fragment de code. Pour plus de détails, consultez notre guide sur la façon de coller des clips Web dans WordPress. Vous pouvez maintenant visiter votre site Web pour voir les couleurs qui changent au hasard dans la zone cible de votre choix.
Changer la couleur de fond d’un seul billet pouvez également changer la couleur de fond de chaque billet de blog dans WordPress au lieu d’utiliser une seule couleur dans l’ensemble du site en utilisant un CSS personnalisé. Vous permet de modifier lrsquoapparence drsquoun message particulier et de personnaliser son arrière plan. Par exemple, pouvez personnaliser le style de chaque article en fonction de lrsquoauteur, ou afficher différentes couleurs de fond pour les articles les plus commentés. Vous pouvez également changer la couleur de fond des messages dans une catégorie spécifique. Par exemple, la couleur de fond drsquoun billet de nouvelles peut différer de celle drsquoun tutoriel. La première chose que devez faire est de trouver la classe post ID dans le CSS du sujet. Vous pouvez le faire en visionnant nrsquoimporte quel billet de blog, puis en cliquant avec le bouton droit pour utiliser lrsquooutil drsquoinspection dans votre navigateur.
Voici un exemple:
Une fois lrsquoID du message obtenu, pouvez utiliser le CSS personnalisé suivant pour changer la couleur de fond drsquoun message individuel. Il suffit de remplacer lrsquoID du message pour qursquoil corresponde à votre ID du message et au Code de couleur de fond que voulez. Après 104 ans
Couleur de fond: d7deb5
Couleur: FFFFFF
}
Pour ajouter un CSS personnalisé, pouvez utiliser le personnalisateur de thème WordPress. Tout d’abord, assurez d’être connecté au site WordPress. Ensuite, accédez à votre billet de blog et cliquez sur lrsquooption personnalisée en haut. Ensuite, à partir du menu de gauche, allez à lrsquoonglet CSS supplémentaire.
Ensuite, saisissez le CSS personnalisé et cliquez sur le bouton publier.
Vous pouvez maintenant accéder au journal pour voir la nouvelle couleur de fond. souhaitez changer la couleur de fond par auteur, commentaire ou catégorie, consultez notre tutoriel détaillé sur la façon de façonner chaque billet WordPress de différentes façons. Utiliser la vidéo en arrière plan utiliser la vidéo comme arrière plan du site est la capture
Prod pro offre des fonctionnalités plus puissantes, des modèles et des options personnalisées. Cependant, une version gratuite est également disponible sur WordPress. Organisation. Une fois le plug in activé, devrez entrer la clé de licence. Vous pouvez trouver la clé dans la zone du compte seedprod. Après avoir entré la clé, cliquez sur le bouton Vérifier la clé. Ensuite, pouvez aller à la page seedprod et cliquer sur le bouton Ajouter une nouvelle page drsquoatterrissage.
Ensuite, devez sélectionner un thème pour la page drsquoatterrissage. Seedprod fournit de nombreux modèles de page drsquoatterrissage attrayants pour aider à démarrer. Vous pouvez également utiliser un modèle vide à partir de zéro. Cependant, nous recommandons drsquoutiliser un modèle parce qursquoil srsquoagit drsquoun moyen plus rapide et plus facile de créer une page drsquoatterrissage.
Lorsque sélectionnez un modèle, on demande drsquoentrer un nom de page et de sélectionner une URL.
Sur lrsquoécran suivant, verrez seedprod page Builder. Ici, pouvez utiliser le générateur glisser déposer pour ajouter des blocs dans le menu à gauche. Vous pouvez ajouter des titres, des vidéos, des images, des boutons, etc. Lorsque faites défiler vers le bas, il y a plus de blocs dans la section avancée. Par exemple, pouvez ajouter un compte à rebours pour créer une urgence, afficher un profil social pour augmenter le nombre drsquoabonnés, ajouter un module drsquooptions pour recueillir des indices, et ainsi de suite.
Avec le générateur glisser déposer, il est facile de changer lemplacement de chaque bloc sur la page drsquoatterrissage. Vous pouvez même modifier la disposition, la taille, la couleur et la police du texte. Pour changer la couleur de fond de la page de connexion, il suffit de sélectionner nrsquoimporte quelle partie de la page. Vous verrez maintenant les options pour changer le style, la couleur de fond et ajouter des images dans le menu de gauche.
Après avoir modifié la page drsquoatterrissage, nrsquooubliez pas de cliquer sur le bouton Enregistrer en haut. Suivant.
Nt, pouvez aller à lrsquoonglet connexions pour intégrer des pages avec différents services de marketing par courriel. Par exemple, pouvez connecter à un contact constant, sendinblue, et plus encore.
Ensuite, continuez et cliquez sur lrsquoonglet configuration de la page. Ici, pouvez changer lrsquoétat de votre page de Draft à publish pour publier votre page.
De plus, pouvez modifier les paramètres de référencement de la page, voir lrsquoanalyse, ajouter du code personnalisé au script et entrer des champs personnalisés. Une fois terminé, pouvez quitter seedprod page Builder et accéder à une page drsquoatterrissage personnalisée.
Nous espérons que cet article aidera à apprendre comment changer la couleur de fond dans WordPress. Vous voudrez peut être aussi consulter notre guide pour choisir le meilleur constructeur de site Web ou notre comparaison des meilleurs logiciels de conception de site Web.
