Como substituir os arquivos de modelo do MemberPress?

Ao usar o MemberPress, talvez você queira alterar a aparência das páginas relacionadas à associação. Para alterar os designs padrão, você pode substituir os arquivos de modelo do MemberPress e combinar os designs com o estilo do seu site.

Este guia explica como substituir com segurança os arquivos de modelo do MemberPress e onde encontrar os modelos de que você precisa.

Por que substituir os modelos MemberPress?

Os arquivos de modelo controlam a aparência e o funcionamento das páginas do MemberPress. Esses arquivos criam o design de páginas importantes, como:

• Páginas de registro
• Páginas da conta
• Páginas de preços
• Páginas de agradecimento
• Páginas de login

Ao substituir esses modelos, você pode:

• Combine o design com sua marca
• Adicionar elementos personalizados a páginas específicas
• Alterar o layout dos componentes de associação
• Corrigir problemas de exibição em seu site

Substituir arquivos de modelo MemberPress

O que você precisa antes de começar

Para personalizar os modelos MemberPress, você precisa:

• MemberPress installed and activated on your WordPress website;
• Acesso aos arquivos do seu site por meio de FTP ou de um gerenciador de arquivos;
• Um tema filho (altamente recomendado) para armazenar seus modelos modificados.

Tema filho e pasta de modelos personalizados

Antes de criar qualquer arquivo de modelo personalizado, você deve criar uma pasta em seu tema filho nomeado "memberpress". Você deve colocar todos os arquivos de modelo personalizado relacionados ao MemberPress e aos complementos do MemberPress nessa pasta.

Para criar a pasta estrutura para a pasta de modelos personalizadosSiga estas etapas:

1. Acesse os arquivos do seu site por meio de um Cliente FTP (por exemplo Filezilla) ou um gerenciador de arquivos plugin (por exemplo. Gerenciador de arquivos). Se disponível, você também pode usar o gerenciador de arquivos fornecido por sua hospedagem serviço.
2. Vá para a pasta do tema filho (geralmente em wp-content/themes/your-child-theme-name).
3. Adicione a pasta chamada memberpress para essa pasta.

Dessa forma, o caminho da pasta deve ser /wp-content/themes/your-child-theme/memberpress/ caminho. O o tema de seu filho na estrutura de pastas mencionada precisa corresponder ao nome da pasta do tema filho.

Observação: Você deve aplique todas as suas personalizações aos arquivos copiados em seu tema filho. Esses arquivos são salvos com segurança em sua pasta de modelos personalizados, enquanto os arquivos de modelo originais são excluídos nas atualizações do MemberPress.

Como encontrar os arquivos de modelo originais

Primeiro, você deve localizar os arquivos de modelo para os designs que deseja personalizar:

1. Conecte-se ao seu site usando FTP ou um gerenciador de arquivos por meio de sua conta de hospedagem.
2. Navegue até a seção wp-content/plugins/memberpress/app/views/ pasta.
3. Navegue por essa pasta para localizar os modelos que você deseja personalizar. Os locais dos modelos mais comuns nessa pasta incluem:
   • Registro page – /checkout/form.php file;
   • Checkout page – /checkout/payment_form.php file;
   • Login page – /login/form.php file;
   • Password reset page on the login page – /login/forgot_password.php file;
   • Single page checkout (if enabled) – /checkout/spc_form.php file;
   • Todos conta page templates – /conta/ The MemberPress account uses multiple templates to control different account elements. Thus, under this folder, you will find the following files:
     • home.php - a guia Home;
     • subscriptions.php - na guia Assinaturas;
     • pagamentos.php - na guia Transações;
     • nav.php - itens de menu da conta;
     • password.php - página de redefinição de senha na página da conta;
   • ReadyLaunch template files (if using ReadyLaunch™) – /readylaunch/ pasta.

Ao copiar esses arquivos, lembre-se de manter a estrutura original da pasta.

Para ilustrar, ao copiar o Página de registro você deve criar o arquivo de modelo checkout na pasta /wp-content/plugins/memberpress/app/views/ pasta. Em seguida, você pode adicionar a pasta form.php para ele.

Criação de arquivos de modelos personalizados

Para modificar qualquer arquivo de modelo, copiar o arquivo de modelo original para a pasta de modelos personalizados. Você deve fazer isso somente para os arquivos de modelo que precisa modificar.

Para substituir corretamente os arquivos de modelo do MemberPress, é necessário garantir o seguinte:

• O arquivo de modelo personalizado os nomes devem corresponder os nomes dos arquivos originais;
• Copie a estrutura de pastas após o /visualizações juntamente com o arquivo de modelo.

Adicionar os arquivos de modelo ao seu tema filho dessa forma substituirá automaticamente os arquivos de modelo do MemberPress. Agora, você pode aplique todas as modificações ao arquivo que você copiou.

Exemplo: Substituindo o modelo de página da conta

Digamos que você queira personalizar a página inicial da conta MemberPress. As etapas seriam as seguintes:

1. Encontre o modelo original em wp-content/plugins/memberpress/app/views/account/home.php.
2. Navegue até a seção /memberpress em seu tema filho (wp-content/themes/your-child-theme-name/memberpress)
3. Criar o conta (se ainda não estiver presente) para corresponder à estrutura original da pasta de arquivos.
4. Copiar o home.php para sua nova pasta.
5. Editar o arquivo para fazer suas alterações de design.
6. Salvar o arquivo.

Observação: Após cada atualização do MemberPress, você deve verificar se há alterações nos arquivos de modelo originais para garantir que não haja incompatibilidades.

Substituir modelos de e-mail do MemberPress

Os e-mails MemberPress estão localizados na seção /emails pasta. Observe que os arquivos de modelo para e-mails enviados aos administradores (Admin Emails & Notices) usam a pasta admin_ prefixo. Os modelos de e-mails enviados aos usuários (Avisos aos membros) têm o prefixo usuário_ prefixo.

Observação: O /emails A pasta contém arquivos de modelo para os e-mails listados em Painel de controle > MemberPress > Configurações > E-mails guia.

Quando você Substituir os modelos de e-mail do MemberPressSe o modelo for personalizado, você precisará executar uma etapa adicional após criar o modelo personalizado:

1. Navegue até Painel de controle > MemberPress > Configurações > E-mails guia.
2. Localize o e-mail cujo arquivo de modelo você substituiu.
3. Clique no botão Redefinir padrões nessa linha para carregar seu novo modelo.

Substituir arquivos de modelo do add-on MemberPress

Complementos do MemberPress são plugins separados que precisam ser instalados e ativados em seu site para serem usados com o MemberPress. Dessa forma, os modelos relacionados a complementos estão localizados em pastas diferentes

Você também pode substituir modelos de complementos do MemberPress usando a mesma abordagem. O processo é semelhante:

• Os arquivos de modelo para cada add-on do MemberPress estão localizados nas pastas específicas do add-on, cada uma contendo o arquivo aplicativo/visualizações/ estrutura de pastas.
• Copie os arquivos de modelo originais e a estrutura de pastas (após o /visualizações ) para a pasta /wp-content/themes/your-child-theme/memberpress/ pasta.
• Edite o arquivo copiado e salve as alterações.

Abaixo estão exemplos da colocação correta dos arquivos de modelo personalizado para diferentes complementos do MemberPress.

MemberPress Contas corporativas

• Os arquivos do modelo original estão localizados em: /wp-content/plugins/memberpress-corporate/app/views/
• Exemplo:
  • Arquivo original a ser substituído: mpca-manage-account-template.php (Página Gerenciar subcontas)
  • Localização original do arquivo: /wp-content/plugins/memberpress-corporate/app/views/
  • Os modelos personalizados devem ser colocados em: /wp-content/themes/seu-tema-filho/memberpress/

Cursos do MemberPress

• Os modelos originais estão localizados em: /wp-content/plugins/memberpress-courses/app/views/
• Exemplo:
  • Arquivo original a ser substituído: lista_de_cursos.php (Lista de cursos de contabilidade)
  • Localização original do arquivo: /wp-content/plugins/memberpress-courses/app/views/conta/
  • Os modelos personalizados devem ser colocados em: /wp-content/themes/your-child-theme/memberpress/conta/

Por outro lado, se você ativar a opção ReadyLaunch™ Cursos/Aulas os arquivos de modelo originais estão localizados em: /wp-content/plugins/memberpress-courses/app/views/classroom/

• Exemplo de ReadyLaunch™:
  • Arquivo original a ser substituído: courses_header.php (Cabeçalho do curso ReadyLaunch)
  • Localização original do arquivo: /wp-content/plugins/memberpress-courses/app/views/sala de aula/
  • Os modelos personalizados devem ser colocados em: /wp-content/themes/seu-tema-filho/memberpress/sala de aula/

Faturas em PDF

• Os modelos originais estão localizados em: /wp-content/plugins/memberpress-pdf-invoice/app/views/account/invoice/
• Exemplo:
  • Arquivo original a ser substituído: simple.php ou modern.php (Fatura simples ou moderna)
  • Localização original do arquivo: /wp-content/plugins/memberpress-pdf-invoice/app/views/account/invoice/
  • Os modelos personalizados devem ser colocados em: /wp-content/themes/your-child-theme/memberpress/account/invoice/

Modelos relacionados a complementos mais comumente usados

Os add-ons do MemberPress são plugins separados que precisam ser instalados e ativados em seu site para serem usados com o MemberPress. Dessa forma, os modelos relacionados aos complementos estão localizados em pastas diferentes:

• Faturas em PDF: simple.php OR the modern.php no arquivo /wp-content/plugins/memberpress-pdf-invoice/app/views/conta/fatura pasta;

• Contas corporativasArquivos separados para modelos de subconta e conta corporativa localizados em /wp-content/plugins/memberpress-corporate/app/views/ pasta:
  • Página Manage Sub-accounts (Gerenciar subcontas): mpca-manage-account-template.php
  • Seção Contas corporativas na página Editar perfil: mpca-edit-user-template.php

• ReadyLaunch™ Courses use multiple template files and folders, all located under the /wp-content/plugins/memberpress-courses/app/views/ pasta:
  • Guia Cursos on the Account page: lista_de_cursos.php no arquivo /conta/ pasta;
  • Cursos página: courses_archive_course.php no arquivo /sala de aula/ pasta;
  • Curso página: cursos_single_course.php no arquivo /sala de aula/ pasta;
  • Barra lateral do curso: courses_sidebar.php no arquivo /sala de aula/ pasta;
  • Lição página: cursos_single_lesson.php no arquivo /sala de aula/ pasta;
  • Certificados: cursos_certificados.php no arquivo /courses/ pasta.

• MemberPress Testes use multiple template files and folders, all located under the /wp-content/plugins/memberpress-course-quizzes/app/views/ pasta:
  • Templates related to the Quizzes backend (Dashboard > MP Courses > Quizzes):
    • Table showing all users' attempts: list.php no arquivo admin/attempts/ pasta;
    • Overview of quiz answers for a specific user: view.php no arquivo admin/attempts/ pasta;
    • Table row showing each individual attempt : rows.php no arquivo admin/attempts/ pasta;
  • Ensaio question block – essay.php no arquivo questions/ pasta;
  • Fill Blanks question block – fill-blank.php no arquivo questions/ pasta;
  • Likert scale question block – likert-scale.php no arquivo questions/ pasta;
  • Matriz de correspondência question block – match-matrix.php no arquivo questions/ pasta;
  • Multiple Answer question block – multiple-answer.php no arquivo questions/ pasta;
  • Múltipla escolha question block – multiple-choice.php no arquivo questions/ pasta;
  • Resposta curta question block – short-answer.php no arquivo questions/ pasta;
  • Sort Values question block – sort-values.php no arquivo questions/ pasta;
  • Verdadeiro/Falso question block – true-false.php no arquivo questions/ pasta.

• Atribuições do MemberPress use multiple template files and folders, all located under the /wp-content/plugins/memberpress-course-assignments/app/views/ pasta:
  • Templates related to the Assignments backend (Dashboard > MP Courses > Atribuições):
    • List of all submitted assignments – list.php no arquivo /admin/submissions/ pasta;
    • Overview of the essay assignment submitted by a specific user – essay.php no arquivo /admin/submissions/pasta;
    • Assignment Submission with score – view.php no arquivo /admin/submissions/ pasta;
    • Table row of each submission – rows.php no arquivo /admin/submissions/ pasta;
  • Assignment (CPT post) design – courses_single_assignment.php file;
  • Assignments' action buttons (Continue, Submit, or Resubmit) – courses_navigation.php arquivo.

• MemberPress Boletim de notas uses multiple template files and folders, all located under the /wp-content/plugins/memberpress-course-gradebook/app/views/ pasta:
  • Templates related to the Gradebook backend (Dashboard > MP Courses > Boletim de notas):
    • Gradebook activation notice – addons-required.php no arquivo admin/ pasta;
    • Dropdown with all available courses on the Gradebook overview page – course-list.php no arquivo admin/ pasta;
    • Gradebook overview page – default.php no arquivo admin/ pasta;
    • Grading pop-up for quizzes – grading-fields.php no arquivo admin/quizzes/ pasta;
    • Grading pop-up for assignments – grading-fields.php no arquivo admin/assignments/ pasta;
    • Additional grading fields (Bonus and Feedback) – additional-fields.php no arquivo admin/quizzes/ pasta;
    • Table row for each grade – rows.php no arquivo admin/ pasta;
  • Displaying Course grades to users – course-grades.php arquivo.

Substituir os estilos do MemberPress usando CSS

Considere usar a opção de CSS personalizado do seu tema em vez de modificar os arquivos de modelo para pequenas alterações de estilo. Essa abordagem costuma ser mais simples para pequenos ajustes de design.

Se você precisar alterar o CSS, A melhor maneira de fazer isso atualmente é usar um plug-in de gerenciador de CSS (por exemplo Gerenciador de CSS personalizado) para adicionar seus próprios estilos personalizados.

Dica: Caso seu CSS personalizado não esteja substituindo o estilo padrão do MemberPress, você pode tentar adicionar o !importante declaration. Essa declaração deve ser adicionada na frente de cada item que você deseja modificar usando CSS.

Dicas importantes para substituições de modelos

1. Substitua apenas o que você precisa: Não copie todos os arquivos de modelo, apenas os que você deseja alterar. Isso reduz a chance de problemas com futuras atualizações do MemberPress.
2. Verificar após as atualizações: Os arquivos de modelos podem mudar quando o MemberPress é atualizado. Depois de atualizar o MemberPress, verifique seus modelos personalizados para ter certeza de que ainda estão funcionando corretamente.
3. Use CSS sempre que possível: Para alterações simples de estilo, considere o uso de CSS personalizado em vez de substituir arquivos de modelo inteiros. Isso geralmente é mais fácil e tem menos probabilidade de causar problemas.
4. Fazer backups: Sempre faça backup de seus modelos personalizados antes de atualizar o MemberPress.

Solução de problemas de substituições de modelos

Se seus modelos personalizados não estiverem funcionando:

1. Verifique sua estrutura de pastas: Certifique-se de que as pastas e os arquivos estejam exatamente no lugar certo e com os nomes corretos.
2. Verificar nomes de arquivos: Certifique-se de que os nomes de seus modelos personalizados correspondam exatamente aos arquivos originais.
3. Limpe seu cache: Se você usa um plug-in de cache, limpe o cache para ver suas alterações. Além disso, limpe o cache do lado do servidor ou CDN, se houver.
4. Verificação de conflitos: Tente desativar outros plug-ins temporariamente para verificar se há conflitos.
5. Verificar permissões de arquivo: Certifique-se de que seus arquivos de modelo tenham as permissões corretas (geralmente 644).
6. Comparar com os originais: Após cada atualização do MemberPress, compare seus modelos personalizados com os novos originais para verificar se há alterações significativas.