Comment remplacer les fichiers modèles de MemberPress ?

Lorsque vous utilisez MemberPress, il se peut que vous souhaitiez modifier l'aspect de vos pages relatives à l'adhésion. Pour modifier les modèles par défaut, vous pouvez remplacer les fichiers modèles de MemberPress et adapter les modèles au style de votre site web.

Ce guide explique comment remplacer en toute sécurité les fichiers modèles de MemberPress et où trouver les modèles dont vous avez besoin.

Pourquoi remplacer les modèles MemberPress ?

Les fichiers modèles contrôlent l'aspect et le fonctionnement des pages de MemberPress. Ces fichiers créent le design de pages importantes telles que :

• Pages d'inscription
• Pages du compte
• Pages de tarification
• Pages de remerciements
• Pages de connexion

En remplaçant ces modèles, vous pouvez :

• Adapter le design à votre marque
• Ajouter des éléments personnalisés à des pages spécifiques
• Modifier la présentation des composants d'adhésion
• Corriger les problèmes d'affichage sur votre site

Remplacer les fichiers modèles MemberPress

Ce dont vous avez besoin avant de commencer

Pour personnaliser les modèles MemberPress, vous devez :

• MemberPress installé et activé sur votre site WordPress ;
• Accès aux fichiers de votre site web par FTP ou par un gestionnaire de fichiers ;
• Un thème enfant (fortement recommandé) pour stocker vos modèles modifiés.

Dossier du thème enfant et des modèles personnalisés

Avant de créer des fichiers de modèles personnalisés, vous devez créer un dossier dans votre thème enfant nommé "memberpress". Vous devez placer tous vos fichiers de modèles personnalisés liés à MemberPress et aux modules complémentaires de MemberPress dans ce dossier..

Pour créer le dossier structure du dossier des modèles personnalisés, suivez les étapes suivantes :

1. Accédez aux fichiers de votre site web par l'intermédiaire d'un Client FTP (par exemple Filezilla) ou un gestionnaire de fichiers (par exemple Gestionnaire de fichiers). Si elle est disponible, vous pouvez également utiliser la fonction gestionnaire de fichiers fourni par votre hébergeur service.
2. Allez dans le dossier de votre thème enfant (généralement dans wp-content/themes/votre-nom-de-thème-enfant).
3. Ajouter le dossier nommé memberpress dans ce dossier.

En conséquence, le chemin d'accès à votre dossier doit être le suivant /wp-content/themes/votre-thème-enfant/memberpress/ chemin. Les le thème de votre enfant dans la structure de dossier mentionnée doit correspondre au nom du dossier de votre thème enfant.

Note: Vous devriez appliquer toutes vos personnalisations aux fichiers copiés à votre thème enfant. Ces fichiers sont sauvegardés en toute sécurité dans votre dossier de modèles personnalisés, tandis que les fichiers du modèle original sont supprimés lors des mises à jour de MemberPress.

Trouver les fichiers modèles originaux

Tout d'abord, vous devez localiser les fichiers de modèles pour les dessins que vous souhaitez personnaliser :

1. Connectez-vous à votre site web à l'aide de FTP ou d'un gestionnaire de fichiers par l'intermédiaire de votre compte d'hébergement.
2. Naviguez jusqu'à la page wp-content/plugins/memberpress/app/views/ dossier.
3. Parcourez ce dossier pour trouver les modèles que vous souhaitez personnaliser. Les emplacements des modèles les plus courants dans ce dossier sont les suivants :
   • /checkout/form.php - la page d'inscription ;
   • /checkout/payment_form.php - la page de paiement ;
   • /checkout/spc_form.php - les caisse à page unique (si activée) ;
   • /compte/ - tous les modèles de page du compte. Le compte MemberPress utilise plusieurs modèles pour contrôler les différents éléments du compte. Ainsi, dans ce dossier, vous trouverez les fichiers suivants :
     • home.php - l'onglet Accueil ;
     • abonnements.php - l'onglet Abonnements ;
     • paiements.php - l'onglet Transactions ;
     • nav.php - les éléments du menu du compte ;
     • motdepasse.php - page de réinitialisation du mot de passe sur la page du compte ;
   • /readylaunch/ - tous les fichiers de modèles ReadyLaunch (si vous utilisez ReadyLaunch™).
   • /login/form.php - la page de connexion ;
   • /login/forgot_password.php - la page de réinitialisation du mot de passe sur la page de connexion ;

Lorsque vous copiez ces fichiers, n'oubliez pas de conserver la structure originale des dossiers.

Par exemple, lors de la copie du Page d'inscription vous devez créer le fichier modèle caisse sous le dossier /wp-content/plugins/memberpress/app/views/ . Vous pouvez ensuite ajouter le fichier formulaire.php dans le fichier.

Création de fichiers de modèles personnalisés

Pour modifier un fichier de modèle, copier le fichier modèle original dans le dossier des modèles personnalisés. Vous ne devez le faire que pour les fichiers de modèles que vous devez modifier.

Pour remplacer correctement les fichiers modèles MemberPress, vous devez vous assurer que les conditions suivantes sont remplies :

• Le fichier de modèle personnalisé doivent correspondre les noms des fichiers originaux ;
• Copier la structure du dossier après le /vues avec le fichier modèle.

L'ajout des fichiers de modèle à votre thème enfant de cette manière remplacera automatiquement les fichiers de modèle de MemberPress. Maintenant, vous pouvez appliquer toutes les modifications au fichier copié.

Exemple : Remplacer le modèle de page de compte

Supposons que vous souhaitiez personnaliser la page d'accueil du compte MemberPress. Les étapes sont les suivantes :

1. Le modèle original est disponible à l'adresse suivante wp-content/plugins/memberpress/app/views/account/home.php.
2. Naviguez jusqu'à la page /memberpress dans votre thème enfant (wp-content/themes/votre-nom-de-thème-enfant/memberpress)
3. Créer le compte (s'il n'est pas déjà présent) pour qu'il corresponde à la structure du dossier d'origine.
4. Copier le home.php dans votre nouveau dossier.
5. Modifier le fichier pour effectuer vos modifications de conception.
6. Économiser le dossier.

Remarque : Après chaque mise à jour de MemberPress, vous devez vérifier les modifications apportées aux fichiers de modèles originaux afin de vous assurer qu'il n'y a pas d'incompatibilités.

Remplacer les modèles de courrier électronique MemberPress

Les courriels MemberPress sont situés dans le /mails dossier. Veuillez noter que les fichiers modèles pour les courriels envoyés aux administrateurs (Admin Emails & Notices) utilisent le dossier admin_ préfixe. Les modèles de courriels envoyés aux utilisateurs (avis aux membres) ont le préfixe utilisateur préfixe.

Note: Le /mails Le dossier contient les fichiers modèles pour les les courriels énumérés sous Tableau de bord > MemberPress > Paramètres > Emails tabulation.

Lorsque vous remplacer les modèles de courrier électronique MemberPressPour ce faire, vous devez franchir une étape supplémentaire après avoir créé le modèle personnalisé :

1. Naviguez jusqu'à Tableau de bord > MemberPress > Paramètres > Emails tabulation.
2. Recherchez l'e-mail dont vous avez remplacé le fichier modèle.
3. Cliquez sur le bouton Réinitialisation des valeurs par défaut sur cette ligne pour charger votre nouveau modèle.

Remplacer les fichiers modèles de l'extension MemberPress

MemberPress add-ons sont des plugins distincts qui doivent être installés et activés sur votre site web pour les utiliser avec MemberPress. Par conséquent, les modèles liés aux modules complémentaires se trouvent dans différents dossiers

Vous pouvez également remplacer les modèles pour les modules complémentaires MemberPress en utilisant la même approche. Le processus est similaire :

• Les fichiers modèles pour chaque module d'extension MemberPress sont situés dans les dossiers spécifiques aux modules d'extension, chacun contenant le fichier app/views/ la structure du dossier.
• Copiez les fichiers du modèle original et la structure du dossier (après le fichier /vues ) vers le dossier /wp-content/themes/votre-thème-enfant/memberpress/ dossier.
• Modifiez le fichier copié et enregistrez les modifications.

Vous trouverez ci-dessous des exemples de placement correct des fichiers de modèles personnalisés pour différents modules complémentaires de MemberPress.

MemberPress Comptes d'entreprise

• Les fichiers originaux du modèle sont situés dans : /wp-content/plugins/memberpress-corporate/app/views/
• Exemple :
  • Fichier original à remplacer : mpca-manage-account-template.php (Page Gérer les sous-comptes)
  • Emplacement du fichier original : /wp-content/plugins/memberpress-corporate/app/views/
  • Les modèles personnalisés doivent être placés dans : /wp-content/themes/votre-thème-enfant/memberpress/mpca-manage-account-template.php

Cours sur MemberPress

• Les modèles originaux se trouvent dans : /wp-content/plugins/memberpress-courses/app/views/
• Exemple :
  • Fichier original à remplacer : liste_des_cours.php (Liste des cours de comptabilité)
  • Emplacement du fichier original : /wp-content/plugins/memberpress-courses/app/views/compte/
  • Les modèles personnalisés doivent être placés dans : /wp-content/themes/votre-thème-enfant/memberpress/compte/

En revanche, si vous activez la fonction ReadyLaunch™ Cours/Leçons les fichiers du modèle original sont situés dans : /wp-content/plugins/cours-membres/app/views/classroom/

• ReadyLaunch™ Exemple :
  • Fichier original à remplacer : cours_header.php (En-tête de cours ReadyLaunch)
  • Emplacement du fichier original : /wp-content/plugins/memberpress-courses/app/views/classroom/
  • Les modèles personnalisés doivent être placés dans : /wp-content/themes/votre-thème-enfant/memberpress/classroom/courses_header.php

Factures PDF

• Les modèles originaux se trouvent dans : /wp-content/plugins/memberpress-pdf-invoice/app/views/account/invoice/
• Exemple :
  • Fichier original à remplacer : simple.php ou moderne.php (Facture simple ou moderne)
  • Emplacement du fichier original : /wp-content/plugins/memberpress-pdf-invoice/app/views/compte/facture/
  • Les modèles personnalisés doivent être placés dans : /wp-content/themes/votre-thème-enfant/memberpress/compte/facture/

Modèles liés aux modules complémentaires les plus couramment utilisés

Les modules complémentaires de MemberPress sont des plugins distincts qui doivent être installés et activés sur votre site web pour être utilisés avec MemberPress. Par conséquent, les modèles liés aux modules complémentaires sont situés dans des dossiers différents :

• Factures PDF: le simple.php OU moderne.php sous le fichier /wp-content/plugins/memberpress-pdf-invoice/app/views/compte/facture dossier ;
• Comptes d'entreprise: fichiers distincts pour les modèles de sous-compte et de compte d'entreprise situés sous /wp-content/plugins/memberpress-corporate/app/views/ dossier :
  • Page Gérer les sous-comptes : mpca-manage-account-template.php
  • Section Comptes d'entreprise sur la page Modifier le profil : mpca-edit-user-template.php
• Cours ReadyLaunch™ : Les cours MemberPress utilisent plusieurs fichiers modèles, tous situés dans le répertoire /wp-content/plugins/memberpress-courses/app/views/ dossier :
  • Onglet Cours sur la page Compte : le liste_des_cours.php sous le fichier /account/courses_list.php dossier ;
  • Cours page : le cours_archive_course.php sous le fichier /classroom/courses_archive_course.php dossier ;
  • Cours page : le cours_single_course.php sous le fichier /classroom/courses_single_course.php dossier ;
  • Barre latérale du cours: le cours_sidebar.php sous le fichier /classroom/courses_sidebar.php dossier ;
  • Leçon page : le cours_simple_leçon.php sous le fichier /classroom/courses_single_lesson.php dossier ;
  • Certificats: le cours_certificat.php sous le fichier /courses/courses_certificate.php dossier.

Remplacer les styles du MemberPress à l'aide de CSS

Envisagez d'utiliser l'option CSS personnalisée de votre thème au lieu de modifier les fichiers de modèle pour des changements de style mineurs. Cette approche est souvent plus simple pour des ajustements mineurs de la conception.

Si vous devez modifier le CSS, la meilleure façon de le faire actuellement est d'utiliser un plugin de gestion des CSS (par ex. Gestionnaire CSS personnalisé) pour ajouter vos propres styles personnalisés.

Conseil: Si votre CSS personnalisé ne remplace pas le style par défaut de MemberPress, vous pouvez essayer d'ajouter la balise !important déclaration. Cette déclaration doit être ajoutée devant chaque élément que vous souhaitez modifier à l'aide de CSS.

Conseils importants pour les remplacements de modèles

1. Ne remplacez que ce dont vous avez besoin: Ne copiez pas tous les fichiers de modèles, mais seulement ceux que vous souhaitez modifier. Cela réduit les risques de problèmes lors des futures mises à jour de MemberPress.
2. Vérifier après les mises à jour: Les fichiers de modèles peuvent être modifiés lors des mises à jour de MemberPress. Après la mise à jour de MemberPress, vérifiez vos modèles personnalisés pour vous assurer qu'ils fonctionnent toujours correctement.
3. Utiliser les feuilles de style CSS lorsque c'est possible: Pour les changements de style simples, envisagez d'utiliser des feuilles de style CSS personnalisées au lieu de remplacer des fichiers de modèles entiers. C'est souvent plus facile et moins susceptible de causer des problèmes.
4. Faire des sauvegardes: Sauvegardez toujours vos modèles personnalisés avant de mettre à jour MemberPress.

Résolution des problèmes liés aux remplacements de modèles

Si vos modèles personnalisés ne fonctionnent pas :

1. Vérifiez la structure de vos dossiers: Assurez-vous que les dossiers et les fichiers se trouvent exactement au bon endroit et qu'ils portent les noms corrects.
2. Vérifier les noms de fichiers: Assurez-vous que les noms de vos modèles personnalisés correspondent exactement aux fichiers originaux.
3. Effacez votre cache: Si vous utilisez un plugin de mise en cache, videz le cache pour voir vos modifications. Effacez également le cache côté serveur ou CDN s'il existe.
4. Vérifier les conflits: Essayez de désactiver temporairement d'autres plugins pour vérifier s'il y a des conflits.
5. Vérifier les droits d'accès aux fichiers: Assurez-vous que les fichiers de votre modèle ont les permissions correctes (généralement 644).
6. Comparer avec les originaux: Après chaque mise à jour de MemberPress, comparez vos modèles personnalisés avec les nouveaux originaux pour vérifier s'il y a des changements significatifs.