Personnalisez l’apparence de votre site Web en quelques clics ! CSS Hero est un outil simple que n’importe qui peut ajouter des polices, des couleurs, des bordures, des marges et plus encore à vos publications et pages. Comment quelque chose d’aussi génial pourrait-il s’améliorer ?
Comment personnaliser votre site WordPress
Jusqu’à présent, vous pensiez probablement que vous deviez être un développeur pour apporter des modifications personnalisées à votre site WordPress. Plus maintenant! CSS Hero est un personnalisateur de thème modifiable en direct qui vous donne le pouvoir de créer un site WordPress qui vous convient, à vous ou à votre entreprise. Nous allons vous montrer à quel point il est facile de personnaliser votre site Web avec CSS Hero (aussi simple que 1, 2, 3), et partager quelques-unes des nombreuses raisons pour lesquelles c’est une excellente option pour vous.
1. Obtenez CSS Hero
C’est la partie la plus importante – vous devez récupérer une copie de CSS Hero ! Choisissez un plan qui vous convient. Quel que soit le forfait que vous choisissez, vous disposez d’un an pour activer CSS Hero sur votre site Web (ou sur les sites Web si vous avez choisi un forfait Personnel ou Pro), mais vous pouvez ensuite apporter des modifications personnalisées à votre site Web pour toujours !
2. Assurez-vous d’être un héros prêt
Avant de pouvoir commencer à apporter des modifications, vous devez vous assurer que vous utilisez un thème Hero ready. Vous pouvez voir une liste de Thèmes testés par les héros sur le site CSS Hero – et notre propre thème Total est également sur le point d’être annoncé comme Hero ready !
Si vous ne voyez pas le thème que vous souhaitez utiliser, ne soyez pas triste – vous pouvez toujours utiliser CSS Hero avec n’importe quel thème ! Essayez d’abord d’utiliser Mode Fusée avec votre thème. Avec cela, CSS Hero fait de son mieux pour définir les éléments CSS dans votre thème afin que vous puissiez commencer à personnaliser. Mais si cela ne fonctionne pas avec votre thème, vous pouvez utiliser le Outil de configuration rapide pour mapper nos éléments CSS (cela prend juste un peu plus de temps que les autres options).
3. Pointez, cliquez et personnalisez
Maintenant, la partie amusante – les personnalisations ! Une fois que vous avez activé CSS Hero sur votre site Web, vous pouvez personnaliser des tonnes de fonctionnalités différentes. Survolez simplement les éléments de la page pour voir ce qui peut être modifié (CSS Hero mettra en surbrillance les éléments avec une boîte bleue lorsque vous survolez) et cliquez pour commencer l’édition.
Lorsque vous cliquez sur un élément, CSS Hero vous montrera une liste d’options (telles que Texte, Arrière-plan, Bordure, Rembourrage, Marge, Taille, etc.). Assurez-vous simplement de sauvegarder lorsque vous avez terminé. Et si vous souhaitez annuler une modification que vous avez apportée, utilisez simplement les options de réinitialisation intégrées des sections pour revenir aux paramètres d’origine des éléments.
Plus de fonctionnalités qui rendent CSS Hero génial
Il y a des tonnes d’autres raisons d’aimer CSS Hero car cela permet vraiment aux nouveaux utilisateurs et aux développeurs chevronnés de modifier facilement les thèmes. Il existe également des tonnes d’options intégrées à CSS Hero que vous pouvez utiliser pour apporter des modifications professionnelles à votre thème. CSS Hero prend en charge CSS moderne propriétés telles que les dégradés et les ombres de boîte, comprend sélection intelligente des couleurs vous pouvez donc choisir des couleurs à partir d’applications (Photoshop, Fireworks, etc.) ou de fichiers sur votre bureau, et Plus de 600 polices et glyphes (plus prise en charge supplémentaire de Typekit et des polices tierces).
Il existe également des options intégrées pour l’édition et la personnalisation affichages réactifs. Lors de l’édition, sélectionnez simplement l’une des options d’affichage pour tester comment votre thème modifié fonctionnera de manière réactive et apporter des modifications supplémentaires si nécessaire. C’est un excellent moyen de garantir que vos visiteurs peuvent lire vos articles et pages sur n’importe quel appareil.
Et si vous optez pour le plan PRO, vous obtiendrez également le Inspecteur CSS Hero qui vous donne le pouvoir d’utiliser CSS Hero comme vous le feriez avec un outil d’inspection de navigateur. C’est un excellent outil pour les développeurs, car il vous offre un cadre familier pour copier, coller et modifier votre CSS à la volée.
Oh, et vous n’avez pas du tout à vous soucier du fait que CSS Hero ralentisse votre site. Cela n’affecte en rien le fonctionnement de votre installation WordPress. Le plugin n’utilise des ressources que lorsque vous utilisez l’éditeur en direct, de sorte que votre administrateur et votre site en direct fonctionneront aussi bien que d’habitude.
CSS Hero, un personnalisateur 5 étoiles
Nous avons passé en revue de nombreux constructeurs, mais CSS Hero est un outil de personnalisation. Au lieu d’ajouter les mêmes éléments de page que tout le monde en utilisant le même thème que vous, CSS Hero vous donne le pouvoir de vous en faire plus sans avoir à apprendre CSS le week-end.
Obtenez CSS Hero
J’espère que vous essayez CSS Hero ! Cela fonctionne très bien avec des tonnes de thèmes et de plugins populaires, y compris ceux de WPMU Dev (indice pour demain). Nous avons vraiment aimé l’essayer, et nous savons que vous le ferez!