V\u00e9rifiez les erreurs de la console pour savoir pourquoi quelque chose ne fonctionne pas correctement sur votre site.<\/h4>\n
\n\t If you're finding that content on your page isn't loading right or something seems \u2018off', then having the ability to check any local errors that may be happening when loading a page is essential. To start, you'll want to open the Developer Tools in your browser and navigate to the Console tab. Once there, enable the option to \u201cPreserve log\u201d near the top under the main tabs and hit refresh if no information is showing.<\/p>\n
\n\t Une fois que vous avez fait cela, tous les messages d'erreur s'affichent. Si vous n'\u00eates pas s\u00fbr de la signification d'un message d'erreur ou de la mani\u00e8re d'y rem\u00e9dier, la lecture de cet article vous sera utile. ici<\/a>. Si vous n'\u00eates toujours pas s\u00fbr de la marche \u00e0 suivre, envoyez-nous une capture d'\u00e9cran de ce que vous voyez avec une br\u00e8ve explication de ce qui ne fonctionne pas dans un formulaire de demande d'information. ticket d'assistance<\/a>.<\/p>\n \n\t Si vous n'aimez pas la fa\u00e7on dont votre th\u00e8me ou MemberPress affiche son style CSS, ou<\/strong> si elle ne s'affiche pas correctement, WordPress permet de la modifier tr\u00e8s facilement \u00e0 l'aide d'un plugin tiers. Nous vous recommandons d'utiliser le plugin Plugin CSS personnalis\u00e9 simple<\/a>mais il existe \u00e9galement d'autres options si vous effectuez un simple recherche<\/a> pour les plugins WordPress de CSS personnalis\u00e9s. L'id\u00e9e avec ces types de plugins est que vous pouvez cr\u00e9er n'importe quel CSS personnalis\u00e9, le coller dans le plugin et il sera appliqu\u00e9. Si vous pouvez restreindre le CSS \u00e0 votre th\u00e8me, la plupart des th\u00e8mes ont un endroit o\u00f9 vous pouvez ajouter du CSS personnalis\u00e9, alors demandez \u00e0 votre d\u00e9veloppeur de th\u00e8me si vous n'\u00eates pas s\u00fbr de l'endroit o\u00f9 il se trouve.<\/p>\n \n\t Pour cet exemple, disons que j'aimerais que les titres des champs de mon formulaire d'inscription MemberPress soient un peu plus grands que ce qu'ils sont ici :<\/p>\n \n\t La fa\u00e7on la plus simple de proc\u00e9der est de faire un clic droit directement sur l'\u00e9l\u00e9ment que vous souhaitez modifier. Ainsi, si je fais un clic droit sur l'un de ces titres et que je clique ensuite sur inspecter l'\u00e9l\u00e9ment, cela ressemblera \u00e0 ceci :<\/p>\n Vous remarquerez que lorsque j'ai fait cela, la section surlign\u00e9e en gris dans les outils de d\u00e9veloppement est celle qui est directement li\u00e9e \u00e0 l'\u00e9tiquette du formulaire. Nous recherchons ici la classe div, qui nous indiquera la classe CSS appel\u00e9e et utilis\u00e9e pour afficher le texte. Lorsque je survole la classe div, l'\u00e9l\u00e9ment particulier qu'elle affecte est surlign\u00e9 en bleu, ce qui est un bon moyen de v\u00e9rifier que vous obtenez la bonne classe. La classe utilis\u00e9e ici est mp-form-label<\/strong> et bien que dans cet article nous ne discuterons pas trop des d\u00e9tails du fonctionnement de CSS (mais si vous souhaitez en savoir plus sur CSS, ici<\/a> est un bon point de d\u00e9part), sachez que pour cet exemple, afin d'agrandir le texte, je devrais l'entrer dans le plugin CSS Custom Manager :<\/p>\n \n\t A couple a key things to note here are that you need to make sure to start each class with a \u201c.\u201d (dot), wrap the styling with \u201c{}\u201d (braces), and it's always good practice to include an !important<\/strong> variable. La raison pour laquelle vous pouvez avoir besoin d'inclure la variable !important<\/strong> Cette variable est due au fait que la plupart du temps, lorsque vous ajoutez une feuille de style CSS personnalis\u00e9e, vous remplacez une feuille de style CSS existante, ce qui devrait garantir l'affichage de votre feuille de style CSS personnalis\u00e9e \u00e0 la place. Voici \u00e0 quoi ressemblerait cette modification :<\/p>\n \n\t Parfois, vous constaterez qu'une partie particuli\u00e8re de votre site ne se charge pas correctement, comme les fichiers prot\u00e9g\u00e9s par des r\u00e8gles d'URI personnalis\u00e9es. Cela est g\u00e9n\u00e9ralement d\u00fb au fait que le contenu est charg\u00e9 par un serveur autre qu'Apache, comme NGINX, qui est une cause fr\u00e9quente de probl\u00e8mes. Pour v\u00e9rifier cela, vous devez ouvrir les outils de d\u00e9veloppement et aller dans l'onglet R\u00e9seau. Si vous ne voyez rien, il se peut que vous deviez rafra\u00eechir la page, mais sinon vous verrez une liste de tous les emplacements de fichiers qui ont \u00e9t\u00e9 utilis\u00e9s pour charger la page. Faites d\u00e9filer la liste jusqu'\u00e0 ce que vous trouviez l'emplacement du fichier qui tire le contenu qui ne se charge pas correctement (vous saurez g\u00e9n\u00e9ralement de quel emplacement il s'agit parce qu'il portera une sorte d'ic\u00f4ne code d'erreur<\/a> on the status) and click on the link. This will pull up various information including the status code, but here you'll want to look under the heading \u201cResponse Headers\u201d like what you can see here:<\/p>\n \n\t Ici, vous remarquerez que le contenu a \u00e9t\u00e9 charg\u00e9 par Apache, mais encore une fois, s'il s'agit d'autre chose et que vous avez un probl\u00e8me, vous devrez faire un changement. Plus pr\u00e9cis\u00e9ment, vous devez contacter votre serveur h\u00f4te et voir s'il peut transmettre les requ\u00eates pour ces types de fichiers \u00e0 Apache pour qu'il les traite au lieu de NGINX.<\/p>","protected":false},"excerpt":{"rendered":" Can You Feel the Power? Every major internet browser that you use has what is called a set of Developer Tools. This includes Google Chrome, Safari, Firefox and Internet Explorer. So, with all of those options it makes it really easy to utilize a set of Developer Tools to accomplish some pretty cool things! On [\u2026]<\/p>\n","protected":false},"author":62252,"comment_status":"open","ping_status":"closed","template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"_strive_editorial_status":"not-started","_strive_copy_of":0,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","_FSMCFIC_featured_image_caption":"","_FSMCFIC_featured_image_nocaption":"","_FSMCFIC_featured_image_hide":"","_strive_checklists":"\"\"","_strive_active_checklist":"62291e2bb2422","footnotes":""},"ht-kb-category":[1314],"ht-kb-tag":[],"class_list":{"0":"post-61405","1":"ht_kb","2":"type-ht_kb","3":"status-publish","4":"format-standard","6":"ht_kb_category-miscellaneous","7":"entry","8":"has-post-thumbnail"},"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t\n\t\n\t\n\t\n\t\n\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\t\n\t\tAjustez ou modifiez votre style CSS et voyez comment cela affectera votre site avant d'enregistrer les modifications dans votre th\u00e8me ou votre plugin.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-8FmSFo6iK8.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-SBx8U05Tgr.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-b97eXY3PHc.png\")
<\/p>\n![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-TwD55xwXNE.png\")
<\/p>\nV\u00e9rifiez sur quel serveur votre contenu est charg\u00e9 lorsqu'il ne se charge pas correctement.<\/h4>\n
![](\"https:\/\/memberpress.com\/wp-content\/uploads\/2024\/02\/file-Ps6LICbP8X.png\")
<\/p>\n