L'une des questions les plus fréquentes posées par les nouveaux utilisateurs d'Easy Digital Downloads (EDD) est de savoir si le plugin fonctionnera avec les thèmes qu'ils ont choisis. Il en va de même pour nos extensions et si certains thèmes doivent être utilisés pour qu'elles fonctionnent correctement.
L'objectif ici n'est pas seulement de répondre à vos questions, mais aussi de donner des conseils à ceux qui souhaitent apporter des ajustements par eux-mêmes.
EDD fonctionnera-t-il avec mon thème ?
Réponse courte
Oui. EDD est conçu pour fonctionner avec n'importe quel thème.
Réponse détaillée
Absolument. Cependant, il y a des choses qui peuvent être faites pour aider votre thème à tirer le meilleur parti d'EDD et de ses extensions, bien qu'elles ne soient pas obligatoires.
Pour plus de détails sur les améliorations spécifiques au thème, consultez la section Articles associés en bas de ce document. Pour l'instant, couvrons les bases.
Comment EDD fonctionne-t-il avec n'importe quel thème ?
La première chose à faire est de définir « fonctionner ». Il est important de distinguer les différences entre fonctionnalité et style.
Fonctionnalité
La fonctionnalité, dans ce contexte, est ce qui vous donne une plateforme de commerce électronique complète. Tout, de la création de pages produits à l'envoi des clients vers une page de confirmation d'achat après une transaction, est la façon dont EDD fonctionne.
Cette fonctionnalité, pour la plupart, est en coulisses. Cependant, certaines fonctionnalités nécessitent une interaction des visiteurs du site par des clics sur des boutons, des saisies de texte, et plus encore. Afin de faciliter cette interaction, des éléments front-end (ce que vous voyez sur le site) sont affichés à l'écran. La façon dont ces éléments apparaissent nous amène au style.
Style
Le style concerne moins la façon dont EDD fonctionne et plus la façon dont ses éléments front-end sont présentés. Tout comme avec tous les sites, la présentation est la responsabilité du CSS. Généralement, WordPress stocke son CSS dans les thèmes car ils sont responsables du style des sites WordPress. Le CSS peut cependant provenir de différents emplacements. Nous aborderons cela plus tard.
L'important à noter ici est que la façon dont les éléments front-end d'EDD sont stylisés sur votre site n'est pas une indication du fonctionnement d'EDD. La fonctionnalité est la priorité numéro un et la réponse simple est « oui », EDD a été développé pour fonctionner correctement avec n'importe quel thème.
Bien sûr, le style est important. Avec cette compréhension de l'importance, cependant, nous pouvons aller de l'avant.
Comment EDD apparaîtra-t-il dans mon thème ?
Pour de nombreux utilisateurs, ce qu'ils veulent vraiment savoir, c'est à quoi ressemblera EDD, pas comment il fonctionnera. Il s'avère que cette question est un peu plus difficile à répondre.
La meilleure façon de voir à quoi ressemblera EDD dans votre thème est de le tester. En supposant que vous ayez déjà votre thème, et étant donné qu'EDD lui-même est gratuit, la mise en place d'un site de staging est de loin la meilleure façon d'avoir une idée de ce à quoi ressembleront les choses une fois configurées.
Parfois, EDD semble s'intégrer parfaitement à un thème. D'autres fois, certains éléments ne s'affichent pas comme on pourrait s'y attendre. Parlons de ces derniers cas.
Styles du cœur d'EDD
EDD lui-même inclut un fichier CSS qui tente de standardiser certains éléments front-end afin qu'ils ne perdent pas leur structure ou leur design dans n'importe quel thème. Les composants tels que le formulaire de paiement doivent absolument être intuitifs dès le départ. Ainsi, des styles CSS sont inclus dans le plugin pour tenter de sécuriser cette structure et ce design, quel que soit le thème.
La nature du CSS est de fonctionner sur la base de la force et de la spécificité. Dans ce contexte, cela signifie que si le cœur d'EDD peut inclure ses propres styles, il y a toujours une chance que n'importe quel thème donné puisse avoir un CSS avec des « règles » plus fortes ou plus spécifiques que ce qu'EDD inclut. Pour ceux qui ont des problèmes de style avec EDD, c'est généralement la raison.
Styles de votre thème
EDD utilise un grand nombre d'éléments HTML qui sont utilisés partout sur le web. En gardant l'exemple du formulaire de paiement, la collecte des noms et adresses e-mail de vos clients lors du paiement nécessite qu'EDD utilise des éléments de saisie de texte et d'e-mail.
Bien sûr, un formulaire de paiement EDD n'est pas le seul endroit où vous trouverez ces types d'éléments HTML. Ils sont également utilisés dans des formulaires de contact et des formulaires d'inscription à des newsletters par e-mail, ainsi que dans plusieurs autres endroits. Pour cette raison, la plupart des développeurs de thèmes voient l'intérêt d'écrire du CSS dans leurs thèmes qui stylisera automatiquement ces éléments génériques pour vous.
Dans certains cas, cela pose un problème. Peut-être que votre thème a une forte orientation design sur le marketing par e-mail. Pour cette raison, le développeur du thème peut choisir de styliser les éléments de saisie de texte et d'e-mail pour qu'ils soient très grands et gras avec une grande police. Cela a du sens car le formulaire d'inscription à la newsletter par e-mail doit attirer l'attention du visiteur.
Ce que votre développeur de thème n'avait pas prévu, c'est que vous utiliseriez EDD pour distribuer votre ebook gratuit, par exemple. Maintenant, votre formulaire de paiement EDD utilise de grands éléments de saisie gras juste pour demander un nom et une adresse e-mail afin de finaliser une transaction. Dans certains cas, cela convient. Dans d'autres cas, les styles appliqués aux éléments du formulaire de paiement vont à l'encontre du déroulement du processus de paiement.
En raison de ce facteur d'imprévisibilité, il est toujours possible qu'un thème ait un effet visuel sur les éléments EDD. Que l'effet soit souhaité ou non ne peut être déterminé qu'au cas par cas (thème par thème).
Constructeurs de pages
Les constructeurs de pages peuvent parfois causer des problèmes, car certains d'entre eux ont leur propre méthode d'affichage du contenu. Ce n'est cependant un problème qu'avec quelques constructeurs de pages et beaucoup fonctionneront très bien avec Easy Digital Downloads. Si vous rencontrez des problèmes avec votre constructeur de pages ou si vous avez des questions sur celui que vous utilisez, veuillez contacter le support et nous serons heureux de vous aider.
Style du navigateur
Enfin, tous les navigateurs web modernes ont leurs propres styles par défaut. Si aucun CSS n'est écrit par un designer ou un développeur pour forcer les éléments HTML à avoir une certaine apparence, les navigateurs leur appliqueront un style par défaut. Comme vous l'avez probablement deviné, tous les navigateurs n'ont pas les mêmes styles par défaut.
Il est toujours possible qu'un thème n'inclue pas de styles pour certains éléments, et que ces mêmes éléments ne soient pas stylisés dans EDD core. Lorsque cela se produit, le navigateur prend le relais.
Vos styles personnalisés
La merveilleuse chose à propos du développement web est que rien n'est définitif. Les trois sources de style mentionnées ci-dessus sont ce avec quoi vous commencerez. Cependant, vous êtes libre de changer tout ce que vous voulez. Il suffit de savoir comment le faire vous-même ou d'embaucher quelqu'un pour le faire pour vous.
Depuis le fichier style.css de votre propre thème enfant, ou peut-être un plugin CSS personnalisé comme Reaktiv CSS Builder, des règles CSS peuvent être écrites pour remplacer tous les styles déjà appliqués. Cela ne doit pas toujours être fait par nécessité. Cela peut aussi être fait par préférence.
Ainsi, même si les styles d'EDD seront déterminés par plusieurs sources différentes, aucun de ces styles n'a à être définitif.
Compatibilité des thèmes EDD en résumé
L'essentiel est de comprendre que le fait qu'EDD fonctionne ou non avec votre thème est une question de fonctionnalité. La façon dont EDD apparaîtra dans votre thème est plus une variable, mais des mesures ont été prises pour créer un niveau de cohérence de base entre les thèmes.
Bien que certains thèmes soient conçus pour être utilisés avec EDD, comme tous les thèmes EDD listés ici, aucun thème n'a à spécifier la prise en charge d'EDD pour qu'EDD fonctionne avec lui. Vous êtes libre de choisir votre thème en fonction de vos propres préférences visuelles.
Veuillez consulter la liste ci-dessous pour d'autres articles sur le thème EDD.
